/* body {
    font-family:BlinkMacSystemFont;
} */

html, body { 
    width: 100%; 
    height: 100%; 
    color:#262a2e;
} 
body { 
    /* margin: 0;
    overflow: hidden;  */
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}
/* body,
.contactapp-wrap .contactapp-content .contactapp-detail-wrap {
    background-color:#f6f7f9;
} */
.bg-custom-gray {
    background-color:#f6f7f9;
}

#loading-bar {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	/*background: var(--primary-color);*/
	transition: width 500ms ease-out, opacity 400ms linear;
	background:#000;
}

.brand-text {
    font-size:1.75rem;
    color:#262a2e;
    display:inline-block;
    height:32px;
    line-height:32px;
}
.top-left-brand-icon {
    vertical-align: top;
}


.hk-wrapper[data-layout="vertical"] .hk-menu {
    width:220px;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top {
    width:100%;
    position: static;
    background: inherit !important;
    border:0;
    transform: translateY(0);
    display:flex;
    flex-flow: column;
    top:0;
    bottom:0;
    margin-left:0;
    z-index:1032;
    transition: all 0.2s ease;
    left:-220px;
}

.contactapp-title.dropdown-toggle h1 {
    /* font-size: 1.5rem; */
    font-size: 1.4rem;
    font-weight:500;
    margin-bottom:0;
    color:#262a2e;
}
.contactapp-title h1 {
    font-size: 1.4rem;
    font-weight:500;
    margin-bottom:0;
    color:#262a2e;
}
.contactapp-title.dropdown-toggle {
    display: flex;
    align-items:center;
    -webkit-box-align:center;
    padding-top:0px;
}

.invoiceapp-title h1 {
    font-size: 1.5rem;
    font-weight:500;
    margin-bottom:0;
    color:#262a2e;
}

h4.invoice-activity-title {
    margin-top:0px;
    font-size: 1.4rem;
}



.input-group .input-group-prepend .input-group-text {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.invoice_activity_list_group.list-group {
    border:0;
    box-shadow:0 0 0 1px rgb(20 20 31 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%);
}
.invoice_activity_list_group .list-group-item {
    display: flex;
    align-items: stretch;
    border-width:1px 0;
    border-color:transparent;
    outline:0;
}
.invoice_activity_list_group .list-group-item:first-child {
    border-width:0 0 1px;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
}
.invoice_activity_list_group .list-group-item:last-child {
    border-bottom-left-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
}
.invoice_activity_list_group .list-group-item-figure:first-child {
    padding-right:1rem;
    display: flex;
    align-items: center;
}
.invoice_activity_list_group .list-group-item-body {
    flex:1;
    min-width:0;
    align-self: center;
}


.manage_invoice_amount_remaining {
    font-size:1.4rem;
}

.contactapp-wrap .contactapp-content.overflow-unset {
    overflow: unset;
}
.content-body-padding {
    padding:20px;
}

.contact-toolbar-row .contact-toolbar-left > div:last-child {
    margin-right:0;
}

.invoice-view-container .hk-pg-body {
    padding-top:1.5rem;
}

.plan_view_more {
    position: relative;
    top:1px;
}
.plan_view_more .fa {
    font-size:13px;
}

@media (max-width: 576px) { 
    .plan_view_more {
        font-size:14px;
        position: relative;
        top:3px;
    }
    .invoice-view-container {
        padding-left:0;
        padding-right:0;
    }
    .invoice_invoice_to_name h6 {
        margin-bottom:0;
    }

    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar {
        padding-left:0;
        padding-right:0;
    }
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap {
        padding-bottom:20px;
    }
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .container-xxl {
        padding-left:0;
        padding-right:0;
    }
    .col-invoice_activity {
        margin-bottom:1rem;
    }
    .col-invoice-action-buttons .btn,
    .manually_enter_payment_container .btn,
    .send_invoice_container .btn {
        padding:0.3rem 0.75rem;
    }
    .col-invoice-action-buttons .manually_enter_payment,
    .confirm_send_invoice {
        margin-top:1rem;
    }
}
@media (max-width: 384px) {
    .col-invoice-action-buttons .btn,
    .manually_enter_payment_container .btn,
    .send_invoice_container .btn {
        padding:0.3rem 0.65rem;
    }
}
@media (max-width: 376px) {
    .col-invoice-action-buttons .btn,
    .manually_enter_payment_container .btn,
    .send_invoice_container .btn {
        padding:0.3rem 0.60rem;
    }
}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .row.contact-toolbar-row .contact-toolbar-left,
.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .row.contact-toolbar-row .contact-toolbar-right {
    min-height:unset;
    margin-bottom:20px;
    display: flex;
    align-items:center;
    -webkit-box-align:center;
}
.contact-toolbar-row .contact-toolbar-left,
.contact-toolbar-row .contact-toolbar-right {
    min-height:unset;
    display: flex;
    align-items:center;
    -webkit-box-align:center;
}

.new_project_toolbar_right .contact-toolbar-right button .hide_when_large .feather-icon {
    width:18px;
    height:18px;
    top:-2px;
    position: relative;
}

.hide_when_large {
    display:none !important;
}
@media (max-width: 420px) {
    /* .new_project_toolbar_left .contact-toolbar-left {
        margin-bottom:0px !important;
    }
    .new_project_toolbar_right {
        width:100%;
    } */
    .hide_when_small {
        display:none !important;
    }
    .hide_when_large { 
        display: inline-block !important;
    }
}
@media (max-width: 395px) {
    .new_project_toolbar_right {
        padding-right:0px;
    }
}


.invoice_click_row, .bill_click_row, .payroll_bill_click_row {
	cursor:pointer;
}
.invoice_click_row:hover, .bill_click_row:hover, .payroll_bill_click_row:hover {
	background-color: #f8f9fa;
}


/*********************************
START -> important height stuff */
.hk-pg-body {
    /* height: calc(100vh - 55px) !important; */
}
.hk-wrapper .hk-navbar {
    /* height:55px; */
    height:51px;
}
.hk-pg-wrapper {
    /* padding-top:55px; */
    padding-top:51px;
}
.taskboardapp-wrap, .contactapp-wrap, .invoiceapp-wrap {
    /* height: calc(100vh - 55px); */
    height: calc(100vh - 51px);
}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header,
.contactapp-wrap .contactapp-content header.contact-header,
.calendarapp-wrap .calendarapp-content .fc .fc-toolbar {
    height:50px;
}

.contact-body h5,
.contact-body .alert,
.contact-body #tab_boards .d-flex button {
    margin-bottom:20px;
}

.hk-wrapper.malgo-wrapper {
    height:unset;
    overflow-x: unset;
    overflow-y: unset;
}


/* .taskboardapp-wrap.taskboardapp-wrap-double-top-bars {
    height: calc(100vh - 100px);
} */

/* Small devices (portriat phones, 576px and below) */
@media (max-width: 576px) { 
    .contact-body #tab_boards .d-flex button {
        height:24px;
        width:35px;
    }
    .mobile-height-with-scroll-address-bar {
        height:calc(100vh - 110px) !important;
    }
    .mobile-height-with-scroll-address-bar-two-top-bars {
        height:calc(100vh - 150px) !important;
    }
    /* .hk-wrapper:not(.malgo-wrapper-pc) { */
    .hk-wrapper {
        height:calc(100vh - 5rem);
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .boards-wrap.taskboardapp-wrap .menu-content-wrap {
        margin-bottom:60px;
    }
    .taskboardapp-wrap.boards-wrap {
        height:calc(100vh - 130px);
    }
}

.custom-body {
    height:calc(100vh - 92px);
    overflow: hidden;
}
.custom-body.cb-single-top-bar {
    height:calc(100vh - 51px);
    overflow: hidden;
}
.custom-body.cb-single-top-bar.cb-with-footer {
    height:calc(100vh - 51px);
    overflow: hidden;
}

.custom-body-inner {
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:0;
}
.custom-body-inner.cbi-single-top-bar {

}
.custom-body-inner.cbi-single-top-bar.cbi-with-footer {
    padding-left:0;
    padding-right:0;
}
.cbi-with-footer .hk-footer {
    margin-left:-20px;
    margin-right:-20px;
}

@media (max-width: 576px) { 
    .custom-body-inner {
        padding-left:0px;
        padding-right:0px;
        height:100%;
        margin-bottom:92px;
    }

    .custom-body-inner.cbi-single-top-bar {
        margin-bottom:51px;
    }

    .custom-body.cb-single-top-bar.cb-with-footer {
        height:calc(100vh - 92px);
        overflow: hidden;
    }
    .custom-body-inner.cbi-single-top-bar.cbi-with-footer {
        margin-bottom:51px;
    }

    .calendar-body-inner {
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .cbi-with-footer .hk-footer {
        margin-left:0px;
        margin-right:0px;
    }

    .sidebar-mobile-one-row {
        height:calc(100vh - 120px) !important;
    }
}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .nav-header {
    padding:0 0 .5rem 0;
    font-size:0.875rem;
    color:#007D88;
    font-weight:500;
}

.calendar-body-inner {
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
    /* height:calc(100vh - 104px); */
    height:calc(100vh - 92px);
    overflow: hidden;
}

.nav-scroller-container {
    border-bottom:1px solid #dbdbdb;
    height:41px;
    background-color:#fff;
}

/* END -> important height stuff 
*********************************/



/* .malgo-wrapper .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
    overflow:scroll;
} */
/* .malgo-wrapper .invoiceapp-wrap, */
/* .malgo-wrapper .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body,
.malgo-wrapper .invoiceapp-wrap .invoiceapp-content {
    height:100%;
}
.malgo-wrapper .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap #invoice-view-body {
    padding:1.5rem;
    padding-bottom:3rem;
}
.malgo-wrapper .invoiceapp-wrap .invoiceapp-content {
    display: block;
} */
/* .malgo-wrapper .invoiceapp-wrap,
.malgo-wrapper .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body,
.malgo-wrapper .invoiceapp-wrap .invoiceapp-content {
    overflow-y: unset;
    height:unset;
}
*/

.invoice-view-container .invoice-create-wrap-container {
    border:1px solid #eaeaea;
}

.create-invoice-wrap .form-row,
.template-invoice-wrap .form-row {
    display:flex;
}

.create-invoice-wrap  .form-row .col-md-3,
.template-invoice-wrap .form-row .col-md-3 {
    min-width:100px;
}
@media (max-width: 1299px) { 
    .invoice_invoice_to {
        margin-top:1.25rem;
    }
    .invoice_from_to_separator {
        display:none;
    }
}
@media (max-width: 576px) { 
    #contacts_empty_td {
        text-align:left;
    }
    .extensions-action-item-right {
        display:none;
    }
    .extension-media-action-item {
        display:flex;
        margin-top:10px;
    }

    .create-invoice-wrap .form-row .col-md-3,
    .template-invoice-wrap .form-row .col-md-3 {
        width:100px;
    }
    .invoice_invoice_to {
        margin-top:1rem;
    }
    .invoice_from_to_separator {
        display:none;
    }
    .view-invoice-first-row-under-table-col-left {
        margin-top:1rem;
    }
    .view-invoice-first-row-under-table-col-right {
        margin-top:1rem;
        text-align: right;
    }
    #invoice-view-body {
        padding-left:0;
        padding-right:0;
    }
}

/**** PRINT START *****/
@media print {
	.hide_for_print {
		display:none;
	}
    /* .malgo-wrapper .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
        padding:0;
        padding-top:0;
    }
    .invoiceapp-detail-wrap .footer-divder,
    .invoiceapp-detail-wrap .hk-footer {
        display: none;
    }
    .invoiceapp-wrap .invoiceapp-sidebar {
        display: none;
    }
    .invoiceapp-wrap .invoiceapp-content {
        padding-left:0;
    } */
    /* .footer-divder {
        display: none;
    }
    .hk-footer {
        display: none;
    } */
    .invoice-view-container .hk-pg-body {
        padding-top:0;
        padding-bottom:0;
        padding-left:0;
        padding-right:0;
    }
    .invoice-view-container {
        padding-left:0;
        padding-right:0;
    }
    .invoice-view-container .invoice-create-wrap-container {
        border:0;
        padding-left:0;
        padding-right:0;
    }
    .invoice_invoice_to_name h6 {
        margin-bottom:0;
    }
    #invoice-view-body {
        padding-left:0;
        padding-right:0;
        padding-top:0;
    }
    .invoice-view-container .invoice-create-wrap-container .template-invoice-wrap {
        padding-top:0px !important;
        padding-right:0px !important;
        padding-left:0px !important;
        padding-bottom:0px !important;
    }
    /* .invoice-view-container {
        position: relative;
        top:-5px;
    } */
    .view-invoice-first-row-under-table { 
        margin-top:0;
    }
    .view-invoice-first-row-under-table-col-left {
        margin-top:0;
    }
    .view-invoice-first-row-under-table-col-right {
        margin-top:0;
    }
    .view-invoice-col-top-left, .view-invoice-col-top-right {
        width:50%;
    }
    /* .hk-wrapper.malgo-wrapper {
        height:100%;
        overflow-x:auto;
        overflow-y:auto;
    }
    .hk-wrapper.malgo-wrapper-pc {
        height:100%;
    }
    */
    .hk-wrapper.malgo-wrapper {
        height:unset;
        overflow-x:unset;
        overflow-y:unset;
    }

    /* .type_column {
        width:80px;
        max-width:80px;
    } */
    .view-invoice-table {
        font-size:14px;
    }
    .view-invoice-table thead {
        font-size:14px;
    }
    .view-invoice-table thead tr {
        font-size:14px;
    }
    .view-invoice-table thead tr th {
        padding-left:8px;
        padding-right:8px;
        font-size:14px;
    }
    .view-invoice-table tbody tr {
        font-size:14px;
    }
    .view-invoice-table tbody tr td {
        padding-left:8px;
        padding-right:8px;
        font-size:14px;
    }
}
/**** PRINT END *****/


.card_custom_margin_bottom {
    margin-bottom:20px;
}
.form-label.form-label-offset {
    margin-top:0px;
    margin-bottom:0px;
    position: relative;
    top:-2px;
}

.media-fit-to-click {
    cursor: pointer;
}

.extension-media-action-item {
    display:none;
}

.media.fmapp-info-trigger {
    width:100%;
}
.media-actions {
    display: flex;
    align-items: center;
    justify-content: end;
    width:100%;
    height:100%;
}


.form-row {
    display: flex;
    align-items: center;
}
@media (max-width: 576px) { 
    .form-row {
        display: block;
    }
}


.toolbar-right-button {
    height:30px;
}

.bootstrap-select .dropdown-toggle,
.bootstrap-select .form-control {
    border-radius:0.12rem;
}


.time_reports_table {
    margin-bottom:0px;
}
table.time_reports_table thead tr th {
    text-transform:none;
}

#time_history_range, #analytic_date_range {
    border-bottom-left-radius:0.12rem;
    border-top-left-radius:0.12rem;
}
.time_by_projects_form_group {
    min-width:180px;
    max-width:240px;
    flex:0 0 auto;
}
.time_by_projects_form_group_date_range {
    min-width:254px;
}
.apply_time_tracking_changes_container {
    min-width:90px;
    margin-top:23px;
}
.time_by_projects_form_group_container {
    display:flex;
    align-items: center;
    margin-left:auto;
    flex-wrap:wrap;
}
.time_by_projects_form_group_splitter_inner {
    display:flex;
    flex-direction: row;
}
.total_time_time_tracking_container .top_bar_day_total {
    min-width:80px;
}

@media (max-width: 1730px) {
	.time_by_projects_form_group {
		width:240px;
	}
}
@media (max-width: 540px) {
	.time_by_projects_form_group {
		width:210px;
	}
}

@media (max-width: 500px) {
	.time_by_projects_form_group {
		width:200px;
	}
}
@media (max-width: 460px) {
	.time_by_projects_form_group {
		width:190px;
	}
}
@media (max-width: 440px) {
	.time_by_projects_form_group {
		width:180px;
	}
}
@media (max-width: 420px) {
	.time_by_projects_form_group {
		width:100%;
        max-width:100%;
	}
}



@media (max-width: 767px) {
	/* .calendar-page-inner-fill {
		height:calc(100vh - 8rem) !important;
	} */

	.fc-header-toolbar .fc-today-button {
		display: none;
	}
	.fc-header-toolbar .fc-timeGridWeek-button {
		display: none;
	}
	.fc-header-toolbar .fc-timeGridDay-button {
		display: none;
	}
	.fc-header-toolbar .fc-toolbar-title {
		font-size:1.5rem;
	}
	.fc-header-toolbar .fc-prev-button {
		padding:0.2rem 0.4rem;
		line-height:1.2;
		height:35px;
	}
	.fc-header-toolbar .fc-next-button {
		padding:0.2rem 0.4rem;
		line-height:1.2;
		height:35px;
	}
}
.fc .fc-toolbar.fc-header-toolbar {
    margin:0.75rem 0.75rem;
    font-size:14px;
}
.contactapp-sidebar-toggle .nav-scroller-container,
.calendarapp-sidebar-toggle .nav-scroller-container {
    left:270px;
    padding-left:270px;
    margin-left:-270px;
    position: relative;
}
.content-no-left-nav {
    padding-left:0px !important;
}

.hk-sidebar-togglable {
    top:26px;
}
.hk-sidebar-togglable.contacts-sidebar-togglable {
    top:35px;
}
.hk-sidebar-togglable.active {
    transform: translate(12px, 1px);
}
.taskboardapp-wrap .hk-sidebar-togglable:after {
    padding-left:1px;
}
.boards-wrap.taskboardapp-wrap .hk-sidebar-togglable:after {
    padding-left:4px;
}
.boards-wrap.taskboardapp-wrap .boards-index.hk-sidebar-togglable:after {
    padding-left:1px;
}
.hk-sidebar-togglable.active:after {
    padding-left:3px;
}


/* START -> project index */
.hk-sidebar-togglable.icon-before-title {
    display:none;
    position: relative;
    top:-1px;
    left:-5px;
    margin-right:0px !important;
    transform:unset !important;
    z-index: 99;
}
.hk-sidebar-togglable.icon-before-title.active {
    top:-17px;
    left:-17px;
}
.hk-sidebar-togglable.icon-before-title:after {
    padding-left:4px;
}
.hk-sidebar-togglable.icon-before-title.active:after {
    padding-left:3px;
}

.hk-sidebar-togglable.no-double-top {
    top:43px;
}
.hk-sidebar-togglable.no-double-top.active {
    transform:translate(5px, 1px);
}

@media (max-width: 1299px) { 
    .contactapp-wrap .hk-sidebar-togglable.no-double-top,
    .invoiceapp-wrap .hk-sidebar-togglable.no-double-top,
    .boards-wrap .hk-sidebar-togglable.no-double-top {
        display:none;
    }
    .hk-sidebar-togglable.icon-before-title {
        display:block;
    }
    .hk-sidebar-togglable.contacts-sidebar-togglable {
        top:35px;
        transform: translateX(12px);
    }
    .contactapp-wrap .hk-sidebar-togglable.contacts-sidebar-togglable:after,
    .invoiceapp-wrap .hk-sidebar-togglable.contacts-sidebar-togglable:after {
        padding-left:2px;
    }
    .contactapp-wrap .hk-sidebar-togglable.contacts-sidebar-togglable.active:after,
    .invoiceapp-wrap .hk-sidebar-togglable.contacts-sidebar-togglable.active:after {
        padding-left:0px;
    }
}
@media (max-width: 576px) { 
    .hk-sidebar-togglable.icon-before-title.active {
        top:-17px;
        left:-9px;
    }
}

/* END -> project index */

.member-btn-ms {
    margin-left:6px;
}

/* START -> project overview */
.hk-sidebar-togglable.contacts-sidebar-togglable,
.hk-sidebar-togglable.icon-before-title,
.hk-sidebar-togglable.no-double-top-project-overview,
.hk-sidebar-togglable.no-double-top {
    width:28px;
    height:28px;
}
.hk-sidebar-togglable.contacts-sidebar-togglable,
.hk-sidebar-togglable.icon-before-title:after,
.hk-sidebar-togglable.no-double-top-project-overview:after,
.hk-sidebar-togglable.no-double-top:after {
    font-size: 20px;
}
.hk-sidebar-togglable.no-double-top:after,
.hk-sidebar-togglable.no-double-top-project-overview:after {
    padding-left:1px;
}
.hk-sidebar-togglable.no-double-top.active:after {
    padding-left:3px;
}
.hk-sidebar-togglable.icon-before-title:after {
    position: relative;
    top:-1px;
}



.hk-sidebar-togglable.no-double-top-project-overview.sidebar-toggle-board {
    top:0px;
    transform: translate(14px, 1px);
    z-index: 11;
}
.hk-sidebar-togglable.no-double-top-project-overview.sidebar-toggle-board.active {
    top:0px;
    transform: translate(14px, 1px);
    z-index: 11;
}

.hk-sidebar-togglable.no-double-top-project-overview {
    top:37px;
}
.hk-sidebar-togglable.no-double-top-project-overview.active:after {
    padding-left:3px;
}
.hk-sidebar-togglable.no-double-top-project-overview.active {
    transform:translate(5px, 1px);
}
@media (max-width: 1299px) { 
    .hk-sidebar-togglable.no-double-top-project-overview {
        transform:translate(6px, 1px);
    }
    .hk-sidebar-togglable.no-double-top-project-overview:after {
        padding-left:3px;
    }
    .hk-sidebar-togglable.no-double-top-project-overview.active {
        transform:translate(0px, 1px);
    }
    .hk-sidebar-togglable.no-double-top-project-overview.active:after {
        padding-left:1px;
    }
}
@media (max-width: 576px) { 
    .hk-sidebar-togglable.no-double-top-project-overview.ride-top-mobile {
        top:6px;
    }
    .nav-project-settings-vertical.ride-top-mobile {
        margin-top:15px;
    }
}
/* END -> project overview */

.card {
    /* box-shadow: 0 0 0 1px rgb(20 20 31 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%); */
    box-shadow: 0 0 0 1px rgb(20 20 31 / 4%), 0 1px 3px 0 rgb(20 20 31 / 12%);
    border:none;
}

.mb-10px {
    margin-bottom:10px !important;
}
.mb-20px {
    margin-bottom:20px;
}
.mt-20px {
    margin-top:20px;
}

.bg-lighter {
    background-color:rgba(67,89,113,.05) !important;
}

.font-weight-bold {font-weight:bold;}
.font-weight-normal{font-weight:400!important}

.time_edit_input {
    padding:6px 8px;
}

.time_tracking_log_table {
    margin-bottom:0px;
}
.time_tracking_log_table.table thead th, 
.table tfoot th {
    font-size:1rem;
    /* padding:.5rem .5rem; */
    padding:0.5rem 1.25rem;
    font-size:0.95rem;
}
.time_tracking_log_table.table tr td {
    /* padding:.5rem .5rem; */
    padding:0.5rem 1.25rem;
    color:#262a2e;
    font-size:0.9rem;
}

.time-tracking-sidebar-current-timezone {
    font-size:14px;
}

.create-project-for-client-dropdown-selected {
    margin-bottom:0 !important;
}
.create-project-for-client-dropdown-selected .form-label {
    margin-top:0 !important;
}


.invoice_status_badge.badge {
    padding:4px 6px;
    line-height:0.86;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    font-size:80%;
    border-radius:0.12rem !important;
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}
.financial_table_body {
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
    font-size:14px;
}

/* .main-top-nav-dropdown-title:after {
    top:0;
} */

/* .taskboard-header .hk-sidebar-togglable {
    left:-35.5px;
} */

.main-top-nav-dropdown-title {
    display: flex;
    align-items: center;
    padding-top:3px;
}
/* .contactapp-title { 
    padding-top:2px;
} */
.main-top-nav-dropdown-title h1 {
    font-size:1.5rem;
    font-weight:500;
    margin-bottom:0;
}
.nav-tabs .nav-link {
    margin-bottom:0;
}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link,
.contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
    border-radius:0.50rem;
}

.menu-group > .navbar-nav > .nav-item > .nav-link:hover {
    background: rgba(0, 125, 136, 0.05);
    border-radius:0.50rem;
}

.project-top-tab-nav > .nav-item:first-child .nav-link {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.project-top-tab-nav > .nav-item:last-child .nav-link {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.project-top-tab-nav > .nav-item > .nav-link.active {
    border-color:#eaeaea !important;
}
.project-top-tab-nav > .nav-item > .nav-link {
    border: 1px solid #eaeaea !important;
    height:51px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1299px){
    .hk-sidebar-togglable.active:after {
        padding-left:1px;
    }
    .taskboardapp-wrap .hk-sidebar-togglable:after {
        padding-left:2px;
    }
}

@media (min-width:1200px){
    .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-pg-wrapper {
        margin-left:220px;
    }
    .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-navbar {
        left:220px;
    }
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top > .nicescroll-bar {
    overflow:visible !important;
}

/* 
.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .simplebar-content-wrapper {

}
*/

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap {
    padding:0;
    position: relative;
    min-height:auto;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group > .navbar-nav.flex-column {
    flex-direction: row !important;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item {
    position: relative;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
    margin:0;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link {
    min-height:65px;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {
    transform: unset;
}

.hk-wrapper .hk-navbar.navbar.navbar-light .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
    color:rgba(38, 42, 46, 0.3);
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top:hover {
    width:100% !important;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
    position: static;
    margin-left:0.75rem;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
    right:1rem;
    z-index:-1;
    content:'\f2f9';
    font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';
    text-rendering:auto;
    transform:rotate(0deg);
    transition:all 0.2s ease;
}

.hk-wrapper[data-layout-style="collapsed"] .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link > *:not(.nav-icon-wrap) {
    visibility: unset;
    flex-shrink:unset
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse, .hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse.show, .hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapsing {
    clip:auto;
    opacity: 1;
    transform: translateY(0) scaleY(1);
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse, .hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse.show, .hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapsing {
    display:block;
    clip:rect(1px, 1px, 1px, 1px);
    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
    transform-origin: top;
    top:100%;
    position: fixed;
    box-shadow: 0 0.25rem 0.3125rem rgb(47 52 58 / 10%) !important;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
    height:auto !important;
    min-width:10rem;
    z-index: 1;
    border-radius: 0.25rem;
    border:1px solid #eaeaea; 
    background:#fff;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {
    position: relative;
    padding:0.5rem 0;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item {
    position:relative;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item {
    position: relative;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link {
    padding: 0.25rem 1.5rem;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
    background-color: unset;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
    content:unset;
    width:unset;
    height:unset;
    position: unset;
    left:unset;
    top:unset;
    bottom:unset;
    margin:unset;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
    padding:0.5rem;
}
.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover {
    color:rgba(38, 42, 46, 0.8);
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group:not(.menu-group-malgo-double-top) .navbar-nav .nav-item .nav-link:first-child {
    padding-left:1.0rem;
}

.hk-menu-sidebar-open {
    display:none;
}
.hk-menu-sidebar-open .hk-sidebar-togglable {
    top:50px;
    left:60px;
}
.hk-menu-sidebar-open .hk-sidebar-togglable:after {
    content: "\ea6c";
}
@media (min-width:1199px){
    .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu .menu-content-wrap {
        padding-top:20px;
    }
}
.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu .hk-menu-sidebar-open {
    display: block;
}

@media (max-width:1199px){
    .hk-menu-sidebar-open {
        display:none;
    }
    .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu .hk-menu-sidebar-open {
        display:none;
    }
}


@media (max-width:1199px){
    .hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link {
        min-height:unset;
    }
}

.sign-up-subscribe {
    position: relative;
    top:-1px;
}
@media (max-width:417px){
    .sign-up-subscribe {
        position: unset;
        top:unset;
    }
}

.chat-popover {
    box-shadow:0rem 0rem 0.5rem 0.5rem rgb(47 52 58 / 10%) !important;
}

.copy-text {
    padding-right:0px !important;
}

.hk-pg-wrapper {
    padding-bottom:0 !important;
}

.my-account-dropdown-header {
    padding:.25rem .75rem;
}
.my-account-dropdown-header .name {
    line-height:1rem;
}
.my-account-dropdown-header-more-item {
    display:none;
}

.nav-end-wrap > ul > li > .dropdown > .btn-icon > .icon > .position-relative > .feather-icon, .nav-end-wrap > ul > li > .btn-icon > .icon > .position-relative > .feather-icon {
    font-size:22px;
}
.nav-end-wrap > ul > li > .dropdown > .btn-icon > .icon > .position-relative > .material-icons, .nav-end-wrap > ul > li > .btn-icon > .icon > .position-relative > .material-icons {
    display:flex;
    font-size:1.5rem;
}

.feather-icon-chat {
    font-size:22px;
}
.feather-icon-mobile-menu {
    font-size:24px;
}
.feather-icon-search-icon {
    font-size:22px;
}

.feather-icon.task-grid-box-custom-footer-command svg {
    display: inline-block;
    width:15px;
    height:15px;
    top:-0.5px;
    position: relative;
}
.feather-icon.task-grid-box-custom-footer-task svg {
    transform: rotate(90deg);
    display: inline-block;
    width:16px;
    height:16px;
    top:-0.5px;
    position: relative;
}
.feather-icon.task-grid-box-custom-footer-voting svg {
    display: inline-block;
    width:12px;
    height:12px;
    top:-0.5px;
    position: relative;
}
.feather-icon.task-grid-box-custom-footer-voting-first svg {
    top:2px;
    left:-4px;
}
.feather-icon.task-grid-box-custom-footer-voting-second svg {
    top:-2px;
    left:4px;
}
.voting_icon_container_first svg {
    position: relative;
    top:2px;
    left:-4px;
}
.voting_icon_container_second svg {
    position: relative;
    top:-2px;
    left:4px;
}

.create-task-board-project.hide_task_board_project,
.create-social-board-project.hide_social_board_project {
    display:none;
}




.new_board_dropdown_toggle_content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_board_dropdown_toggle_content .icon {
    width:21px;
    height:24px;
    margin-left:2px;
    position: relative;
    top:-1px;
}
.new_board_dropdown_toggle_content .icon svg {
    width:21px;
    height:22px;
    display: inline-block;
}



.dropdown-menu .dropdown-item.dropdown-new-board {
    padding-left:0.4rem;
    padding-right:0.4rem;
}
.dropdown-new-board .feather-icon-dd.dropdown-icon {
    margin-right:0.25rem;
    top:-1px;
}
.dropdown-item .dropdown-icon.file-more-options-dropdown-icon {
    margin-right:0.25rem;
}
.dropdown-new-board .feather-icon-dd.dropdown-icon.fa-icon {
    top:1px;
}
.dropdown-new-board .dropdown-icon-text {
    font-size:16px;
}
.dropdown-new-board .dropdown-icon-text small {
    font-size:12px;
}
.dropdown-new-board .feather-icon-dd.dropdown-icon svg {
    width:21px;
    height:21px;
}

.dropdown-new-board .feather-icon-dd.dropdown-icon.feather-icon-dd-command {
    width:22px;
}
.dropdown-new-board .feather-icon-dd.dropdown-icon.icon-tabler-icon svg {
    width:23px;
    height:23px;
    transform: rotate(90deg);
}
.dropdown-new-board .feather-icon-dd.dropdown-icon i.fa {
    width:23px;
    height:23px;
}

.dropdown-new-board .feather-icon-dd-row.dropdown-icon svg {
    width:12px;
    height:12px;
}
.dropdown-new-board .feather-icon-dd-row.dropdown-icon {
    width:22px;
    height:12px;
    margin-right:9.5px;
}
.dropdown-new-board .feather-icon-dd-row.dropdown-icon {
    font-size:4px;
    top:0px;
}

.btn.btn-md .icon .feather-icon > svg.feather-plus,
.btn.btn-md .icon .feather-icon > svg.feather-chevron-down,
.btn.btn-md .icon .feather-icon > svg.feather-chevron-up {
    width:20px;
    height:20px;
}

.dropdown-menu.new-board-dropdown-menu {
    box-shadow:0px 6px 20px rgb(47 52 58 / 20%)
}

.new_board_dropdown_options_container {
    display:none;
    margin-bottom:1.25rem;
}
.new_board_dropdown_options_container .card-body {
    text-align: center;
}
.new_board_dropdown_options_container h2 {
    display: inline-block;
    font-size:20px;
    font-weight:500;
    line-height:1;
    margin-bottom:0;
    margin-left:3px;
    position: relative;
    top:6px;
    text-align: left;
}
.new_board_dropdown_options_container .custom_inner {
    line-height:1;
    font-size:12px;
    text-align: right;
}
.new_board_dropdown_options_container .custom_inner_social_voting {
   top:2px;
   position: relative;
}
.new_board_dropdown_options_container .icon_container_task_board svg {
    transform: rotate(90deg);
}
.new_board_dropdown_options_container .icon_container {
    width:26px;
    height:26px;
}
.new_board_dropdown_options_container .icon_container i.fa {
    width:24px;
    height:24px;
    font-size:24px;
}
.new_board_dropdown_options_container .icon_container.me-lg {
    margin-right:4px;
}
.new_board_dropdown_options_container .voting_icon_container {
    margin-right:4px;
    /* width:22px; */
    height:12px;
}
.new_board_dropdown_options_container .voting_icon_container svg {
    width:12px;
    height:12px;
    vertical-align:top;
}
.new_board_dropdown_options_container .create_a_top {
    text-align: left;
    position: relative;
    top:2px;
    left:1px;
    font-size:14px;
}
.new_board_dropdown_options_container .create_a_header {
    font-size:18px;
}
.new_board_dropdown_options_container .new_board_button {
    cursor:pointer;
    border:1px solid transparent;
}
.new_board_dropdown_options_container .new_board_button.active,
.new_board_dropdown_options_container .new_board_button:hover {
    box-shadow: 0 0 0 3px rgb(0 125 136 / 40%), 0 1px 3px 0 rgb(0 125 136 / 60%);
    border-radius:0.12rem;
    /* background: rgb(0 125 136 / 48%); */
    /* border:1px solid #007d88; */
    /* color:#fff; */
    /* border:1px solid rgb(0 125 136 / 48%); */
    background: rgba(0, 125, 136, 0.15);
}
.new_board_dropdown_options_container .new_board_button_area {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top:-3px;
}
.new_board_area_explainer {
    line-height: 1.24;
    font-size: 14px;
    max-width:260px;
    margin:16px auto 3px;
}

.new_board_dropdown_options_container .new_board_button_options_column:nth-child(2) {
    padding-right:6px;
    padding-left:8px;
}
.new_board_dropdown_options_container .new_board_button_options_column:nth-child(3) {
    padding-right:8px;
    padding-left:6px;
}
.new_board_dropdown_options_container .new_board_button_options_column:first-child {
    padding-left:12px;
    padding-right:4px;
}
.new_board_dropdown_options_container .new_board_button_options_column:last-child {
    padding-left:4px;
    padding-right:12px;
}

@media (min-width: 1580px) and (max-width: 1606px) { 
    .new_board_area_explainer.social_reaction_explainer {
        font-size:13.5px;
        padding-bottom:1.5px;
    }
}
@media (min-width: 1502px) and (max-width: 1580px) { 
    .new_board_area_explainer {
        font-size:13px;
    }
    .new_board_dropdown_options_container h2 {
        font-size:19px;
    }
}
@media (min-width: 1299px) and (max-width: 1502px) { 
    .new_board_area_explainer {
        font-size:12.5px;
    }
    .new_board_dropdown_options_container h2 {
        font-size:19px;
    }
    .new_board_area_explainer.social_reaction_explainer {
        font-size:12.5px;
        padding-bottom:0px;
    }
}
@media (min-width: 1299px) and (max-width: 1435px) { 
    .new_board_area_explainer {
        font-size:12px;
    }
    .new_board_area_explainer.social_reaction_explainer {
        font-size:12px;
        padding-bottom:0px;
        padding-top:2px;
    }
}

@media (min-width: 1490px) and (max-width: 1535px) { 
    .new_board_dropdown_options_container h2.social_reaction_title {
        font-size:18px;
        margin-left:1px;
        top:7px;
    }
    .new_board_dropdown_options_container .icon_container.me-lg {
        position: relative;
        top:1px;
    }
}
@media (min-width: 1299px) and (max-width: 1490px) { 
    .new_board_dropdown_options_container h2.social_reaction_title {
        font-size:17px;
        margin-left:0px;
        top:7px;
    }
    .new_board_dropdown_options_container .icon_container.me-lg {
        position: relative;
        top:1px;
    }
}

@media (min-width: 1508px) and (max-width: 1541px) { 
    .new_board_area_explainer.social_reaction_explainer {
        font-size:12.5px;
        padding-bottom:2px;
    }
}
@media (min-width: 1435px) and (max-width: 1508px) { 
    .new_board_area_explainer.social_reaction_explainer {
        font-size:12px;
        padding-bottom:1px;
        padding-top:3px;
    }
}

/** after the 1399 FOLD **/
@media (min-width: 1232px) and (max-width: 1301px) { 
    .new_board_dropdown_options_container h2.social_reaction_title {
        font-size:18px;
        margin-left:1px;
        top:7px;
        margin-bottom:2px;
    }
    .new_board_dropdown_options_container .icon_container.me-lg {
        position: relative;
        top:1px;
    }
    .new_board_area_explainer {
        font-size:13px;
    }
}
@media (min-width: 1199px) and (max-width: 1232px) { 
    .new_board_dropdown_options_container h2.social_reaction_title {
        font-size:17px;
        margin-left:0px;
        top:7px;
        margin-bottom:2px;
    }
    .new_board_dropdown_options_container .icon_container.me-lg {
        position: relative;
        top:1px;
    }
    .new_board_area_explainer {
        font-size:12px;
    }
}


@media (min-width: 992px) and (max-width: 1036px) { 
    .new_board_dropdown_options_container h2.social_reaction_title {
        font-size:18px;
        margin-left:1px;
        top:7px;
        margin-bottom:2px;
    }
    .new_board_dropdown_options_container .icon_container.me-lg {
        position: relative;
        top:1px;
    }
    .new_board_area_explainer {
        font-size:13px;
    }
}
/*** END top NEW BOARD buttons **/



.right-0 {
    right:0;
}

.card .pricing-card-title {
    font-size:2rem;
}
.card .pricing-card-title small {
    font-size:1rem;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color:#6f6f6f;
}
.compare-row-border-bottom {
    border-bottom-color:#6f6f6f;
}
/* tr:last-child th {
    border-bottom:0;
}
tr:last-child td {
    border-bottom:0;
} */
 /*#262a2e; */
.compare-table-icon {
    color:#262a2e;
}
.table thead th, .table tfoot th {
    font-size:1.15rem;
}
table.table thead.normal_size th {
    font-size: 1rem;
}
.table .thead-primary th, .table .thead-success th, .table .thead-info th, .table .thead-warning th, .table .thead-danger th, .table .thead-secondary th, .table .thead-dark th {
    /* font-size: 0.875rem; */
    font-size:1rem;
}

#contacts_datatable.table {
    margin-top:0 !important;
    margin-bottom:0 !important;
}
#contacts_datatable.table thead th, .table tfoot th {
    font-size:0.875rem;
}

.my-websites-table.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #eaeaea;
    font-size:16px;
}
.my-websites-table.table thead.thead-light:not(.thead-fw-default) th {
    font-size:0.875rem !important;
}


.left-nav-account-balance {
    color:#008f00;
    font-size:16px;
}
.left-nav-account-balance .icon {
    font-size:20px;
    font-size:20px;
    display: inline-block;
}
.left-nav-account-balance .icon-text {
    position: relative;
    top:-4px;
}
/* 
color:#262a2e;

.left-nav-account-balance .icon,
.left-nav-account-balance .icon .svg-icon,
.left-nav-account-balance .icon .svg-icon svg {
    display: inline-block;
    width:20px;
    height:20px;
    position: relative;
    top:-1px;
}
.left-nav-account-balance .icon-text {
    font-size:15px;
    display: inline-block;
    position: relative;
    top:-1px;
} */


.table thead.thead-light th, 
.table tfoot th {
    font-size:0.875rem;
}

tbody td {
    color:#262a2e;
}
.table_same_borders.table>:not(:last-child)>:last-child>* {
    border-bottom-color:#ecedf1;
}
.table tbody.create_invoice_tbody>:not(:last-child)>:last-child>* {
    border-bottom-color:#ecedf1;
}
.border-bottom-0-transparent {
    border-bottom:0 transparent;
}
/* table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
    top:11px !important;
} */

.select_company_list_group {
	cursor: pointer;
}
.select_company_list_group:hover {
	background-color: #f8f9fa;
}
.select_company_list_group.active {
	background-color: #d6e1ef;
}

.text-underline-dotted {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 4px;
}

.compare-table-chevron {
    position: relative;
    left:3px;
    font-size:12px;
}
.compare-table-dropdown-toggle {
    cursor: pointer;
}

.border-right-radius-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.border-left-radius-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius:0 !important;
}

input[type=number].no-spinner::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

.input-group-sign-up-username {
    margin-bottom:4px;
}

.grecaptcha-badge {
    display:none !important;
}

.avatar-tr-nav {
    width:34px;
    height:34px;
}

.monitor-background-blur {
	z-index: 850 !important;
	position: absolute;
	background-color:rgb(255 255 255 / 15%);
    width:100%;
	height:100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align:center;
    /* top:-8px; */
}
.monitor-background-privacy {
	-webkit-filter: blur(1.75px);
	-moz-filter: blur(1.75px);
	-ms-filter: blur(1.75px);
	-o-filter: blur(1.75px);
	filter: blur(1.75px);
	background-size:cover;
	width:100%;
	height:100%;
}

.dropdown-background-blur {
	z-index: 850 !important;
	position: absolute;
	background-color:rgb(255 255 255 / 15%);
    width:200px;
	height:100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align:center;
    top:-8px;
}
.dropdown-background-privacy {
	/* z-index: 850 !important;
	top:3rem;
	position: fixed; */
	/* background-color:rgba(20,20,31,.38); */
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-ms-filter: blur(4px);
	-o-filter: blur(4px);
	filter: blur(4px);
	background-size:cover;
	/* right:0;
	bottom:0;
	left:247px; */
	width:200px;
	height:100%;
    /* margin:-0.5rem; */
}

.dropdown-background-blur-w284 {
	z-index: 850 !important;
	position: absolute;
	background-color:rgb(255 255 255 / 15%);
    width:284px;
	height:100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align:center;
    top:-8px;
}
.dropdown-background-privacy-w284 {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-ms-filter: blur(4px);
	-o-filter: blur(4px);
	filter: blur(4px);
	background-size:cover;
	width:284px;
	height:100%;
}

.dropdown-background-blur-w380 {
	z-index: 1032 !important;
	position: absolute;
	background-color:rgb(255 255 255 / 15%);
    width:380px;
	height:100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align:center;
}
.dropdown-background-blur-w380 .inner-background-blur {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height:100%;
    text-align: center;
}
.dropdown-background-blur-w380 .inner-background-blur .inner-background-text {
    color:#fff;
    position: relative;
    top:-7px;
}
.dropdown-background-privacy-w380 {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-ms-filter: blur(4px);
	-o-filter: blur(4px);
	filter: blur(4px);
	background-size:cover;
	width:380px;
	height:100%;
}

.btn-outline-primary.bg-white:hover {
    color:#262a2e;
}
.btn-primary.btn-outline-hover:hover {
    color:#007D88;
    background-color:transparent;
    background-image:none;
    border-color:#007D88;
}
.btn-primary.btn-soft-hover:hover {
    color:#007D88;
    background-color:#ebf5f5;
    border-color:#ebf5f5;
}

.margin-0-auto {
    margin:0 auto;
}

.justify-content-space-evenly {
    justify-content: space-evenly;
}

.list-style-type-disc {
    list-style-type: disc;
}
.list-style-circle {
    list-style-type: circle;
}


.tooltip.default_role_tooltip_html .tooltip-inner {
    width:290px !important;
    min-width:290px !important;
}
.avatar-badge {
    padding:3px;
    width:auto;
    min-width:auto;
    font-size:14px;
}



.card-footer .btn-xs.board_footer_icon, 
.card-footer .btn-xs.board_footer_icon:hover,
.card-footer .btn-xs.board_footer_icon:before {
    color:#007D88 !important;
    font-size:14px;
    background:transparent !important;
    background-color:transparent !important;
}
.card-footer .btn-xs.board_type_badge {
    width:auto;
    height:auto;
}
.card-footer .btn-xs.board_type_badge.board_footer_icon:last-child {
    margin-right:7px;
}

.card-footer .btn-xs.board_footer_icon.btn-flush-primary, 
.card-footer .btn-xs.board_footer_icon.btn-flush-primary:hover,
.card-footer .btn-xs.board_footer_icon.btn-flush-primary:before {
    background-color:transparent !important;
    background:transparent !important;
}
.card-footer .btn-xs.board_footer_icon .icon,
.card-footer .btn-xs.board_footer_icon .icon:hover {
    color:#007D88 !important;
    background-color:transparent !important;
    background:transparent !important;
}

.card-footer .btn-xs {
    font-size:14px;
}



.form-label {
    margin-bottom:0.15rem;
    margin-top:0.25rem;
    font-weight:450;
}
.input-group-text {
    min-width:20px;
}
.feather-13 {
    height:13px;
}
.feather-13 .fa {
    font-size:13px;
}
.height-21 {
    height:21px;
}
.mw-250 {
    max-width:250px;
}
.mw-280 {
    max-width:280px;
}
.mw-290 {
    max-width:290px;
}
.w-290 {
    width:290px;
}
.mw-300 {
    max-width:300px;
}
.line-height-1 {
    line-height:1;
}
.form-select { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.9)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.border-radius-right {
    border-top-right-radius:0.375rem !important;
    border-bottom-right-radius:0.375rem !important;
}

.dropify-wrapper .dropify-message span.file-icon {
    width:2.5rem;
    height:2.5rem;
    font-size:1.75rem;
}

.project-dropify-avatar-wrapper .dropify-wrapper, .board-dropify-avatar-wrapper .dropify-wrapper {
    width:9rem;
    height:9rem;
}
.project-dropify-avatar-wrapper .dropify-wrapper .dropify-message p, .board-dropify-avatar-wrapper .dropify-wrapper .dropify-message p {
    margin-top:0;
}

.organization-dropify-avatar-wrapper .dropify-wrapper {
    width:9rem;
    height:9rem;
}
.organization-dropify-avatar-wrapper .dropify-wrapper .dropify-message p {
    margin-top:0;
}

.as-dropify-avatar-wrapper .dropify-wrapper {
    width:6rem;
    height:6rem;
}
.as-dropify-avatar-wrapper .dropify-wrapper .dropify-message p {
    margin-top:0;
}

.avatar.avatar-md {
    height:4rem;
    width:4rem;
}

.lg-regular {
    font-size:20px;
}

.mw-500 {
    max-width:500px;
}
.mw-600 {
    max-width:600px;
}

.footer-divder {
    /* height:4rem; */
    height:61px;
}
.invoiceapp-detail-wrap .footer-divder {
    height:55px;
}
@media (max-width: 576px) { 
    .invoiceapp-detail-wrap .footer-divder {
        height:40px;
    }
    .hk-pg-header .pg-header-action-wrap {
        margin-left:auto;
    }
    .file-more-options-button {
        display: none;
    }
}

.nav-scroller {
    margin-top:0.50rem;
    height:41px;
}
.nav-scroller>.nav::-webkit-scrollbar {
    display: none !important;
}
.nav-scroller > .nav {
    flex-wrap: nowrap;
    height:41px;
    overflow-x: auto;
    overflow-y: visible;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.nav.nav-icon > .nav-item .nav-link > .nav-icon-wrap {
    margin-right:0.5rem;
}

.media-body a.media-link {
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#262a2e;
    font-weight:500;
    font-size:18px;
}
.media-body a.media-sub-link {
    color:#262a2e;
    font-size:16px;
    font-weight:400;
}
.media-body .media-sub-text {
    color:#262a2e;
    font-size:16px;
    font-weight:400;
}

.media-body .media-sub-sub-text {
    color:#262a2e;
    font-size:14px;
    font-weight:400;
}

.media-body a.media-link-inline {
    display:inline-block;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#262a2e;
    font-weight:500;
    font-size:18px;
}

.project_list_group_item .media .media-body a.media-link {
    height:24px;
    display: inline-block;
}

.project_list_group_visibility {
    color:#262a2e;
    margin-left:4px;
}
.project_list_group_visibility.btn-xs {
    height:24px;
    padding:0px 6px;
    position: relative;
    top:1.4px;
}
.project_list_group_visibility:hover {
    color:#262a2e;
}

.project_list_group_owner {
    /* margin-top:2px; */
    margin-top:8px;
    margin-bottom:4px;
}

.project_list_group_info {
    height:20px;
}
.project_list_group_info .text-sm {
    height:20px;
    top:-1.5px !important;
    position: relative;
}
.project_list_group_bull_splitter {
    width:20px;
    height:20px;
    display: inline-block;
    text-align: center;
}

.action-title-explainer-text {
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#262a2e;
    font-weight:500;
    font-size:1.125rem;
}

.avatar-xxs .initial-wrap {
    padding-left:1px;
    padding-top:1px;
}

.dropdown-item .dropdown-icon-image, .dropdown-item .dropdown-icon-label {
    top:-1px !important;
    vertical-align: unset;
}

.filter-option-inner-inner .avatar.avatar-xxs.dropdown-icon-image {
    top:-2.5px;
}

.avatar.avatar-xxs.dropdown-icon-image, .avatar.avatar-xxs.dropdown-icon-label {
    width:23px;
    height:23px;
}
.dropdown-item .dropdown-icon-image .avatar-img {
    object-fit:fill;
    width:23px;
    height:23px;
}

.avatar-xxxs {
    width:20px;
    height:20px;
}
.avatar-xxxs .avatar-img {
    vertical-align: top;
}

/* .card, .avatar-rounded, .avatar.avatar-rounded .avatar-img, .avatar.avatar-rounded .initial-wrap {
    border-radius:0.375rem;
} */
.avatar-rounded-50 .avatar-img, .avatar-rounded-50 .initial-wrap {
    border-radius:50%;
}

.iwp {
    padding-top:2px;
    padding-left:1px;
}
.card-action-wrap.bottom-wrap {
    top:unset !important;
    bottom: 8px;
}
.card-action-wrap.card-action-wrap-left {
    left:14px;
    right:unset !important;
}

.dropdown-menu .dropdown-item.active, .apexcharts-toolbar .apexcharts-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .apexcharts-toolbar .apexcharts-menu .dropdown-item:active, .dropdown-menu .dropdown-item.selected {
    background-color: #ebf5f5;
    color:#007D88;  
}

.card-projects a.media-link {
    font-size:1.25rem;
}
.card-projects .card-footer {
    /* padding-left:14px;
    padding-right:14px; */
    padding-left:12px;
    padding-right:12px;
    padding-bottom:6px;
    padding-top:6px;
}
.card-projects .card-body {
    padding-bottom:12px;
    padding-left:12px;
    padding-right:12px;
}
.card-projects .card-body .media-link {
    margin-top:8px;
}

.quick-access-form-wrap .quick-access-form {
    border-radius: 0.5rem;
    font-size:1.25rem;
    background: #f7f7f7;
}
.quick-access-form label.form-label {
    font-size:15px;
    margin-bottom:0px;
}
.fs-14 {
    font-size:14px;
}
.fs-15 {
    font-size:15px;
}
.fs-18 {
    font-size:18px;
}
.fs-20 {
    font-size:20px;
}

.ad-network-title {
    font-size:1.5rem;
    color:#262a2e;
    font-weight: 500;
}
.ad-network-subtitle {
    font-size:1.25rem;
    color:#262a2e;
    font-weight: 500;
}
.title-h4 {
    font-size:1.5rem;
    color:#262a2e;
    font-weight: 500;
}
.title-h4-sub {
    color:#262a2e;
    font-size:1rem;
    display: block;
}
.title-sub-link {
    font-size:14px;
    color:#6c757d!important;
    display: block;
}

.access-sub-text {
    color:#6f6f6f;
    font-size:1rem;
    font-weight:400;
    position: relative;
    top:-4px;
}

.project-top-tab-nav {
    min-width:382px;
}

input.invoice-readonly {
    color:#000 !important;
}
.invoice_subject_title {
    font-size:1.1rem;
    margin-bottom:1.25rem;
}

/* .top_bar_day_total {
	min-width:75px;
}
.top_bar_week_total {
	min-width:75px;
}
.top_bar_month_total {
	min-width:70px;
} */
.top_bar_day_total, .top_bar_week_total {
    padding-right:8px;
}

.card-header {
    padding:.5rem 1rem;
}

.tab-content {
    margin-top:1.25rem;
    margin-bottom:1.25rem;
}

.top-n-1px {
    position: relative;
    top:-1px;
}
.top-n-2px {
    position: relative;
    top:-2px;
}
.top-n-3px {
    position: relative;
    top:-3px;
}
.top-n-4px {
    position: relative;
    top:-4px;
}
.top-1px {
    position: relative;
    top:1px;
}
.top-1-4px {
    position: relative;
    top:1.4px;
}
.top-2px {
    position: relative;
    top:2px;
}
.top-3px {
    position: relative;
    top:3px;
}
.top-4px {
    position: relative;
    top:4px;
}
.top-5px {
    position: relative;
    top:5px;
}

.badge-lg {
    padding: .25rem .6rem;
    font-size:1rem;
    border-radius:0.25rem;
}
.badge {
    border-radius:0.25rem;
}
.badge-md {
    padding:6px 8px;
    font-size:12px;
}
.badge-sm {
    padding:4px 6px;
}

.board-label-input-badge {
    padding-left:2px;
    padding-right:2px;
    padding-top:1px;
    padding-bottom:1px;
    min-width:auto;
    width:auto;
    display:inline;
}
.board-label-input-badge-input {
    border:0;
    box-shadow:none;
    border-color:transparent;
    padding-left:6px;
    padding-right:6px;
    padding-top:6px;
    min-width:auto;
    width:75px;
    display:inline;
    font-size:14px;
}
.board-label-input-badge-input-checker-text {
    font-size:14px;
    padding-left:6px;
    padding-right:6px;
}

.m-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.m-flex-column {
    display: flex;
    flex-direction: column;
  }

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

.invite-user-search-dropdown-menu {
    max-height:250px;
    overflow: scroll;
}

.project-create-invite-client-empty-selected {
    cursor: pointer;
}

.border-1px-solid-light-gray {
    border-color:#d8d8d8 !important;
    border:1px solid #d8d8d8 !important;
}
.border-1px-solid-light-gray:hover {
    border-color:#d8d8d8 !important;
    border:1px solid #d8d8d8 !important;
}

/* #contacts_datatable_filter {
    text-align: left !important;
    width:100% !important;
} */

.load_full_comment {
    position: relative;
    top:5px;
    font-size:14px;
    border-bottom:1px solid #888c9b;
    cursor: pointer;
}

.header-notifications-loading {
    padding-top:calc(50% - 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.notification-unread {
    font-weight:450;
}
.dropdown-menu-notificaiton-options {
    top:38px !important;
    right:31px !important;
    width:194px !important;
    box-shadow: 0.1rem 0.1rem 0.2rem 0.2rem rgb(47 52 58 / 10%) !important;
}
.notifications-text {
    font-size:15px;
}
.notifications-time {
    font-size:0.75rem;
    color:#6f6f6f;
}
.notifications-info {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items: center;
    margin-top:0.25rem;
}

.view_all_notifications_container .list-group-item:hover {
    background-color: #f7f7f7;
    color:#262a2e;
}
.view_all_notifications_container .list-group-item .media-head {
    margin-right:0.5rem;
}

.contact-badge-indicator {
    z-index:0;
}

.text-orange-light {
    color:#f0ad4e !important;
}

.btn-outline-danger-hover:hover {
    color:#FF0000;
    border-color:#FF0000;
    background-color: transparent;
    background-image:none;
}

.invoice_status_badge.badge {
	border-radius: 0.12rem !important;
}
h1 .invoice_status_badge.badge {
	padding: 0.35rem 0.5rem !important;
}
.invoice_status_badge.badge-gray, .invoice_status_badge.badge-grey {
	background-color:#888c9b!important;
	color:#fff !important;
}
.invoice_status_badge.badge-danger {
	background-color:#d9534f !important;
}
.invoice_status_badge.badge-warning {
	background-color:#f0ad4e !important;
}
.invoice_status_badge.badge-teal {
	background-color:#00a28a !important;
	color:#fff !important;
}
.invoice_status_badge.badge-info {
	background-color:#5bc0de !important
}
.invoice_status_badge.badge-green {
	background-color:#008f00!important
}

.text-md {
    font-size:14px;
}
.text-sm {
    font-size:12px;
}
.text-xs {
    font-size:10px;
}
.font-size-95 {
    font-size:0.95rem;
}
.font-size-90 {
    font-size:0.90rem;
}

.border-x-0 {
    border-left:0 !important;
    border-right:0 !important;
}
.border-y-0 {
    border-top:0 !important;
    border-bottom:0 !important;
}
.border-left-0 {
    border-left:0 !important;
}
.border-right-0 {
    border-right:0 !important;
}
.border-top-0 {
    border-top:0 !important;
}
.border-bottom-0 {
    border-bottom:0 !important;
}

.border-bottom-radius-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.border-top-radius-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.border-top-radius {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.mw-200 {
    max-width:200px;
}
.mb-2-5 {
    margin-bottom:0.75rem;
}
.mb-3-5 {
    margin-bottom:1.25rem;
}
.m-0-auto {
    margin:0 auto;
}

.list-group-item {
    border-color:#eaeaea;
}

.card-body .list-group .list-group-item:last-child {
    border-bottom:0 !important;
}

.nav-project-settings-vertical > .nav-tabs > .nav-item > .nav-link {
    border-color:#dee2e6;
    border:1px solid #dee2e6;
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    color:#495057;
}
.nav-project-settings-vertical > .nav-tabs > .nav-item:first-child > .nav-link {
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
}
.nav-project-settings-vertical > .nav-tabs > .nav-item:last-child > .nav-link {
    border-bottom-left-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
}
.nav-project-settings-vertical > .nav-tabs > .nav-item > .nav-link.active {
    border-left:4px solid #007D88;
    color:#007D88;
}

.main-left-nav-bottom-fixed .hk-toolbar .nav .nav-link.active .btn {
    color:#007D88;
    background: rgba(0, 125, 136, 0.15) !important;
}

.nav-project-settings-vertical ul {
    margin-bottom:0.75rem;
}
.nav-project-settings-vertical ul:last-child {
    margin-bottom:1.5rem;
}
.nav-project-settings-vertical .nav-header span{
    font-size:14px
}

.border-1 {
    border:1px solid #dee2e6;
}
.border-top-1 {
    border-top:1px solid #dee2e6;
}
.border-left-1 {
    border-left:1px solid #dee2e6;
}
.border-right-1 {
    border-right:1px solid #dee2e6;
}
.border-bottom-1 {
    border-bottom:1px solid #dee2e6;
}

.nav-tabs.nav-standalone {
    display: flex;
    justify-content: space-between;
}
.nav-tabs.nav-standalone,
.nav-tabs.nav-standalone > .nav-item,
.nav-tabs.nav-standalone > .nav-item > .nav-link {
    background-color: #fff;
}
.nav.nav-standalone .nav-link {
    color:#495057;
    padding:0.75rem 1rem;
}
.nav.nav-standalone .nav-link.active {
    color:#007D88;
}
.nav.nav-standalone .nav-link.active .nav-icon-wrap .svg-icon svg {
    fill:#007D88;
}

.nav-project-settings-horizontal > .nav-tabs > .nav-item > .nav-link {
    border-color:#dee2e6;
    border:1px solid #dee2e6;
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    color:#495057;
    padding-top:11px;
    padding-bottom:8px;
}
.nav-project-settings-horizontal > .nav-tabs > .nav-item:first-child > .nav-link {
    border-right-color:transparent;
}
.nav-project-settings-horizontal > .nav-tabs > .nav-item:last-child > .nav-link {
    border-left-color:transparent;
}
.nav-project-settings-horizontal > .nav-tabs > .nav-item > .nav-link.active {
    border-top:4px solid #007D88;
    color:#007D88;
    padding-top:8px;
    border-bottom-color:transparent;
}
.nav-project-settings-horizontal > .nav-tabs > .nav-item > .nav-link:hover {
    border-top:4px solid #007D88;
    color:#007D88;
    padding-top:8px;
    border-bottom-color:transparent;
}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap {
    margin-top:2rem;
    margin-bottom:2rem;
}

.right_main_container_header {
    margin-bottom:1.70rem;
}
.right_main_container_header_equal_top {
    margin-top:1.70rem;
}
.right_main_container_header_md {
    margin-bottom:1.25rem;
}


.main-left-nav-bottom-fixed {
    border-top:1px solid #eaeaea;
    height:42px;
}
.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .main-left-nav-bottom-fixed {
    height:auto;
}
.feather-icon-lg, .svg-icon-lg {
    width:20px;
    height:20px;
}

.feather-icon-lg > svg, .svg-icon-lg > svg {
    width:20px;
    height:20px;
}

.feather-icon-dd > svg {
    width:23px;
    height:23px;
}
.feather-icon-dd.top-n-1px {
    top:-1px !important;
}
.dropdown-menu .dropdown-item .dropdown-icon.feather-icon-dd {
    width:23px;
    height:23px;
}

.second-left-nav-title {
    height:21px;
    max-width:170px;
}

.left-top-nav-title h1 {
    font-size:1.20rem;
    font-weight:500;
    position:relative;
    top:-2px;
    margin-bottom:6px;
}
.left-top-nav-title label {
    height:16px;
    position:relative;
    top:-2px;
    font-size:12px;
    color:rgba(111, 111, 111, 1);
}

.dropdown-menu-max-height-overflow {
    max-height:calc(100vh - 130px);
    /* max-height:300px; */
    overflow: scroll;
}

.left-nav-custom-tabber {
    position:relative;
    left:-25px;
    width:272px;
}
.left-nav-custom-tabber .nav-item {
    width:50%;
}
.left-nav-custom-tabber .nav-item .nav-link {
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important;
}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-gap {
    height:20px;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap {
    padding:1rem 1.5rem;
}

.nav-link-board-settings {
    padding:0.25rem 0.5rem;
}

.monetary_timeframe_max_width {
    max-width:300px;
}

.taskboardapp-wrap .taskboardapp-content.no-left-nav-full-width {
    padding-left:0 !important;
}

.btn-md.btn-icon {
    width:30px;
    height:30px;
}

.spinner-border.spinner-border-md {
    width:28px;
    height:28px;
}

.board-team-wrap.boards-team-wrap {
    margin-top:1.5rem !important;
}
.boards-topbar-container {
    display: flex;
    align-items:center;
    -webkit-box-align:center;
    justify-content: space-between;
    margin-bottom:1.25rem;
}

/* @media (max-width: 576px) {  */
@media (max-width: 768px) { 
    .board-team-wrap.boards-team-wrap {
        margin-top:20px !important;
    }
    .boards-topbar-left {
        min-height: unset;
        display:flex;
        align-items:center;
        -webkit-box-align:center;
    }
}



/*************************
START -> image modal
*/



/*************************
START -> boards
*/

#board {
    height:100vh;
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}
.task_details_container_html,
.task-header,
.task-detail-body {
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}
.task-viewer-description {
    font-size:0.9rem;
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}
.task-viewer-description, 
.ql-container {
    color:#262a2e;
    /* font-size:1rem; */
}

.task-viewer-description img {
    cursor:pointer;
}


.combination-filter-dropdown-menu.dropdown-menu {
    position: relative;
    display: block;
    background:transparent;
    border:0;
    box-shadow: none;
    padding:0;
}
.combination-filter-dropdown-menu.dropdown-menu .custom-control {
    background: white;
    border-radius: 0.25rem;
    box-shadow:0px 6px 16px rgb(47 52 58 / 10%);
    padding:6px 8px;
    margin-bottom:10px;
    color:#888c9b;
}
.combination-filter-dropdown-menu.dropdown-menu .custom-control .custom-control-label .media-body .title {
    color:#888c9b;
}
.combination-filter-dropdown-menu.dropdown-menu .custom-control .custom-control-label::after {
    position: relative;
    left:unset;
    right:8px;
    float:right;
    top:-32px;
}
.combination-filter-dropdown-menu.dropdown-menu > .custom-control .custom-control-input:checked ~ .custom-control-label:after {
    transform:scale(1.5);
}

.combination-filter-dropdown-menu.dropdown-menu .custom-control:hover {
    box-shadow:0 0 0 4px rgb(0 125 136 / 30%), 0 1px 3px 0 rgb(0 125 136 / 48%)
}
.combination-filter-dropdown-menu.dropdown-menu .custom-control:hover .custom-control-label .media-body .title,
.combination-filter-dropdown-menu.dropdown-menu .custom-control:hover .custom-control-label {
    color:#262a2e;
}
.combination-filter-dropdown-menu.dropdown-menu > .custom-control .custom-control-input:checked ~ .custom-control-label .media-body .title,
.combination-filter-dropdown-menu.dropdown-menu > .custom-control .custom-control-input:checked ~ .custom-control-label {
    color:#262a2e;
}

.mb-2px {
    margin-bottom:2px;
}

.time_tracking_logs_description,
.time_edit_row_editor {
    min-width:300px;
    max-width:500px;
}

.top_right_icon {
    position: relative;
    top:-8px;
    right:0;
    font-size:12px;
}
.cb-board-link {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:1.05rem;
    font-weight:550;
    position: relative;
    top:1px;
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}


.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-scroll {
    margin-top:0;
    padding:1rem;
}
.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap {
    padding:0;
    margin-right:1rem;
}

.tasklist-card .card-header .card-action-wrap {
    opacity: 1;
}

.project_task_column_body, .board_comination_column_body {
    z-index: 11;
    /* height:100vh; */
    height:100%;
    min-height:400px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
}

.new_task_input_container, .edit_tasklist_input_container {
    position:absolute;
    z-index:500;
    /* background:#f7f7f7; */
    background-color: #e6e8ed;
}
.tasklist {
    height:100vh;
    width:320px;
    background-color: #e6e8ed;
    z-index: 10;
}
.tasklist .card-header {
    padding:.5rem .75rem 0;
}
.tasklist .card-footer {
    /* padding: 0 .75rem .5rem; */
    /* padding-top:0.5rem;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:4px; */
    /* padding: 6px 0.75rem 6px; */
    padding: 6px 0.75rem 8px;
}
.tasklist .card-body {
    padding:0.5rem 0px;
    min-height:100px;
    padding-top:0;
}
.add-tasklist-card .card-body {
    min-height:unset;
    padding:0.5rem;
}
.tasklist.add-tasklist-card {
    width:300px;
    min-height:auto;
    height:auto;
}
.task-issue .card {
    margin-bottom:12px;
}
.task-issue .card .card-body {
    min-height:auto;
}
.task-issue .card .card-header {
    padding:8px 10px 0;
}

.card .card-header.task-drag-area {
    padding-top:6px;
}
.card .card-header.task-drag-area.card-header-action {
    padding-top:10px;
}

.task-issue .card.card-border,
.card.card-border.tasklist-card {
    box-shadow:0 0 0 1px rgb(20 20 31 / 4%), 0 1px 3px 0 rgb(20 20 31 / 12%);
    border:none;
    /* margin-left:2px;
    margin-right:2px; */
}

.tasklist > .card-header > .tasklist-handle {
    margin-bottom:0.5rem;
}

.btn-add-newtask,
.combination_board_filters_button {
    padding: 0.2rem 0.4rem;
    border:1px solid #d7dce5;
}
.btn-add-newtask:hover,
.combination_board_filters_button:hover {
    background-color: #d7dce5;
    color:#495057;
}
.add-newtask-text {
    height:20px;
}

.btn-tasklist-more {
    width:25.38px !important;
    height:29.38px !important;
    color:#262a2e;
}
.btn-tasklist-more:focus {
    color:#262a2e;
}

.btn.btn-tasklist-more > span.icon {
    justify-content: end !important;
}

.tasklist-name {
    font-size:1.1rem;
    font-weight:550;
    max-width:180px;
}

.card-time-track-button {
    width:28px;
    height:28px;
    padding:0;
    font-size:1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid #d7dce5;
}
.card-time-track-button:hover {
    background-color: #d7dce5;
    color:#495057;
}

.card-time-track-bottom-right {
    width:32px;
    height:32px;
    cursor:pointer;
}
.avatar.avatar-icon.card-time-track-bottom-right .initial-wrap {
    font-size:1rem;
}
.card-timer-bottom-right {
    position: absolute;
    /* bottom:4px;
    right:5px; */
    bottom:6px;
    right:6px;
    width:32px;
    height:32px;
    cursor:pointer;
}
.avatar.avatar-icon.card-timer-bottom-right .initial-wrap {
    font-size:1.1rem;
}

.tasklist-card .card-footer .task-counter > span:first-child, .tasklist-card .card-footer .task-discuss > span:first-child {
    margin-right:3px;
}
.tasklist-card .card-footer .task-discuss {
    margin-left:0.75rem;
}

.card.card-border.tasklist-card.open_task_card {
    box-shadow: 0 0 0 4px rgb(0 125 136 / 30%), 0 1px 3px 0 rgb(0 125 136 / 48%);
    margin-left:2px;
    margin-right:2px;
    /* margin-bottom:16px;
    top:4px; */
}

.open_task {
    cursor: pointer;
}
.task_viewer_body_loading {
    min-height:100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.publisher {
    display: flex;
    width:100%;
}
.publisher-input {
    margin-bottom:0px;
    width:100%;
}
.publisher.focus {
    flex-direction:column;
}
.publisher.focus .publisher-input {
    margin-bottom:7px;
    width:100%;
}
.publisher-alt .publisher-actions {
    display: none;
    padding: 0 0.5rem 0 0;
    align-items: center;
}
.publisher-alt .publisher-tools {
    padding: 0 .5em .75em;
}
.publisher .publisher-label, .publisher .publisher-tools {
    display: none;
}
.publisher.focus .publisher-input, .publisher.focus .publisher-label, .publisher.focus .publisher-tools {
    display: block;
}

.publisher.focus .publisher-input .form-control {
    height: auto;
    padding:.5rem .75rem;
}
  
.publisher .btn-link {
    color: #888c9b;
}
  
  .publisher .btn-link:focus {
    color: #222230;
  }
  
  .publisher .btn-link:hover {
    color: #222230;
  }
  
  .publisher .user-avatar {
    width: 2.25rem;
    height: 2.25rem;
  }
  
  @media (min-width: 768px) {
    .publisher .user-avatar {
      width: 2.25rem;
      height: 2.25rem;
    }
  }
  
  .publisher-input {
    padding-right: 12px;
    width: 100%;
  }
  
  .publisher-input .form-control {
    height: 2.25rem;
    resize: none;
  }
  
  @media (min-width: 768px) {
    .publisher-input .form-control {
      height: 2.25rem;
    }
  }
  
  .publisher-actions {
    display: flex;
  }
  
  .publisher-alt {
    border: 1px solid #c6c9d5;
    border-radius: 0.25rem;
    background-color: #ffffff;
  }
  
  .publisher-alt .publisher-input {
    margin-bottom: 0;
  }
  
  .publisher-alt .publisher-input {
    padding-right: 0;
  }
  
  .publisher-alt .publisher-input .form-control {
    border: 0;
  }
  
  .publisher-alt .publisher-input .form-control:focus {
    box-shadow: none;
  }
  
  .publisher-alt.focus {
    border-color: #007D88;
    box-shadow: 0 0 0 1px #007D88;
  }
  
  .publisher-alt.focus .publisher-input {
    margin-top: 0;
  }
  
.publisher-alt.focus .publisher-actions {
    display: flex;
}



.has-dragable .drag-indicator {
    opacity: 0;
}
.has-dragable:hover .drag-indicator {
    opacity: 1;
}
.drag-handle {
    cursor: move !important;
    /* fallback if grab cursor is unsupported */
    cursor: -webkit-grab !important;
    cursor: grab !important;
}
.drag-indicator {
    display: inline-block;
    margin: 0 .5em;
    height: 8px;
    width: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVR42mNgAIJz507/Z4AxVqxYAuEgAwD26QnApt++GwAAAABJRU5ErkJggg==);
    transform: translate3d(-0.5em, 0, 0);
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.drag-indicator-lg {
    height: 14px;
    width: 8px;
}
.drag-indicator-tall {
    height: 20px;
    width: 8px;
}

.pt-2px {
    padding-top:2px;
}
.pt-02 {
    padding-top:0.2rem !important;
}

.remove_task_status_column_modal_name {
    display: inline !important;
    font-weight:bold;
}

#add_new_contact .modal-dialog .modal-content {
    overflow: visible;
}

.add_project_client_container {
    display:none;
}

/*************************
START -> task details on board page
*/
.task_details_container_html {
    overflow-y:scroll;
    overflow-x: hidden;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:0.5rem;
    padding-bottom:1rem;
    border-left:1px solid #eaeaea;
}

.task-detail-close-button {
    /* width:66px; */
    position: relative;
    left:-8px;
}
/* .task-detail-close-button-text {
    padding-top:0.5px;
} */
/* .task-detail-close-button, .task-detail-close-button span {
    cursor: pointer;
    color:#6c757d !important;
} */
#dropdownTaskStatusButton {
    position: relative;
    top:-2px;
}
.task-detail-close-text {
    height:22px;
}

.task-detail-modal .modal-body .task-detail-body {
    padding-top:1rem;
    padding-left:0rem;
    padding-right:0rem;
    padding-bottom:0rem;
    margin-right:0;
}
.task-detail-modal .modal-body header.task-header {
    margin-right:0;
    height:auto;
}

.btn-green {
    background-color:#008f00;
    border-color:#008f00;
}
.btn-outline-green {
    color:#008f00;
    border-color:#008f00;
}
.btn-outline-green:hover {
    background-color:#008f00;
    border-color:#008f00;
    color:#fff;
}
.badge.badge-green {
    background:#008f00;
}

.btn-reset {
    padding: 0 2px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.btn-reset.btn, .btn-reset.btn-sm, .btn-group-sm > .btn-reset.btn, .btn-reset.btn-lg, .btn-group-lg > .btn-reset.btn {
    height: auto;
}
.btn-reset:hover, .btn-reset:focus {
    color: inherit;
    text-decoration: inherit;
    box-shadow: none;
}
.btn-reset.text-muted:hover, .btn-reset.text-muted:focus, .btn-reset.text-muted.focus, .btn-reset.text-muted.active, .btn-reset.text-muted.show {
    color: #363642 !important;
}

.dropdown-toggle.btn-light {
    color:#262a2e;
    background-color:transparent;
    background-image:none;
    border-color:#eaeaea;
}
.dropdown-toggle.btn-icon.btn-light {
    background-color: #eaeaea;
    border-color:lightgray;
}
.bootstrap-select.disabled {
    background-color:#eaeaea;
    border-color:#eaeaea;
    color:#262a2e;
}

.dropdown-toggle.btn-gray {
    background-color: #eaeaea;
    color:#363642;
    border-color:lightgray;
}

.btn-gray {
    background-color: rgba(34,34,48,.08);
    color:#363642;
    border-color:transparent;
}
.btn-gray:hover {
    background-color: rgba(34,34,48,.12);
    color:#363642;
    box-shadow:none;
}

.text-dark-green {
    color:#00a28a;
}
.text-dark-blue {
    color:#346cb0;
}

.btn.btn-blue {
    color:#fff;
    background-color: #346cb0;
    border-color:#346cb0
}
.btn.btn-outline-blue {
    color:#346cb0;
    background: transparent;
    border-color:#346cb0
}
.btn.btn-outline-blue:hover {
    color:#fff;
    background-color: #346cb0;
    border-color:#346cb0
}

.btn.btn-soft-orange {
    background: #fff6eb;
    color: #FF9100;
}
.btn.btn-soft-orange:hover {
    color: #fff6eb;
    background: #FF9100;
}
.btn.btn-orange {
    background: #FF9100;
    color: #fff;
}
.btn.btn-pumpkin {
    background: #FF5700;
    color: #fff;
}
.btn-pink {
    background: #E92990;
    color: #fff;
}
.btn-pink:hover {
    background: #E92990;
    color: #fff;
}

.btn-light {
    background-color:#eaeaea;
    border-color:#eaeaea;
    color:#262a2e;
}
.btn-light:hover {
    color:#262a2e;
}
.btn-light-important {
    background-color:#eaeaea !important;
    border-color:#eaeaea !important;
    color:#262a2e !important;
}
.btn-light-important:hover {
    color:#262a2e !important;
}

.btn-light-important-icon {
    background-color:#fff;
    border-color:#eaeaea !important;
    color:#262a2e !important;
    height:31px;
    padding:4px 8px;
    margin-left:6px;
}
.btn-light-important-icon:hover {
    background-color:#eaeaea !important;
    color:#262a2e !important;
}


.btn-textarea-light {
    background-color: transparent;
    border-color:transparent;
    color:#888c9b;
}
.btn-textarea-light:hover {
    /* background-color: #e6e8ed;
    border-color:#e6e8ed;
    color:#363642; */
    background-color: #eaeaea;
    border-color: #eaeaea;
    color:#262a2e;
}

.task_new_comment_uploading_button, .task_edit_comment_uploading_button {
    color:#262a2e;
}

.task_edit_comment_textarea, #task_new_comment_textarea {
    font-size:0.875rem;
}

.fileinput-button-new-task-comment, .fileinput-button-edit-task {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-figure {
    padding:6px 10px;
    width:auto;
    border-radius:0.12rem;
}
.figure-img {
    margin-bottom:6px;
}
.figure-attachment {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 8rem;
    background-color: #f6f7f9;
    overflow: hidden;
}
.figure-attachment > img, .figure-attachment > a > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.figure-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: all 300ms ease;
}
.media-modal {
    cursor:pointer;
}

.btn-md {
    font-size:14px;
    padding:4px 10px;
}

.task_status_dropdown_button:after {
    position: relative;
    top:1px;
}
.task-details-due-date {
    display: flex;
    align-items: center;
    font-size:15px;
    font-weight:normal;
    color:#262a2e;
    min-height:38px;
}

.border-radius-0 {
    border-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.cursor-default, .no-pointer, .cursor-normal {
    cursor:default !important;
}

.default-font-size {
    font-size: 1rem;
}

.text-dark-gray {
    color:#7a7e8b !important;
}

.text-xs-normal {
    font-size:10px;
    font-weight:400;
}

.text-small-normal {
    font-size:12px;
    font-weight:400;
}

.text-small-dark {
    font-size:12px;
    font-weight:normal;
    color:#262a2e;
}
.text-normal-dark {
    font-size:14px;
    font-weight:normal;
    color:#262a2e;
}
.text-large-dark {
    font-size:16px;
    font-weight:normal;
    color:#262a2e;
}
.text-large-dark.ms-auto {
    font-weight:bold;
}
.text-normal-bold {
    font-size:14px;
    font-weight:500;
}
.text-large-bold {
    font-size:16px;
    font-weight:500;
}

.text-normal-style {
    font-size:14px;
    font-weight:normal;
}
.fs-13px {
    font-size:13px;
}
.text-normal-gray {
    font-size:14px;
    font-weight:normal;
    /* color:#7a7e8b; */
    color:#888c9b;
}
.text-small-style {
    font-size:12px;
    font-weight:normal;
}
.text-lg-style {
    font-size:16px;
    font-weight:normal;
}
.font-size-normal {
    font-size:14px;
}
.font-size-normal-dark {
    font-size:14px !important;
    color:#262a2e !important;
}
.font-size-large {
    font-size:16px;
}
.font-size-large-dark {
    font-size:16px !important;
    color:#262a2e !important;
}

.invitation-project-member-boards, .invitation-organization-project-boards {
    position: relative;
    top:4px;
}
.invitation-project-member-boards-container, .invitation-organization-project-boards-container {
    padding-right:12px;
    padding-left:34px;
    padding-top:5px;
    padding-bottom:5px;
}
.invitation-project-member-boards-container:hover, .invitation-organization-project-boards-container:hover {
    background-color: #eaeaea;
}

.edit-project-member-boards {
    position: relative;
    top:4px;
}
.edit-project-member-boards-container {
    padding-right:12px;
    padding-left:34px;
    padding-top:5px;
    padding-bottom:5px;
}
.edit-project-member-boards-container:hover {
    background-color: #eaeaea;
}

.choose_board_member_role .form-label {
    font-size:14px;
    padding-left:1px;
}
.edit_choose_board_member_role .form-label {
    font-size:14px;
    padding-left:1px;
}
.access_project_edit_role {
    height:31px;
}
.second-top-nav-btn {
    height:31px;
}

.hk-pg-header .pg-title {
    font-size:1.5rem;
    font-weight:500;
}
.hk-pg-body .pg-title {
    font-size:1.25rem;
    font-weight:500;
}
.hk-pg-body .pg-title-lg {
    font-size:1.5rem;
    font-weight:500;
}
.card-title-lg {
    font-size:1.1rem;
}

.link_look {
    text-decoration: none;
    color: #007D88;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
    cursor:pointer;
}

.bottom_button_container {
    text-align: right;
    margin-top:1.5rem;
}

.text-right {
    text-align: right;
}
.width-100p {
    width:100%;
}
.cursor-pointer {
    cursor: pointer;
}

.task-viewer-title-edit:hover {
	background-color: lightgrey;
	background: lightgrey;
}
.task-viewer-description-edit:hover {
	background-color: lightgrey;
	background: lightgrey;
}
.edit_task_quill {
    min-height:300px;
}
.card-summernote {
	box-shadow: none;
}
.card-body-summernote {
	/* border:1px solid #c6c9d5;
	border-radius:0.25rem; */
    border:0;
}



.homepage_taskboard_announcements {
    /* margin-top:159px; */
    /* max-width:320px;
    margin-left:auto;
    margin-right:auto; */
}
.homepage_taskboard_announcements .taskboard-body-inner .social_board .tasks .card .card-header .tasklist-handle {
    margin-top:4px;
    margin-bottom:6px;
}
.homepage_taskboard_announcements .taskboard-body-inner .social_board .tasks .card .card-header .tasklist-handle .card-action-wrap {
    display: none;
}
.homepage_taskboard_announcements .taskboard-body-inner .social_board {
    overflow-y: hidden;
}
@media (max-width: 768px) { 
    .homepage_taskboard_announcements {
        margin-top:40px;
        max-width:400px;
        margin-left:auto;
        margin-right:auto;
    }
}


.tasklist-scroll.board.social_board {
    overflow-x:hidden;
}
.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-scroll.board.social_board .tasklist-wrap {
    margin-right:0;
    width:100%;
    float:none;
}
.tasklist-scroll.board.social_board .tasklist {
    width:100%;
}


.social_post_view_container {
    display: flex;
    margin-top:14px;
    align-items: center;
}
.sharethis-post-widget {
    margin-left:auto;
    width:200px;
}


.social_voting_card_time {
    display:block;
    width:100%;
    font-size:12px;
    font-weight:normal;
    margin-top:8px;
    position: absolute;
    bottom:9px;
}
.social_reactions_card_time {
    display:block;
    width:100%;
    font-size:12px;
    color:#262a2e;
    font-weight:normal;
    text-align:right;
    margin-top:12px;
    line-height:13px;
}


.social_voting_card_column_container {
    display: flex;
    flex-direction: row;
    width:100%;
}
.social_voting_card_column_left {
    display: flex;
    flex-direction:column;
    align-items: center;
    width:32px;
    padding-right:8px;
    border-right:1px solid #eaeaea;
    padding-bottom:10px;
    padding-top:10px;
}
.social_voting_card_column_left .social_voting_card_counter {
    width:24px;
    height:36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:500;
    color:#000;
    font-size:16px;
}
.social_voting_card_column_left .social_voting_card_upvote,
.social_voting_card_column_left .social_voting_card_downvote {
    cursor:pointer;
    width:24px;
    height:24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social_voting_card_column_left .social_voting_card_upvote:hover {
    color:#00D67F;
}
.social_voting_card_column_left .social_voting_card_downvote:hover {
    color:red;
}

.social_voting_card_row {
    display: flex;
    flex-direction:row;
    align-items: center;
    padding-right:12px;
    margin-right:12px;
    border-right:1px solid #eaeaea;
}
.social_voting_card_row .social_voting_card_counter {
    width:36px;
    height:24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:500;
    color:#000;
    font-size:16px;
}
.social_voting_card_row .social_voting_card_upvote,
.social_voting_card_row .social_voting_card_downvote {
    cursor:pointer;
    width:24px;
    height:24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social_voting_card_row .social_voting_card_upvote:hover {
    color:#00D67F;
}
.social_voting_card_row .social_voting_card_downvote:hover {
    color:red;
}



.social_board_post_card_reactions_container {
    display: flex;
    justify-content: space-between;
    width:100%;
    align-items: center;
    padding-right:0.75rem;
    max-width:300px;
    margin-bottom:2px;
    margin-top:2px;
}
.social_board_post_card_reactions_container .social_reaction_action {
    width:18px;
    height:18px;
    filter: grayscale(1);
}
.social_board_post_card_reactions_container .social_reaction_action {
    /* margin-right:6px; */
    text-align: center;
    display: flex;
    align-items: center;
}
.social_board_post_card_reactions_container .social_reaction_action img {
    display: block;
    width:18px;
    height:18px;
}
.social_board_post_card_reactions_container .social_reaction_count {
    font-size:15px;
    color:#555;
    white-space:normal;
    word-break: break-all;
    line-height:12px;
    padding-right:2px;
}

.social_reactions_action_container .social_reaction_action {
    width:35px;
    height:35px;
}
.social_reactions_action_container .social_reaction_action img {
    width:40px;
    height:40px;
}
.social_reactions_action_container {
    display:flex;
    margin-top:18px;
    align-items: center;
}
.social_reactions_action_container .social_reaction_container {
    display: flex;
    flex-direction:column;
    /* justify-content: space-between; */
    align-items: center;
    margin-left:12px;
}
.social_reactions_action_container .social_reaction_container:first-child {
    margin-left:0px;
}
.social_reactions_action_container .social_reaction_container .social_reaction_action {
    width:40px;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .social_reactions_action_container .social_reaction_container .social_reaction_action.active {
    transform:scale(1.2);
} */
.social_reactions_action_container .social_reaction_container .social_reaction_action.not-selected {
    filter: grayscale(1);
}

.social_reactions_action_container .social_reaction_container:hover {
    transform:scale(1.2);
    cursor:pointer;
}
/* .social_reactions_action_container .social_reaction_container:hover .social_reaction_action.active {
    transform:scale(0.8);
} */

.social_reactions_action_container .social_reaction_container .social_reaction_count,
.social_reactions_action_container .social_reaction_container .social_reaction_text {
    /* margin-top:4px; */
    font-size:11px;
    color:#555;
    /* letter-spacing: 0.5px; */
    vertical-align: top;
    font-weight:bold;
    /* line-height:12px; */
    white-space:normal;
    word-break: break-all;
}
.social_reactions_action_container .social_reaction_container .social_reaction_count {
    font-size:13px;
}
.social_reactions_action_container .social_reaction_container .social_reaction_text {
    display:none;
}
.social_reactions_action_container .social_reaction_container:hover .social_reaction_text {
    display:block;
}
.social_reactions_action_container .social_reaction_container:hover .social_reaction_count {
    display:none;
}

.task_details_activity_title_text {
    padding:8px;
    margin-left:-2px;
}

.d-flex.social_board_post_back_button {
    display:none !important;
}


.d-tablet-show {
    display:none;
}

@media (max-width: 768px) { 
    .d-flex.social_board_post_back_button {
        display:flex !important;
    }
    .social_post_view_container {
        margin-top:22px;
    }
    .social_reactions_action_container {
        margin-top:22px;
    }
    .social-board-post-header {
        margin-bottom:22px;
    }
    .d-tablet-hide {
        display:none !important;
    }
    .d-tablet-show {
        display:block !important;
    }
}




.task-header .modal-title {
    font-size:16px;
}
.task-details-title-container {
    margin-top:4px;
}
.task-details-title {
    font-size:20px;
    font-weight:600;
}
.task-details-title.post-details-title {
    font-size:24px;
}
.task-details-hr {
    border-bottom:1px solid #eaeaea;
    height:3px;
    padding-top:1px;
    padding-bottom:1px;
    width:calc(100% + 34px);
    display: block;
    margin-top:0.75rem;
    margin-left:-17px;
    margin-right:-17px;
}

.task-details-nav {
    width:calc(100% + 34px);
    margin-left:-17px;
    margin-right:-17px;
}
.nav-segmented-tabs.task-details-nav > .nav-item:first-child .nav-link {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.nav-segmented-tabs.task-details-nav > .nav-item:last-child .nav-link {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.nav.nav-sm.task-details-nav .nav-link {
    font-size:14px;
}

.text-dropdown-muted {
    color:#6f6f6f;
}
.text-muted {
    color:#888c9b!important;
}
.task_status_dropdown_menu, #editTaskAssignees {
    box-shadow: 0 0 0 1px rgb(20 20 31 / 5%), 0 2px 7px 1px rgb(20 20 31 / 16%);
}
#editTaskAssignees {
    font-size:0.9rem;
    padding:.5rem 0;
}
.task_status_dropdown_menu .dropdown-item {
    font-size:14px;
    padding:.5rem 1rem;
}
.dropdown-menu .dropdown-header, .apexcharts-toolbar .apexcharts-menu .dropdown-header {
    color:#888c9b;
}
.link-text {
    color:#363642;
}

.task-title {
    font-weight:600;
}

/* .title-wth-divider {

} */
.col-task-details {
    min-width:160px;
}

.title-custom-divider {
    font-size:14px;
    margin-top:1.0rem;
    margin-bottom:0.5rem;
}
.title-custom-divider h6 {
    margin-bottom:0;
    white-space: nowrap;
}

.task-detail-title {
    font-size:1rem;
    display: flex;
    align-items: center;
}

.task-detail-subtitle {
    font-size:14px;
    font-weight:400;
    margin-top:0.5rem;
    margin-bottom:2px;
}

/* .title.title-custom-divider,
.title-lg.title-custom-divider,
.title-sm.title-custom-divider,
.title-xs.title-custom-divider {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
} */
.title.title-custom-divider > span,
.title-lg.title-custom-divider > span,
.title-sm.title-custom-divider > span,
.title-xs.title-custom-divider > span {
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.col-3.alert.alert-dismissible.animated.bounceInDown {
    width:calc(100% - 1rem);
    max-width:400px;
}

/* @media (max-width: 576px) {  */
@media (max-width: 768px) { 
    .title.title-custom-divider::before,
    .title-lg.title-custom-divider::before,
    .title-sm.title-custom-divider::before,
    .title-xs.title-custom-divider::before {
        content: "";
        display: block;
        height: 1px;
        width: 0;
        background: #d8d8d8;
    }
    .title.title-custom-divider::after,
    .title-lg.title-custom-divider::after,
    .title-sm.title-custom-divider::after,
    .title-xs.title-custom-divider::after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        margin-left: .625rem;
        background: #d8d8d8;
    }
    .col-3.alert.alert-dismissible.animated.bounceInDown {
        width:calc(100% - 1rem);
        max-width:320px;
    }
}

.task-viewer-title-editor {
    margin-top:4px;
}
.task-viewer-title-input {
    width:100%;
}
.edit_task_title_save_button {
    margin-left:0.5rem;
}

.access-card-board-title {
    /* margin-right:-.875rem; */
    margin-right:0px;
    color:#212529;
    font-size:14px;
    margin-bottom:2px;
}
.avatar-group-overlapped-mr-0 {
    margin-right:0.875rem
}

/**/
.task-board-prefix-text {
    font-size:14px;
    font-weight:400;
}
.dropdown-menu-md {
    width:18rem;
}

.avatar-group.avatar-group-md .avatar {
    width:38px;
    height:38px;
}
.avatar-group .avatar.avatar-sm {
    width:38px;
    height:38px;
}
.avatar-group .avatar .avatar-img, .avatar-group .avatar > .initial-wrap {
    border:0;
    padding:0px;
    border-color:#d8d8d8 !important;
    border:1px solid #d8d8d8 !important;
}

.form-control, .form-select, .wizard > .content > .body input, .dd-handle {
    border-radius:0.25rem;
}
.dropdown-menu {
    border-radius:0.15rem;
}
.btn:not(.btn-icon) {
    border-radius:0.12rem;
}

.bg-teal {
    background: #00a28a !important;
}
.text-teal {
    color: #00a28a !important;
}
.btn-teal {
    background-color: #00a28a;
    color: #fff !important;
    border-color: #00a28a;
}
.btn-outline-teal {
    background-color: transparent;
    color: #00a28a !important;
    border-color: #00a28a;
}
.btn-outline-teal:hover {
    background-color: #00a28a;
    color: #fff !important;
    border-color: #00a28a;
}

.btn-bubble {
    color:#363642;
    background:linear-gradient(180deg,#fff,#f6f7f9);
    border-color: #d7dce5;
    box-shadow: 0 1px 0 0 rgb(20 20 31 / 5%);
}
.btn-bubble:hover {
    background: linear-gradient(180deg,#f6f7f9,#f6f7f9);
    border-color: #d7dce5;
    box-shadow: none;
}
.btn-bubble:not(:disabled):not(.disabled).active, .btn-bubble:not(:disabled):not(.disabled):active, .show>.btn-bubble.dropdown-toggle {
    box-shadow: inset 0 1px 1px 0 rgb(20 20 31 / 25%), inset 0 1px 4px 0 rgb(20 20 31 / 50%);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background: linear-gradient(180deg,#fff,#f6f7f9);
    border-color: #d7dce5;
}

.btn-icon-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-white {
    color:#888c9b;
    background-color: transparent;
    border-color: transparent;
}
.btn-white:hover {
    color:#363642;
    background-color: #e6e8ed;
    border-color: #e6e8ed;
    box-shadow:none;
}

.btn-white-offset {
    color:#262a2e;
    background-color: transparent;
    border-color: transparent;
}
.btn-white-offset:hover {
    color:#363642;
    background-color: #e6e8ed;
    border-color: #696969;
    box-shadow:none;
}

.btn-white-onb {
    color:#262a2e;
    background-color: transparent;
    border-color: transparent;
}
.btn-white-onb:hover {
    color:#363642;
    background-color: #e6e8ed;
    border-color: #e6e8ed;
    box-shadow:none;
}

.premium-avatar {
    background: rgba(176, 136, 66, var(--bs-bg-opacity)) !important;
    color:white !important;
    border-radius:15px;
}
.premium-avatar-svg svg {
    background: rgba(176, 136, 66, var(--bs-bg-opacity)) !important;
    color:white !important;
    border-radius:15px;
}

.card.card-wth-progress .progress {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.progress {
    border-radius:0.25rem;
}
.progress-sm {
    height:.5rem;
}

.todo .custom-control-input:checked+.custom-control-label {
    color:#888c9b;
    text-decoration:line-through;
}
.todo .custom-control-label {
    display: block;
}
.todo .custom-control {
    padding-left:2rem;
    flex:1;
}
.todo-list-bordered > .todo-header:not(:first-child),
.todo-list-bordered > .todo:not(:first-child) {
  border-top: 1px solid #ecedf1;
}

.todo-list-bordered .todo {
  border-radius: 0;
  padding: .5rem .25rem;
}

.todo-list-bordered .todo-header + .todo {
  border-top: 0;
}

.todo-header {
  padding: 1rem 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #888c9b;
}

.todo-header:first-child {
  padding-top: 0;
}

.todo {
  display: flex;
  min-height: calc(1.5em + 0.75rem + 2px);
  align-items: center;
  border-radius: 0.25rem;
}

@media (min-width: 768px) {
  .todo {
    min-height: 2.25rem;
  }
}

.todo:hover {
  background-color: #f6f7f9;
}
.todo-actions {
    display: none;
}
.todo:hover .todo-actions {
  display: block;
}

.todo .custom-control {
  padding-left: 2rem;
  flex: 1;
}

.todo .custom-control-label {
  display: block;
}

.todo .custom-control-label::before, .todo .custom-control-label::after {
  left: -2rem;
}

.todo .custom-control-input:checked + .custom-control-label {
  color: #888c9b;
  text-decoration: line-through;
}

.form-control-reflow {
    background-color: transparent;
    border-color: transparent !important;
    box-shadow: none;
}

.form-control-reflow:hover {
    background-color: #e6e8ed;
    border-color: transparent !important;
}

.form-control-reflow:focus {
    background-color: #ffffff;
    border-color: #007D88 !important;
}

.btn-group-sm > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-sm > .hopscotch-nav-button, .btn-sm, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
    padding:.25rem .75rem;
}

.text-standout {
    font-style: italic;
    font-weight:500;
}

.btn-xs {
    letter-spacing: 0.15px;
    height:28px;
    padding:4px 8px;
}

.btn-xxs {
    letter-spacing: 0.1px;
    /* padding:2px 6px; font-size:11px; */
    padding:1px 5px;
    font-size:12px;
}

.list_row_task_splitter {
    padding-left:2px;
    padding-right:2px;
}

.media-fit-to-div {
	max-width:100%;
	max-height:100%;
	height:100%;
	object-fit: cover;
    cursor: pointer;
}

.height-auto {
	height:auto !important;
}

.file-name {
    color:#262a2e;
    font-weight:500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.avatar.avatar-md-sm {
    width:2.5rem;
    height:2.5rem;
}
.avatar.avatar-sm-md {
    width:3.5rem;
    height:3.5rem;
}
/*************************
START -> list groups
*/

.permission-main-list-group {
    border-bottom: 1px solid #dee2e6;
    border-top:0;
    border-left:0;
    border-right:0;
}

.list-group-header {
    font-size:18px;
    color:#495057;
    border-top: 1px solid #dee2e6;
    padding-top:1.25rem;
    font-weight:bold;
}
.list-group-sub-header {
    font-size:17px;
    color:#495057;
}

.box-shadow-none {
    box-shadow: none !important;
}

.card .card-body.access-list-group-top-card {
    height: 133px;
    overflow: scroll;
    padding:4px;
}

.board-card-title,
.board-card .card-body .media .media-body a span {
    display: block;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#262a2e;
    font-weight:500;
    font-size:1.125rem;
}
.board-card .card-body .media .media-body a span.title-text {
    line-height:normal;
}
.board-card .card-body .media .media-body a span.sub-text {
    color:#888c9b;
    line-height:normal;
    font-weight:normal;
    font-size:14px;
}

.board-card .card-body .media .media-head,
.project-members-row-media .media-head {
    margin-right:0.5rem;
}

.btn-warning {
    color:#262a2e;
}

.card .card-body.card-body-slim {
    /* padding:12px 18px; */
    padding: 12px 12px;
}
.card-body-slim .media-body {
    height:70px;
}
.project-members-row-media-head {
    height:70px;
    align-items: center;
}
.project-members-row-more {
    /* font-size:1rem; */
    /* height:31px; */
    /* padding:6px; */
    padding:4px 8px;
    margin-left:6px;
}
.access_project_edit_role {
    padding:4px 8px;
}
.project-members-row-board-avatar-group {
    margin-right:8px;
}
.project-members-row-board-avatar-group .avatar {
    margin-right:2px;
}
.project-members-row-media {
    align-items: center;
}
.project-members-row-avatar-and-actions-container-mobile {
    display: none !important;
}

.project-grid-project-title {
    max-width:96%;
}

.row.mx-row {
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
}

.badge-soft-primary-main {
    background:#eef6ff;
    color:#298DFF;
}

.ms-2px {
    margin-left:2px;
}
.ms-1px {
    margin-left:1px;
}
.fw-500 {
    font-weight:500;
}
.fw-550 {
    font-weight:550;
}
.account-privacy-title {
    margin-bottom:8px;
}
.account-privacy-title span {
    font-size:14px;
}
.feather-icon-in-list {
    width:18px;
    display: inline-block;
}
.feather-icon-in-list svg {
    width:17px;
    display: inline-block;
}

.user-homepage-activity-public-explainer,
.user-homepage-activity-private-explainer {
    margin-top:10px;
}
.user-homepage-activity-public-explainer ul li,
.user-homepage-activity-private-explainer ul li {
    font-size:14px;
    margin-top:5px;
    color:#53626e;
}

.social-board-visibility-public-explainer .list-style-circle li,
.social-board-visibility-private-explainer .list-style-circle li,
.task-board-visibility-public-explainer .list-style-circle li,
.task-board-visibility-private-explainer .list-style-circle li,
.combination-board-visibility-public-explainer .list-style-circle li,
.combination-board-visibility-private-explainer .list-style-circle li,
.project-visibility-public-explainer .list-style-circle li,
.project-visibility-private-explainer .list-style-circle li {
    color:#262a2e;
}



/************************
START -> HOMEPAGE */
.homepage_nav_tabs .nav-item .nav-link {
    cursor: pointer;
}
.homepage_nav_tabs .nav-item .nav-link.active {
    font-weight:550;
    border-bottom-width:2px;
}
.homepage_recent_activity_card_container .card {
    margin-bottom:0px;
}
.homepage-right-ttile {
    margin-bottom:35px;
    font-size:22px;
}

.homepage-top-bar {
    /* height:38px; */
    margin-bottom:0.9rem;
}
.homepage-top-bar h1 {
    font-size:22px;
    margin-bottom:8px;
}
.homepage-top-bar p {
    font-size: 14px;
    color:#53626e;
    line-height:1.1;
}
.homepage-top-bar p {
    margin-top:10px;
}
.homepage-top-bar p:first-child {
    margin-top:0px;
}
.homepage-top-bar p .icon .material-icons {
    font-size:17.5px;
    font-weight:500;
    position: relative;
    top:3px;
}
.homepage-top-bar p .fa {
    font-weight:500;
}


.homepage_activity_time_ago {
    font-size:13px;
    color:#888c9b;
    margin-left:0.5rem;
    position: relative;
    top:1px;
}
.homepage_auth_button:last-child {
    margin-left:4px;
}
.homepage_auth_button {
    padding:.55rem  0.7rem;
    line-height:1;
}
.homepage-avatar {
    width:36px;
    height:36px;
    margin-right:8px;
}
.homepage-pg-header.hk-pg-header {
    border-bottom:1px solid #e2e4ed;
}
.homepage_recent_activity_card_container {
    margin-left:44px;
    /* border-bottom:1px solid #eaeaea; */
    border-bottom:1px solid #e2e4ed;
    margin-bottom:20px;
    padding-bottom:25px;
}
.homepage_recent_activity_row:last-child .homepage_recent_activity_card_container {
    border-bottom:0;
}

.homepage-highlight-bold {
    /* font-size:14px; */
    font-weight:500;
    color:#262a2e;
}

.activity-log-time-tracked {
    text-decoration: 1.5px underline #ccced8 dotted;
    text-underline-position:under;
    text-underline-offset: 1px;
}

.homepage_activity_badge {
    position: relative;
    top:1px;
    left:0.5rem;
    background:#daeded !important;
}
.homepage_activity_badge_mobile {
    display: none;
}

.homepage_top_bar_actions_li {
    display: flex;
    align-items: center;
    margin-left:auto;
    font-size:14px;
}
.homepage_top_bar_mobile_actions_li {
    display: none;
}
.homepage_recent_activity_card_container .card .card-body {
    padding:12px 16px;
    padding-bottom:10px;
}

@media (max-width: 994px) { 
    .homepage_top_bar_actions {
        display: none;
    }
    .homepage_top_bar_mobile_actions_li {
        display: block;
        position: relative;
        top:5px;
        margin-left:auto;
    }
    .homepage_auth_button {
        font-size:14px;
        padding:8px 10px;
    }
    .homepage .hk-pg-body {
        padding-top:1.4rem;
    }
    .homepage-top-bar p {
        line-height:1.25;
    }
    .homepage-top-bar {
        margin-bottom:0.8rem;
    }
}

@media (max-width: 767px) {
    .homepage-right-ttile {
        margin-bottom:1rem;
        margin-top:0.5rem;
    }
    .homepage_recent_activity_row:last-child .homepage_recent_activity_card_container {
        border-bottom:1px solid #e2e4ed;
    }    
}

@media (max-width: 576px) {
    .homepage .hk-pg-body {
        padding-top:1rem;
    }
    .homepage_activity_badge_mobile {
        display: inline-block;
    }
    .homepage_activity_badge_desktop {
        display: none;
    }
}

/* END -> HOMEPAGE
***********************/


@media (max-width: 576px) {
    .project-members-row-media {
        align-items: unset;
    }
    .project-members-row-media-head {
        height: auto;
        align-items: unset;
    }
    .card-body-slim .media-body { 
        height:auto;
    }
    .project-members-row-avatar-and-actions-container {
        display: none !important;
    }
    .project-members-row-avatar-and-actions-container-mobile {
        display: flex !important;
    }
    .project_list_group_item .media .media-body a.media-link {
        max-width:260px;
    }
    .row.mx-row {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
    .row.mx-row-sm {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }
}

.tile.tile-width-auto {
    width:auto;
    padding-left:10px;
    padding-right:10px;
}
.tile-select-input {
    position: relative;
    top:-2px;
}
hr {
    background: #969696;
}

.inline-text-hide-mobile {
    display: inline !important;
}
.clear-both {
    clear:both;
}
.clear {
    clear:both;
    height:1px;
}
.custom-pe-3 {
    padding-right:1rem;
}

.card-body.card-body-activity-list .activity-list .list-group-item .media .media-body {
    padding-bottom:0px;
}
.card-body.card-body-activity-list .activity-list .list-group-item {
    padding-bottom:1rem;
}
.card-body.card-body-activity-list .activity-list .list-group-item:last-child {
    padding-bottom:0;
}

@media (max-width:600px) {
    .inline-text-hide-mobile {
        display: none !important;
    }
	.display-sm-none {
		display:none;
	}
    .mnw-100p {
        min-width:auto !important;
    }
    .workspaces_project_count {
        display:none;
    }
    .custom-pe-3 {
        padding-right:0.5rem;
    }
}

.free_plan_minimize_maximize {
    position: absolute;
    top:10px;
    right:10px;
    display: none;
    color:#000;
    padding:4px 8px;
    text-align: center;
    font-size:18px;
    line-height: 1;
}

.top_back_button {
    font-weight:400;
    position: relative;
    top:-8px;
    font-weight:14px;
}
.top_back_button .fa {
    font-size:13px;
}
.show_for_mobile_block { 
    display: none;
}
@media (max-width: 479px) {
    .card.card-custom-mobile {
        box-shadow:none;
        border:0;
    }
    .card .card-body.card-body-custom-mobile {
        padding:0;
        border:0;
    }
    .hide_for_mobile {
        display: none;
    }
    .show_for_mobile_block, .free_plan_minimize_maximize { 
        display: block;
    }
}

/*************************
START -> dropdown scroll */


.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
  }
  
  .custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
  }
  
  .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
  }
  
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #ffffff;
    border-color: #007D88;
    background-color: #007D88;
  }
  
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #007D88;
  }
  
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #007D88;
  }
  
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #ffffff;
    background-color: #afc9e7;
    border-color: #afc9e7;
  }
  
  .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color: #888c9b;
  }
  .view-task-todo-checkbox.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color:#262a2e;
  }
  
  .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #f6f7f9;
  }
  
  .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
  }
  
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #ffffff;
    border: #a6abbd solid 1px;
  }
  
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 63% 63%;
  }
  
  .custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
  }
  
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M6.41 0l-.69.72-2.78 2.78-.81-.78-.72-.72-1.41 1.41.72.72 1.5 1.5.69.72.72-.72 3.5-3.5.72-.72-1.44-1.41z' transform='translate(0 1)' /%3e%3c/svg%3e");
  }
  
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007D88;
    background-color: #007D88;
  }
  
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M0 0v2h8v-2h-8z' transform='translate(0 3)' /%3e%3c/svg%3e");
  }
  
  .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(52, 108, 176, 0.5);
  }
  
  .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(52, 108, 176, 0.5);
  }
  
  .custom-radio .custom-control-label::before {
    border-radius: 50%;
  }
  
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M3 0c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z' transform='translate(1 1)' /%3e%3c/svg%3e");
  }
  
  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(52, 108, 176, 0.5);
  }
  
  .custom-switch {
    padding-left: 2.25rem;
  }
  
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
  }
  
  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #a6abbd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
      transition: none;
    }
  }
  
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #ffffff;
    transform: translateX(0.75rem);
  }
  
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(52, 108, 176, 0.5);
  }

.custom-control-hint {
    margin: 1rem 0;
    display: none;
  }
  
  .custom-control-input:checked ~ .custom-control-hint {
    display: block;
  }
  
  .custom-control:not(.custom-switch) .custom-control-label::before, .custom-control:not(.custom-switch) .custom-control-label::after {
    /* top: .125rem; */
    top:5px;
  }
  
  .macos .custom-control:not(.custom-switch) .custom-control-label::before, .macos .custom-control:not(.custom-switch) .custom-control-label::after {
    top: .25em;
  }
  
  @media (min-width: 768px) {
    .custom-control:not(.custom-switch) .custom-control-label::before, .custom-control:not(.custom-switch) .custom-control-label::after {
      /* top: .0625rem; */
      top:4px;
    }
    .macos .custom-control:not(.custom-switch) .custom-control-label::before, .macos .custom-control:not(.custom-switch) .custom-control-label::after {
      top: .125rem;
    }
  }
  
  .custom-control:not(.custom-switch) .custom-control-label::before {
    background: linear-gradient(to bottom, #ffffff, #f6f7f9);
    border: 1px solid #c6c9d5;
    box-shadow: 0 1px 0 0 rgba(34, 34, 48, 0.05);
    pointer-events: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }
  
  .custom-control:not(.custom-switch) .custom-control-label::after {
    transform: scale(0);
    transition: transform 200ms ease;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .custom-control:not(.custom-switch) .custom-control-label-media::before, .custom-control:not(.custom-switch) .custom-control-label-media::after {
    /* top: .5rem !important; */
    top:12px !important;
  }

  .avatar-group.avatar-group-sm .avatar > .initial-wrap {
    font-size:0.9rem;
  }
  
  .custom-control:not(.custom-switch) .custom-control-label-media .media {
    align-items: center;
    line-height: 1.2;
  }
  
  .custom-control-input {
    left: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  
  .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #007D88;
  }
  
  .custom-control-input:checked ~ .custom-control-label::after {
    transform: scale(1);
  }
  
  .custom-control-input:focus ~ .custom-control-label::before {
    border-color: #007D88;
  }
  
  .custom-control-input:disabled ~ .custom-control-label::before {
    background: #f6f7f9;
  }
  
  .custom-control-nolabel {
    margin: 0 0 0 -.125rem;
    padding-left: 0;
  }
  
  .custom-control-nolabel > .custom-control-label {
    width: 1.25rem;
    height: 1.25rem;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .custom-control-nolabel > .custom-control-label::before, .custom-control-nolabel > .custom-control-label::after {
    left: .125rem;
  }
  
  .custom-checkbox .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M6.41 0l-.69.72-2.78 2.78-.81-.78-.72-.72-1.41 1.41.72.72 1.5 1.5.69.72.72-.72 3.5-3.5.72-.72-1.44-1.41z' transform='translate(0 1)' /%3e%3c/svg%3e");
  }
  
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    transform: scale(1);
  }
  
  .custom-radio .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M3 0c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z' transform='translate(1 1)' /%3e%3c/svg%3e");
  }
  
  .custom-number {
    position: relative;
    display: flex;
  }
  
  .custom-number > .form-control[type=number] {
    flex: 1 1 auto;
    padding-right: calc(0.75rem + 1.5rem);
    -moz-appearance: textfield;
  }
  
  .custom-number > .form-control[type=number]::-webkit-inner-spin-button, .custom-number > .form-control[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }
  
  .custom-number > .form-control[type=number].form-control-sm {
    padding-right: calc(0.5rem + 1.5rem);
  }
  
  .custom-number > .form-control[type=number].form-control-lg {
    padding-right: calc(1rem + 1.5rem);
  }
  
  .custom-number-controls {
    position: absolute;
    right: 1px;
    width: 1.5rem;
    height: 100%;
  }
  
  .custom-number-btn {
    position: absolute;
    right: 0px;
    cursor: pointer;
    border-left: 1px solid #c6c9d5;
    width: 100%;
    background-color: #ffffff;
    line-height: 1.1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .custom-number-btn:hover {
    color: #007D88;
  }
  
  .custom-number-btn:focus, .custom-number-btn.focus, .custom-number-btn:active {
    color: #2e609c;
    background-color: rgba(52, 108, 176, 0.08);
  }
  
  .custom-number-btn.custom-number-up {
    top: 1px;
    height: calc(50% - 1px);
    border-bottom: 1px solid #c6c9d5;
    border-top-right-radius: 0.25rem;
  }
  
  .custom-number-btn.custom-number-down {
    bottom: 1px;
    height: calc(50% - 1px);
    border-bottom-right-radius: 0.25rem;
  }
  
  @media (min-width: 768px) {
    .custom-select {
      height: 2.25rem;
      font-size: 0.875rem;
    }
    .custom-select.custom-select-sm {
      height: 1.8125rem;
      font-size: 0.8125rem;
    }
    .custom-select.custom-select-lg {
      height: 2.75rem;
      font-size: 1rem;
    }
  }
  
  .custom-select {
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='14' fill='%23888c9b' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z'/%3E%3C/svg%3E") no-repeat right 0.75rem center, linear-gradient(to bottom, #ffffff, #f6f7f9);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transition: all 200ms ease-in-out;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .custom-select {
      transition: none;
    }
  }
  
  @media (min-width: 768px) {
    .custom-select {
      height: 2.25rem;
    }
  }
  
  .custom-select-reflow {
    color: #888c9b;
  }
  
  .custom-select-reflow, .custom-select-reflow:focus {
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='14' fill='%23888c9b' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    border-color: transparent;
    box-shadow: none;
  }
  
  .custom-select-reflow:hover, .custom-select-reflow:active, .custom-select-reflow:focus {
    color: #363642;
  }
  
  .custom-select.disabled {
    color: #888c9b;
    background-color: #e6e8ed;
  }
  
  .custom-select-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }
  
  @media (min-width: 768px) {
    .custom-select-sm {
      height: 1.8125rem;
      font-size: .8125rem;
    }
  }
  
  .custom-select-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .custom-select-lg {
      height: 2.75rem;
      font-size: 1rem;
    }
  }

.dropdown-scroll {
    position: relative;
    overflow-y: auto;
    height: 263px;
    min-height:300px;
}
.dropdown-scroll.cb-dropdown-filter {
    height: 100%;
    min-height:100px;
    max-height:250px;
}

.figure-img img {
    cursor: pointer;
}
.combination_board_filters_dropdown {
    cursor:default;
    font-size:14px;
}

.in_list_task_card_row {
    margin-bottom:6px;
}

.dropdown-menu > .custom-control,
.dropdown-scroll > .custom-control {
    margin-bottom: 0;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
}

.dropdown-menu > .custom-control .custom-control-label,
.dropdown-scroll > .custom-control .custom-control-label {
    display: block;
    cursor: pointer;
}

.dropdown-menu > .custom-control .custom-control-label:before, .dropdown-menu > .custom-control .custom-control-label:after,
.dropdown-scroll > .custom-control .custom-control-label:before,
.dropdown-scroll > .custom-control .custom-control-label:after {
    left: -1.25rem;
}

.dropdown-menu > .custom-control .custom-control-label::before,
.dropdown-scroll > .custom-control .custom-control-label::before {
    border: none;
    background: transparent !important;
    box-shadow: none;
}

.dropdown-menu > .custom-control .custom-control-input:checked ~ .custom-control-label:after,
.dropdown-scroll > .custom-control .custom-control-input:checked ~ .custom-control-label:after {
    transform: scale(1.2);
}

@media (min-width: 768px) {
    .macos .dropdown-menu .custom-control-label:before, .macos .dropdown-menu .custom-control-label:after,
    .macos .dropdown-scroll .custom-control-label:before,
    .macos .dropdown-scroll .custom-control-label:after {
        top: .2rem;
    }
}

/*************************
START -> time tracking
*/
.top-btn-time-tracking-nav-item-active {
    height:55px;
}
.btn.top-btn-time-tracking-btn {
    border-radius:0;
    height:100%;
    flex-direction:column;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding:0.375rem 1rem; */
    padding:0.375rem 0.75rem;
    border-color:#00c172;
    background-color: #00c172;
    color:#fff;
    margin-right:6px;
    position: relative;
    right:unset;
    bottom:unset;
}

.top-btn-time-tracking-btn .top-btn-time-tracking-icon {
    font-size:20px;
    height:auto !important;
    margin-bottom:2px;
}

.top-btn-time-tracking-btn .top-btn-time-tracking-time {
    font-size:16px;
    height:auto !important;
}

.top-btn-time-tracking-time .top-bar-counter {
    min-width:78px;
    font-size:16px;
    align-items:center;
    justify-content: center;
    margin-bottom:0;
}

/* .btn.top-btn-time-tracking-btn:hover > .top-bar-counter span {
    color:#212529;
} */

@media (max-width:1199px){
    /* .top-btn-time-tracking-nav-item-active {
        height:unset;
    } */
    .top-btn-time-tracking-btn {
        padding:0px 6px;
    }
    .top-btn-time-tracking-btn .top-btn-time-tracking-time {
        width:auto !important;
        padding-left:3px;
        /* display:none!important; */
    }
    .top-btn-time-tracking-btn .top-btn-time-tracking-icon {
        width:auto !important;
    }
}

#time-tracking-popup {
    height:auto;
    top:51px;
    right:98px;
    overflow:unset;
}
#time-tracking-popup header {
    border-top-right-radius: 0rem;
    border-top-left-radius: 0.25rem;
}
#time-tracking-popup footer {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.top-bar-time-tracking-project {
    max-height:300px;
}
.top-bar-time-tracking-project .dropdown-menu {
    max-height:300px;
}
.btn.btn-time-track {
    width:40px;
    height:40px;
    font-size:1.5rem;
}

.top-bar-time-tracking-button.btn-soft-danger {
    font-weight:bold;
}
.task-time-tracking-slideout.btn-soft-danger {
    font-weight:bold;
}

.time_tracking_margin_calc {
    margin-top:4px;
}
.time_tracking_margin_calc small {
    color:#fff;
}

#dropdown_time_edit_save {
    margin-left:8px;
}

.top-bar-time-counter-and-start-time {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color:#fff;
}
.top-bar-counter {
    font-size:22px;
    display: flex;
    align-items:end;
    justify-content: end;
    margin-bottom:2px;
}
.top-bar-counter-inner {
    display:flex;
}
/* .top-bar-counter span {
	color:#fff;
} */
.top-bar-counter .separtor, .task-slider-time-counter .separtor {
    position: relative;
    top:-1px;
    padding-left:1px;
    padding-right:1px;
}

.task-slider-time-counter .task-slider-time-counter-inner {
    display: flex;
    color:#262a2e;
    margin-left:0.5rem;
    font-size:16px;
}
.time-tracking {
    display: flex;
    align-items: center;
}
.task-time-tracking-slideout {
    font-size:1.5rem;
}


.hk-chatbot-popup {
    bottom:unset;
    z-index: 1031;
}

.hk-chatbot-popup header {
    padding:0.25rem 1rem 1.25rem;
}

.hk-chatbot-popup footer .chatbot-intro-text {
    /* padding: 0.5rem 1rem; */
    padding:0.5rem 1rem 0.75rem;
    position: relative;
    top:-1px;
}
.time_tracking_dropdown_summary_text {
    justify-content: space-between;
    text-align: left;
}
#dropdown_time_edit_start_time {
    width:95px;
}

.nav-tabs.border-bottom-0 .nav-item .nav-link {
    border-bottom:0;
}
.nav-tabs.border-bottom-0 .nav-item:last-child .nav-link {
    border-bottom:1px solid #dee2e6;
}
.nav-tabs.border-bottom-0 .nav-item:only-child .nav-link {
    border-bottom:1px solid #dee2e6;
}

.border-bottom-1 {
    border-bottom:1px solid #dee2e6 !important;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    .hk-chatbot-popup {
        width:380px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    #expand_timetracker {
        display: none;
    }
}

@media (max-width: 479px) { 
    #time-tracking-popup {
        width:340px;
        right:90px;
    }
    #time-tracking-popup header {
        border-top-left-radius:0;
    }
}

@media (max-width: 425px) { 
    #time-tracking-popup {
        width:100%;
        right:0px;
    }
}


/*
END -> time tracking
*************************/


.d-block-md-d-inline-block-sm {
    display: block;
}

/************************
START -> task comments
*/

.text-typing {
	font-size:12px;
	font-style:italic;
	font-weight:400;
}

#task_new_comment_attachment, .task_edit_comment_attachment {
    display: none;
}

.conversations {
    position: relative;
    padding: 1rem;
}
  
.conversation-list {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
}
  
  .conversation-list .log-divider {
    font-size: 0.75rem;
  }
  
  .conversation-list > li:focus .conversation-actions {
    opacity: 1;
  }
  
  .conversation-list > li:hover .conversation-actions {
    opacity: 1;
  }
  
  .conversation-inbound,
  .conversation-outbound {
    display: flex;
  }
  
  .conversation-inbound:not(:first-child),
  .conversation-outbound:not(:first-child) {
    margin-top: 1rem;
  }
  
  .conversation-inbound + .conversation-faux,
  .conversation-outbound + .conversation-faux {
    margin-top: 0.375rem;
  }
  
.conversation-avatar {
    z-index: 1;
}
  
.conversation-avatar > .user-avatar,
.conversation-avatar > .avatar,
.conversation-avatar > .tile {
    box-shadow: 0 0 0 3px #ffffff;
}
  
.conversation-inbound .conversation-message-skip-avatar {
    /* padding-left: 2rem; */
    padding-left: 40px;
}
  
.conversation-inbound .conversation-message-skip-avatar .conversation-message-text {
    margin-left: 0;
    padding-left: .5rem;
}
  
.conversation-inbound .conversation-avatar + .conversation-message .conversation-message-text {
    margin-left: -1rem;
    padding-left: 1.5rem;
}
  
  .conversation-inbound .conversation-message-text {
    color: #363642;
    background-color: #f6f7f9;
    border-radius: 0 1rem 1rem 1rem;
  }
  
  .conversation-outbound {
    justify-content: flex-end;
  }
  
  .conversation-outbound .conversation-message-skip-avatar {
    padding-right: 2rem;
  }
  
  .conversation-outbound .conversation-message-skip-avatar .conversation-message-text {
    margin-right: 0;
    padding-right: .5rem;
  }
  
  .conversation-outbound .conversation-avatar + .conversation-message .conversation-message-text {
    margin-right: -1rem;
    padding-right: 1.5rem;
  }
  
  .conversation-outbound .conversation-message-text {
    color: #ffffff;
    background-color: #007D88;
    border-radius: 1rem 0 1rem 1rem;
  }
  
  .conversation-outbound .conversation-message-text.has-attachment a:not(.btn) {
    color: #ffffff;
    opacity: .87;
  }
  
  .conversation-outbound .conversation-message-text.has-attachment a:not(.btn):focus {
    color: #ffffff;
    opacity: 1;
  }
  
  .conversation-outbound .conversation-message-text.has-attachment a:not(.btn):hover {
    color: #ffffff;
    opacity: 1;
  }
  
  .conversation-avatar .user-avatar-sm {
    margin-top: .375rem;
  }
  
.conversation-message {
    display: flex;
    flex-direction: column;
    font-size:15px;
}
.task_activity_time {
	position: relative;
	top:-1px;
    line-height: 1.2;
}
  
.conversation-message .conversation-list {
    margin-top: 1rem;
}
  
.conversation-message .card-figure {
    margin-bottom: 0;
    width: 15rem;
    max-width: 43%;
}
  
.conversation-message-text {
    padding: .5rem;
    max-width: 480px;
    min-height: 2rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    box-shadow: 0 1px 0.5px rgba(20, 20, 31, 0.12);
}
  
.conversation-message-text.has-attachment .card-figure {
    max-width: 15rem;
    width:auto;
}
.conversation-message-text.has-attachment {
    max-width: 15rem;
    width:auto;
    border-radius:1rem;
    padding-top:30px;
}
.conversation-message-text.has-attachment a:not(.btn) {
    text-decoration: underline;
}
  
.conversation-message-text p {
    margin-bottom: .25em;
}

.alert.alert-money-in {
    background:#d1e7dd;
    color:#0f5132;
    border-color:#badbcc;
}
.alert.alert-money-out {
    background:#f8d7da;
    border-color:#f5c2c7;
    color:#842029;
}

.card-title-plus {
    font-size: 1.1rem;
}

.flex-direction-column {
    flex-direction: column;
}

.pg-sub-title {
    color:#262a2e;
}

.font-size-15 {
    font-size:15px;
}

.mb-1-25 {
    margin-bottom:1.25rem;
}
.mt-1-25 {
    margin-top:1.25rem;
}
.mb-5px {
    margin-bottom:5px;
}

.height-0 {
    height:0 !important;
}

.mb-small {
    margin-bottom:4px;
}

.alert.alert-info {
    color:#262a2e;
}

/****************************
*****************************
START -> tools */
.bulk_uuid_results {
    color:#262a2e;
}
.tools-card-box-body {
    color:#262a2e;
}
.card-tool-title {
    font-size: 1.25rem;
    font-weight:500;
    color:#262a2e;
}
.card-tool-title a {
    color:#262a2e;
}
.card-tool-subtitle {
    font-size:1rem;
    color:rgba(38, 42, 46, 1);
    margin-bottom:0;
}

.card-box-shadow-hover:hover {
	text-decoration: none;
	box-shadow: 0 0 0 1px rgba(20, 20, 31, 0.10), 0 1px 3px 0 rgba(20, 20, 31, 0.30);
	cursor:pointer;
}

.tools-card-box {
	min-height:158px;
}
.tools-card-box-body {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width:767px){
	.tools-card-box {
		min-height:auto;
	}
}

.character_count_container {
	display: inline-block;
	font-size:20px;
	position: relative;
	top:4px;
    color:#262a2e;
}
.character_count {
	font-weight: bold;
    color:#262a2e;
}

#sprl { 
	width:283px;
	margin-right:5px;
    appearance:auto;
    height:38px;
}
#sprn {
	/* width:75px; */
}
.sprn-c {
	width:82px;
}
.sprc {
	max-width:400px;
	width:100%;
	/* margin:0 auto; */
}
.sprc-col {
	display: flex;
	justify-content: end;
}
@media (max-width: 767px) {
	.sprc-col {
		display: block;
        margin-left:10px;
	}
    .sprc-col-right {
        margin-left:10px;
    }
    .g-p-container {
        margin-right:10px;
    }
    .bulk_uuid_results {
        margin-top:1.25rem;
    }
}
@media (max-width: 576px) {
	.sprc-col {
		display: block;
        margin-left:0px;
	}
    .sprc-col-right {
        margin-left:0px;
    }
    .g-p-container {
        margin-right:0px;
    }
}


#jsoneditor2 .different_element {
	background-color: #acee61;
}
#jsoneditor2 .different_element div.jsoneditor-field,
#jsoneditor2 .different_element div.jsoneditor-value {
	color: red;
}

#jsoneditor1 .different_element {
	background-color: pink;
}
#jsoneditor1 .different_element div.jsoneditor-field,
#jsoneditor1 .different_element div.jsoneditor-value {
	color: red;
}

.switcher-control-mirror {
	width:80px !important;
}
.switcher-control-mirror .switcher-indicator:before {
	right:55px !important;
}
.switcher-input-mirror:checked+.switcher-indicator:before {
	right:0 !important;
}
.switcher-control-mirror .switcher-label-off {
	width:calc(100% - 1.25rem) !important;
}

.switcher-control-compare {
	width:85px !important;
}
.switcher-control-compare .switcher-indicator:before {
	right:60px !important;
}
.switcher-input-compare:checked+.switcher-indicator:before {
	right:0 !important;
}
.switcher-control-compare .switcher-label-off {
	width:calc(100% - 1.25rem) !important;
}
/* END -> tools
***************************
***************************/


.bottom_article, .bottom_article_h {
    color:#262a2e;
}
.bottom_article_h h2 {
    font-size:1.35rem;
    margin-top:20px;
}
.bottom_article_h h3 {
    margin-top:20px;
    font-size:1.25rem;
}
.bottom_article h3 {
    font-size:1.35rem;
    margin-top:20px;
}
.bottom_article h4 {
    margin-top:20px;
    font-size:1.25rem;
}

  
.conversation-meta {
    margin-top: .125rem;
    padding-left: .5rem;
    /*font-size: 0.75rem;
    font-size:13px;
    color: #888c9b; */
    line-height:1.4;
	color:#262a2e;
}
.total_time {
    color:#262a2e;
    font-weight:bold;
}
.publisher-input {
	margin-bottom:0;
}
.task_new_comment_uploading_error_close {
	top:-8px;
	right:-10px;
	position: relative;
}

.conversation-actions {
    padding: 0 .25rem;
    /* align-self: flex-start;
    opacity: 0;
    transition: opacity 200ms; */
    position:absolute;
    left:14.2rem;
    z-index: 10;
}

.feed {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, 0.05), 0 1px 3px 0 rgba(20, 20, 31, 0.15);
    border-radius: 0.25rem;
  }
  
  .feed > .feed-post .card-footer-item {
    flex: 0;
  }
  
  .feed > .feed-post,
  .feed > .feed-comments {
    margin-bottom: 0;
    box-shadow: none;
  }
  
  .feed > .feed-post + .card,
  .feed > .feed-comments + .card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
  .feed > .feed-post .card-footer,
  .feed > .feed-comments .card-footer {
    font-size: 0.875rem;
  }
  
  .feed-publisher {
    margin-bottom: 20px;
    padding: 1rem 1rem;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, 0.05), 0 1px 3px 0 rgba(20, 20, 31, 0.15);
  }
  
  @media (min-width: 576px) {
    .feed-publisher {
      border-radius: 0.25rem;
    }
  }
  
  .feed-publisher .form-control,
  .feed-publisher .form-control:focus,
  .feed-publisher .publisher,
  .feed-publisher .publisher-alt,
  .feed-publisher .publisher.focus,
  .feed-publisher .publisher-alt.focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
  }
  
  .feed-publisher .publisher-actions {
    padding: 0;
  }
  
  .feed-post:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .feed-post .card-header {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
  }
  
  .feed-post .card-header {
    margin: 0 1rem;
  }
  
  .feed-post .account-summary {
    align-self: flex-start;
  }
  
  .feed-post .account-summary .account-name {
    font-size: 1rem;
    line-height: 1.5;
  }
  
  .feed-attachments {
    margin-bottom: 1.25rem;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  
  .feed-attachments .card-figure {
    min-width: 300px;
    max-width: 43%;
  }
  
  .feed-attachments .card-figure:not(:last-child) {
    margin-right: .5rem;
  }
  
  .feed-summary {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
  }
  
  .feed-summary-item {
    color: #363642;
  }
  
  .feed-summary-item:not(:last-child) {
    margin-right: .5rem;
  }
  
  .feed-summary-item:focus {
    text-decoration: none;
  }
  
  .feed-summary-item:hover {
    text-decoration: none;
  }
  
  .feed-comments {
    border-top: 1px solid rgba(20, 20, 31, 0.12);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
  .feed-comments .card-header {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 0.75rem;
    font-weight: normal;
    border-bottom: 0;
  }
  
  .feed-comments .conversation-message-text {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    min-height: auto;
    background-color: transparent;
    box-shadow: none;
  }
  
  .feed-comments .conversation-message-text + .conversation-meta {
    margin-top: .5rem;
  }
  
  .feed-comments .conversation-meta {
    font-size: inherit;
  }
  
.feed-comments .conversation-meta:first-child {
    margin-top: 0;
    margin-bottom: .5rem;
}

.task_edit_comment_publisher {
    margin-top:12px;
}
.conversation-message-text.has-attachment {
    margin-bottom:6px !important;
}
.edit_file_name_close {
	margin-top:4px;
}
.conversation-meta-small {
	font-size:0.75rem !important;
	color:#888c9b !important;
    margin-top:6px !important;
}
.text-underline, .text-underlined {
	text-decoration: underline;
}
.conversation-list > .conversation-inbound:not(:first-child), .conversation-list > .conversation-outbound:not(:first-child) {
	margin-top:20px;
}
.conversation-faux {
    margin-top:6px !important;
}
.close_task_edit_comment_publisher {
	position: absolute;
	right:2px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.pointer {
    cursor: pointer;
}

.text-left {
    text-align: left;
}
.text-bold {
    font-weight:bold;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(20,20,31,.175)!important;
}

.card.plan_card, .card.plan_card .card-header {
    border-radius:0.12rem !important;
}
.card.plan_card .card-header {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size:26px;
    font-weight:450;
    text-align: center;
    display: block;
    border:0;
    margin-top:10px;
    padding-bottom:10px;
}

.plan_bottom_button {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    width:100%;
}

.top_plan_button {
    width:80%;
    margin-bottom:1.25rem;
}



.switcher-control {
    margin-bottom: 0;
    position: relative;
    vertical-align: middle;
    font-weight: bold;
    font-size: .625rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 2.125rem;
  }
  
  .switcher-control .switcher-indicator {
    height: 1rem;
    line-height: 1rem;
    border-radius: 1rem;
  }
  
  .switcher-control .switcher-indicator:before {
    right: 1.1875rem;
    width: 1rem;
    border-radius: 1rem;
  }
  
  .switcher-control .switcher-label-on,
  .switcher-control .switcher-label-off {
    width: calc(100% - 0.75rem);
    line-height: 1rem;
  }
  
  .switcher-control-lg {
    width: 3.1875rem;
  }
  
  .switcher-control-lg .switcher-indicator {
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1.5rem;
  }
  
  .switcher-control-lg .switcher-indicator:before {
    right: 1.71875rem;
    width: 1.5rem;
    border-radius: 1.5rem;
  }
  
  .switcher-control-lg .switcher-label-on,
  .switcher-control-lg .switcher-label-off {
    width: calc(100% - 1.25rem);
    line-height: 1.5rem;
  }
  
  .switcher-input {
    position: absolute;
    height: 0;
    width: 0;
    z-index: -1;
    opacity: 0;
  }
  
  .switcher-input:focus + .switcher-indicator {
    box-shadow: 0 0.5rem 1rem rgba(20, 20, 31, 0.15);
  }
  
  .switcher-indicator {
    margin-bottom: 0;
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    border: 2px solid #e6e8ed;
    background-color: #e6e8ed;
    transition: all 150ms linear;
  }
  
  .switcher-indicator:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: 0px;
    background: #ffffff;
    border: 2px solid #e6e8ed;
    transition: all 150ms ease-in-out;
  }
  
  .switcher-input:checked + .switcher-indicator,
  .switcher-input:checked + .switcher-indicator:before {
    border-color: #007D88;
  }
  
  .switcher-input:checked + .switcher-indicator {
    background-color: #007D88;
  }
  
  .switcher-input:checked + .switcher-indicator:before {
    right: 0px;
    box-shadow: none;
  }
  
  .disabled > .switcher-input,
  .switcher-input:disabled {
    pointer-events: none;
  }
  
  .disabled > .switcher-input + .switcher-indicator,
  .switcher-input:disabled + .switcher-indicator {
    opacity: .38;
    cursor: default;
  }
  
  .switcher-label-on,
  .switcher-label-off {
    position: absolute;
    top: 0;
    height: 100%;
    text-align: center;
  }
  
  .switcher-label-on {
    display: none;
    left: 0;
    color: #ffffff;
  }
  
  .switcher-input:checked ~ .switcher-label-on {
    display: block;
  }
  
  .switcher-label-off {
    display: block;
    right: 0;
    color: #888c9b;
  }
  
  .switcher-input:checked ~ .switcher-label-off {
    display: none;
  }
  
  .switcher-control-success .switcher-input:checked + .switcher-indicator,
  .switcher-control-success .switcher-input:checked + .switcher-indicator:before {
    border-color: #00A28A;
  }
  
  .switcher-control-success .switcher-input:checked + .switcher-indicator {
    background-color: #00A28A;
  }
  
  .switcher-control-success .switcher-label-on {
    color: #ffffff;
  }
  
  .switcher-control-danger .switcher-input:checked + .switcher-indicator,
  .switcher-control-danger .switcher-input:checked + .switcher-indicator:before {
    border-color: #B76BA3;
  }
  
  .switcher-control-danger .switcher-input:checked + .switcher-indicator {
    background-color: #B76BA3;
  }
  
.switcher-control-danger .switcher-label-on {
    color: #ffffff;
}


.profile-activity-subtitle {
    position: relative;
    top:1px;
}
.profile-activity-subtitle .homepage_activity_badge {
    left:0;
    top:0;
}
.profile-activity-subtitle .activity-time-ago {
    font-size:12px;
    padding-left:6px;
    color:#53626e;
}



.plan_heading {
    padding:1.25rem;
    padding-top:0px;
}

.company-plan-title {
	font-size:1.1rem;
	font-weight:bold;
}
/* .company-plan-ul {
	max-width:400px;
} */
.company-plan-ul li:first-child {
	margin-top:1rem !important;
}
.company-plan-ul li {
	margin-bottom:1.25rem !important;
	overflow-x:scroll;
}
.company-plan-ul li:last-child {
	margin-bottom:0 !important;
}
.fs-company-plan-icon-container {
	width:25px;
	display:inline-block;
}
.fs-company-plan-quantity-container {
	display:inline-block;
	margin-right:4px;
	text-align: center;
}
.fs-company-plan-text-right {
	line-height:32px;
}
.fs-company-plan-text {
	position: relative;
	bottom:1px;
}
.fs-company-plan-icon {
	font-size:20px;
    position: relative;
    top:1px;
}
.fs-company-plan-quantity {
	border-radius:20px;
	color:#fff;
	padding:5px;
	min-width:30px;
}

/************************
START -> tiles
*/

.tile {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: #888c9b;
    font-weight: 600;
    font-size: 1rem;
    background-color: #e6e8ed;
    line-height: 2rem;
    text-align: center;
    vertical-align: middle;
    border-radius: 0.25rem;
  }
  
  .tile-img {
    position: relative;
    background-color: transparent;
    overflow: hidden;
  }
  
  .tile.bg-primary {
    color: #ffffff;
  }
  
  .tile.bg-secondary {
    color: #363642;
  }
  
  .tile.bg-success {
    color: #ffffff;
  }
  
  .tile.bg-info {
    color: #ffffff;
  }
  
  .tile.bg-warning {
    color: #363642;
  }
  
  .tile.bg-danger {
    color: #ffffff;
  }
  
  .tile.bg-light {
    color: #363642;
  }
  
  .tile.bg-dark {
    color: #ffffff;
  }
  
  .tile-xxl {
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    font-size: 3rem;
  }
  
  .tile-xl {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
  }
  
  .tile-lg {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.25rem;
  }
  
  .tile-md {
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  
  .tile-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
  
  .tile-xs {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
  
  .tile-xxl, .tile-xl, .tile-lg {
    border-radius: 0.3rem;
  }
  
  .tile-circle {
    border-radius: 4rem;
  }
  
  .tile > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  
  a.tile {
    outline: 0;
    background-color: #d7dae2;
  }
  
  a.tile:focus {
    color: #363642;
    text-decoration: none;
  }
  
  a.tile:hover {
    color: #363642;
    text-decoration: none;
  }
  
  a.tile.bg-primary:focus {
    color: #ffffff;
  }
  
  a.tile.bg-primary:hover {
    color: #ffffff;
  }
  
  a.tile.bg-secondary:focus {
    color: #363642;
  }
  
  a.tile.bg-secondary:hover {
    color: #363642;
  }
  
  a.tile.bg-success:focus {
    color: #ffffff;
  }
  
  a.tile.bg-success:hover {
    color: #ffffff;
  }
  
  a.tile.bg-info:focus {
    color: #ffffff;
  }
  
  a.tile.bg-info:hover {
    color: #ffffff;
  }
  
  a.tile.bg-warning:focus {
    color: #363642;
  }
  
  a.tile.bg-warning:hover {
    color: #363642;
  }
  
  a.tile.bg-danger:focus {
    color: #ffffff;
  }
  
  a.tile.bg-danger:hover {
    color: #ffffff;
  }
  
  a.tile.bg-light:focus {
    color: #363642;
  }
  
  a.tile.bg-light:hover {
    color: #363642;
  }
  
  a.tile.bg-dark:focus {
    color: #ffffff;
  }
  
  a.tile.bg-dark:hover {
    color: #ffffff;
  }
  
  .tile.bg-blue {
    color: #ffffff;
  }
  
  a.tile.bg-blue:focus {
    color: #ffffff;
  }
  
  a.tile.bg-blue:hover {
    color: #ffffff;
  }
  
  .tile.bg-indigo {
    color: #ffffff;
  }
  
  a.tile.bg-indigo:focus {
    color: #ffffff;
  }
  
  a.tile.bg-indigo:hover {
    color: #ffffff;
  }
  
  .tile.bg-purple {
    color: #ffffff;
  }
  
  a.tile.bg-purple:focus {
    color: #ffffff;
  }
  
  a.tile.bg-purple:hover {
    color: #ffffff;
  }
  
  .tile.bg-pink {
    color: #ffffff;
  }
  
  a.tile.bg-pink:focus {
    color: #ffffff;
  }
  
  a.tile.bg-pink:hover {
    color: #ffffff;
  }
  
  .tile.bg-red {
    color: #ffffff;
  }
  
  a.tile.bg-red:focus {
    color: #ffffff;
  }
  
  a.tile.bg-red:hover {
    color: #ffffff;
  }
  
  .tile.bg-orange {
    color: #363642;
  }
  
  a.tile.bg-orange:focus {
    color: #363642;
  }
  
  a.tile.bg-orange:hover {
    color: #363642;
  }
  
  .tile.bg-yellow {
    color: #363642;
  }
  
  a.tile.bg-yellow:focus {
    color: #363642;
  }
  
  a.tile.bg-yellow:hover {
    color: #363642;
  }
  
  .tile.bg-green {
    color: #363642;
  }
  
  a.tile.bg-green:focus {
    color: #363642;
  }
  
  a.tile.bg-green:hover {
    color: #363642;
  }
  
  .tile.bg-teal {
    color: #ffffff;
  }
  
  a.tile.bg-teal:focus {
    color: #ffffff;
  }
  
  a.tile.bg-teal:hover {
    color: #ffffff;
  }
  
  .tile.bg-cyan {
    color: #ffffff;
  }
  
  a.tile.bg-cyan:focus {
    color: #ffffff;
  }
  
  a.tile.bg-cyan:hover {
    color: #ffffff;
  }
  
  .tile.bg-white {
    color: #363642;
  }
  
  a.tile.bg-white:focus {
    color: #363642;
  }
  
  a.tile.bg-white:hover {
    color: #363642;
  }
  
  .tile.bg-gray {
    color: #ffffff;
  }
  
  a.tile.bg-gray:focus {
    color: #ffffff;
  }
  
  a.tile.bg-gray:hover {
    color: #ffffff;
  }
  
  .tile.bg-gray-dark {
    color: #ffffff;
  }
  
a.tile.bg-gray-dark:focus {
    color: #ffffff;
}
  
a.tile.bg-gray-dark:hover {
    color: #ffffff;
}

.company_plan_extra_team_slots {
    width:60px;
}

.mh-50px {
    min-height:50px;
}

.add_new_member_subscription_check {
    display: none;
}

.list-group-project-ul .list-group-item,
.list-group-board-ul .list-group-item,
.list-group-project-ul .list-group-item:first-child,
.list-group-board-ul .list-group-item:first-child {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}
.list-group-board-ul .list-group-item,
.list-group-board-ul .list-group-item:first-child {
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.card-body .list-group.list-group-board-ul .list-group-item.empty-item,
.card-body .list-group.list-group-board-ul .list-group-item:last-child  {
    border-bottom:1px solid #eaeaea !important;
}

.company_plan_team_member_row {
	padding:10px 5px;
}
.change_subscription_container_inner, .change_org_subscription_container_inner {
	padding:10px 5px;
}
.change_subscription_remove_extra_seats {
	margin-top:11px;
}

.btn-danger {
    background-color: #d9534f !important;
    border-color:#a95292;
    border-radius:0.12rem;
}
.text-gray {
    color:#888c9b!important;
}
.text-green {
    color:#008f00!important;
}

.form-group-special .form-label-group input::-webkit-input-placeholder {
    color: transparent;
}
.form-group-special .form-label-group input::-moz-placeholder {
    color: transparent;
}
.form-group-special .form-label-group input:-ms-input-placeholder {
    color: transparent;
}
.form-group-special .form-label-group input::-ms-input-placeholder {
    color: transparent;
} 
.form-group-special .form-label-group input::placeholder {
    color: transparent;
}
.form-group-special .form-control {
    backface-visibility: hidden;
}
.form-group-special .input-group:not(.input-group-alt) {
    border:1px solid #c6c9d5;
    border-radius:0.25rem;
    background-color: #fff;
    box-shadow:inset 0 1px 0 0 rgb(34 34 48 / 5%);
    backface-visibility: hidden;
    transition:all .2s ease-in-out;
}
.form-group-special .input-group:not(.input-group-alt) .form-control {
    top:0 !important;
}
.form-group-special .input-group:not(.input-group-alt) .form-control {
    height:inherit;
}
.form-group-special .input-group:not(.input-group-alt) .form-control, .input-group:not(.input-group-alt) .input-group-text {
    border:0;
    background-color: transparent;
    box-shadow: none;
}
.form-group-special .form-label-group {
    margin-bottom:0;
    position: relative;
    align-items: unset;
    display: block;
}
.form-group-special .form-label-group input:placeholder-shown:not(:-webkit-autofill) {
    padding-top:0.75rem;
    padding-bottom:0.75rem;
}
.form-group-special .form-label-group input:placeholder-shown:not(:-webkit-autofill)~label {
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    color:#888c9b;
    font-size:inherit;
}
.form-group-special .form-label-group>label {
    display: block;
    position: absolute;
    top:0;
    left:0;
    padding-top:0.25rem;
    padding-bottom:0.25rem;
    width:100%;
    margin-bottom:0;
    line-height:1.5;
    text-align: left;
    border:1px solid transparent;
    transition:all .1s ease-in-out;
    pointer-events: none;
    border-radius:0.25rem;
    color:#888c9b;
    font-size: 0.75rem;
}
.form-group-special .form-label-group>input, .form-label-group>label {
    padding: 0 .75rem;
}
.form-group-special .form-label-group input, .form-label-group select {
    padding-top:1.25rem;
    padding-bottom:0.25rem;
}

@media (max-width: 576px) {
	.total_time_time_tracking_container {
		margin-bottom:6px;
	}
	/* .projects_board, .board {
		height: calc(100vh - 3rem);
	} */
	.font-size-title-sm {
		font-size:20px;
	}
	.send_with_affiliate_code_label_toggle {
		margin-left:34px !important;
	}
	.font-size-long-btn-sm {
		font-size:14px;
	}
	.width-sm-auto {
		width:auto !important;
	}

	.asset_sidebar_section {
		padding-left:0;
		padding-right:0;
	}
	.asset_sidebar_section .page-title {
		padding-left:10px;
	}

	.d-sm-block {
		display:block !important;
	}
	.d-sm-inline-block {
		display:inline-block !important;
	}

	.px-sm-0 {
		padding-right:0rem!important;
		padding-left:0rem!important;
	}

	.pr-sm-0 {
		padding-right:0rem!important;
	}
	.pr-sm-1 {
		padding-right:0.25rem!important;
	}
	.pr-sm-2 {
		padding-right:0.50rem!important;
	}

	.pl-sm-1 {
		padding-left:0.25rem!important;
	}
	.pl-sm-2 {
		padding-left:0.50rem!important;
	}
	.pl-sm-3 {
		padding-left:1.0rem!important;
	}

	.mt-sm-0 { 
		margin-top:0px !important;
	}
	.mt-sm-1 {
		margin-top:0.25rem!important;
	}
	.mt-sm-2 {
		margin-top:0.50rem!important;
	}
	.mt-sm-3 {
		margin-top:1rem!important;
	}
	.mt-sm-4 {
		margin-top:1.5rem!important;
	}

	.mb-sm-4 {
		margin-bottom:1.5rem!important;
	}
	.mb-sm-3 {
		margin-bottom:1rem!important;
	}
	.mb-sm-2 {
		margin-bottom:0.50rem!important;
	}
	.mb-sm-1 {
		margin-bottom:0.25rem!important;
	}

	.ml-sm-0 {
		margin-left:0 !important;
	}
	.ml-sm-1 {
		margin-left:0.25rem !important;
	}
	.ml-sm-2 {
		margin-left:0.50rem!important;
	}
	.ml-sm-auto {
		margin-left:auto !important;
	}

	.mr-sm-0 {
		margin-right:0 !important;
	}
	.mr-sm-1 {
		margin-right:0.25rem !important;
	}

	.mx-sm-1 {
		margin-left:0.25rem !important;
		margin-right:0.25rem !important;
	}
	.mx-sm-2 {
		margin-left:0.50rem !important;
		margin-right:0.50rem !important;
	}

	.px-sm-2 {
		padding-left:0.50rem !important;
		padding-right:0.50rem !important;
	}
	.px-sm-3 {
		padding-left:1rem !important;
		padding-right:1rem !important;
	}
	.text-sm-left {
		text-align:left !important;
	}
	.px-xs-3 {
		padding-left:1rem!important;
		padding-right:1rem!important;
	}

	.pt-sm-0 {
		padding-top:0!important;
	}
	.pt-sm-1 {
		padding-top:0.25rem!important;
	}
	.pt-sm-2 {
		padding-top:0.50rem!important;
	}
	.pt-sm-2-5 {
		padding-top:15px!important;
	}
	.pt-sm-3 {
		padding-top:1.00rem!important;
	}

	.auth-header-logged-in {
		padding-bottom: 0!important;
	}
	.auth-header-logged-in p {
		margin-bottom: 0!important;
	}
	.d-sm-custom-none {
		display:none;
	}
	.d-sm-custom-block {
		display:block !important;
	}
	.d-sm-width-100p {
		width:100%;
	}
	.float-right-sm {
		float:right;
	}
	.announcements-comtainer {
		margin-top:2rem;
		top:0;
	}
}


/** START -> ALERT ICONS **/

.alert.has-icon {
    padding-left: 4rem;
    min-height: 4rem;
}

.alert.alert-warning.has-icon {
    border-color:#f7c46c;
    border-width:3px 0 0;
    border-top:3px solid #f7c46c;
    /* border-top-left-radius: 0;
    border-top-right-radius: 0; */
    border-radius: 0.12rem;
    box-shadow: 0 0 0 1px rgb(20 20 31 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%);
}
  
.alert {
    border-radius:0.25rem;
}

.card > .alert {
    border-radius: 0;
}
  
  .alert-icon {
    position: absolute;
    left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: 2rem;
  }
  
  .alert-icon .oi,
  .alert-icon .fa {
    font-size: 1.25rem;
  }
  
  .alert-primary .alert-icon {
    color: #ffffff;
    background-color: #2f5e99;
  }
  
  .alert-secondary .alert-icon {
    color: #363642;
    background-color: #d2d3d6;
  }
  
  .alert-success .alert-icon {
    color: #ffffff;
    background-color: #038b79;
  }
  
  .alert-info .alert-icon {
    color: #ffffff;
    background-color: #046992;
  }
  
  .alert-warning .alert-icon {
    color: #363642;
    background-color: #d3a860;
  }
  
  .alert-danger .alert-icon {
    color: #ffffff;
    background-color: #9d5d8e;
  }
  
  .alert-light .alert-icon {
    color: #363642;
    background-color: #d2d3d6;
  }
  
.alert-dark .alert-icon {
    color: #ffffff;
    background-color: #20202d;
}

/** END -> ALERT ICONS **/

.none {
    display: none;
}

.icon-text-offset {
    position: relative;
    top:1.35px;
}

.footer-text {
    display: flex;
}
.hk-footer .footer .footer-text a {
    margin-left: auto;
}
.hk-footer .footer .footer-text > a ~ a {
    margin-left: 0;
}
.hk-footer .footer .footer-text {
    margin-bottom:0 !important;
}

[data-footer="simple"] .hk-footer .footer > .row, .footer-simple-example .hk-footer .footer > .row {
    height:54px;
}

.text-gold-dark-main {
    color:#b08842 !important;
}
.nav.nav-line > .nav-item > .nav-link.active.text-gold-dark-main {
    border-color:#b08842 !important;
}

.early_bird_special {
    color:#00a28a;
    font-size:1.1rem;
    text-align: left;
}

.early_bird_special_text {
    color:#00a28a;
    position:absolute;
    top:63px;
    width:387px;
    display:none;
}
.early_bird_special_text.early_bird_special_text_org {
    top:197px;
}

#tb_task_prefix, #tb_task_prefix_settings {
    max-width:130px;
}

/* task details style from quill */
.task-viewer-description.ql-editor {
    padding:0;
    white-space: unset;
}
.task-viewer-description blockquote {
    border-left:4px solid #ccc;
    margin-bottom:5px;
    margin-top:5px;
    padding-left:16px;
}
.task-viewer-description .ql-indent-1:not(.ql-direction-rtl) {
    padding-left:3rem;
}
.task-viewer-description .ql-indent-2:not(.ql-direction-rtl) {
    padding-left:6rem;
}
.task-viewer-description .ql-indent-3:not(.ql-direction-rtl) {
    padding-left:9rem;
}
.task-viewer-description .ql-indent-4:not(.ql-direction-rtl) {
    padding-left:12rem;
}
.task-viewer-description ol {
    padding-left:1.5rem;
}
.task-viewer-description ol li:not(.ql-direction-rtl), .task-viewer-description ul li:not(.ql-direction-rtl) {
    padding-left:1.5rem;
}
.task-viewer-description li:not(.ql-direction-rtl)::before {
    margin-left:-1.5rem;
    margin-right:0.3rem;
    text-align: right;
}
.task-viewer-description ol li:before {
    content:counter(list-0, decimal) '. ';
}
.task-viewer-description li::before {
    display: inline-block;
    white-space:nowrap;
    width:1.2rem;
}
.task-viewer-description ol li.ql-indent-1:before {
    content:counter(list-1, lower-alpha) '. ';
}

/********************
START -> activity graph */
:root {
    --square-size: 15px;
    --square-gap: 5px;
    --week-width: calc(var(--square-size) + var(--square-gap));
}

.activity-graph .months { grid-area: months; }
.activity-graph .days { grid-area: days; }
.activity-graph .squares { grid-area: squares; }

.activity-graph.graph {
    display: inline-grid;
    grid-template-areas: "empty months"
                        "days squares";
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
}

.activity-graph .months {
    display: grid;
    grid-template-columns: calc(var(--week-width) * 4) /* Jan */
                            calc(var(--week-width) * 4) /* Feb */
                            calc(var(--week-width) * 4) /* Mar */
                            calc(var(--week-width) * 5) /* Apr */
                            calc(var(--week-width) * 4) /* May */
                            calc(var(--week-width) * 4) /* Jun */
                            calc(var(--week-width) * 5) /* Jul */
                            calc(var(--week-width) * 4) /* Aug */
                            calc(var(--week-width) * 4) /* Sep */
                            calc(var(--week-width) * 5) /* Oct */
                            calc(var(--week-width) * 4) /* Nov */
                            calc(var(--week-width) * 5) /* Dec */;
}
.activity-graph .months li {
    text-align: center;
}
.activity-graph .months li.shift_left {
    padding-left:10px;
}

.activity-graph .days,
.activity-graph .squares {
    display: grid;
    grid-gap: var(--square-gap);
    grid-template-rows: repeat(7, var(--square-size));
}

.activity-graph .squares {
    grid-auto-flow: column;
    grid-auto-columns: var(--square-size);
}

.activity-graph-card-body {
    overflow-x: scroll;
}

.activity-graph.graph {
    /* padding: 20px;
    border: 1px #e1e4e8 solid;
    margin: 20px; */
    font-size: 12px;
}
  
.activity-graph .days li:nth-child(odd) {
    visibility: hidden;
}
  
.activity-graph .squares li {
    background-color: #ebedf0;
}
.activity-graph .squares li[data-level="1"] {
    background-color: #bde4b7;
}
.activity-graph .squares li[data-level="2"] {
    background-color: #afdea8;
}
.activity-graph .squares li[data-level="3"] {
    background-color: #a2d99a;
}
.activity-graph .squares li[data-level="4"] {
    background-color: #95d38b;
}
.activity-graph .squares li[data-level="5"] {
    background-color: #88ce7d;
}
.activity-graph .squares li[data-level="6"] {
    background-color: #7bc96f;
}
.activity-graph .squares li[data-level="7"] {
    background-color: #6eb463;
}
.activity-graph .squares li[data-level="8"] {
    background-color: #62a058;
}
.activity-graph .squares li[data-level="9"] {
    background-color: #568c4d;
}
.activity-graph .squares li[data-level="10"] {
    background-color: #497842;
}
.activity-graph .squares li[data-level="11"] {
    background-color: #3d6437;
}

.activity-graph .squares li.square_empty {
    background-color:transparent;
}
.activity_square {
    cursor:pointer;
}
.activity_square.active {
    border:1px solid #3d6437;
}
.activity_square.not-active {
    opacity: 50%;
}
.activity_square_tooltip .tooltip-inner {
    /* width:240px !important; */
    /* min-width:220px !important; */
    width:auto;
    /* text-align:left; */
    /* white-space: pre-wrap; */
    /* word-wrap: break-word; */
}

.specfic_activity_container {
    display: none;
}

/*
END -> activity graph
**********************/





/*******************
START -> AB / MALGO mutual */

.input-group:not(.input-group-pms):not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.input-group:not(.input-group-pms):not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
}
.form-group-special:not(.form-group-pms) .input-group:not(.input-group-alt) .form-control, 
.input-group:not(.input-group-pms):not(.input-group-alt) .input-group-text {
    border:1px solid #d8d8d8;
    border-radius:0.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    background-color: #e9ecef;
}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap {
    background-color:transparent;
}
.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar {
    padding-top:15px;
}
.contactapp-wrap .contactapp-content header.contact-header {
    /* height:41px; */
    border-bottom:0;
}
.contact-header-row {
    width:100%;
}

.homepage_ad_types a {
    display: block;
    margin-bottom:8px;
    width:fit-content;
}

.my-websites-body-card {
    margin-top:12px;
}

.contactapp-wrap .contactapp-content header.my-websites-header.contact-header {
    padding-right:0;
    padding-left:0.5rem;
}
.contactapp-wrap .contactapp-content header.my-websites-header.contact-header.no-dropdown-title {
    padding-right:0;
    padding-left:0;
}
.contactapp-wrap.contactapp-sidebar-toggle .contactapp-content header.my-websites-header.contact-header {
    padding-left:1rem;
}

.my-websites-index.svg-icon svg {
    width:18px;
    height:18px;
    display: inline-block;
}
.dropdown-menu .dropdown-item .feather-icon.dropdown-icon.my-webiste-title-dropdown-icon {
    position: relative;
    top:0px;
}
#i-tracking-code, #iw-tracking-code {
    padding-right:75px;
}

code {
    font-size:0.9rem;
    color:#d63384;
    word-wrap:break-word;
    background-color: #eaeaea;
    margin:unset;
}

code, pre {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}

/********************************
START -> monitor page */
.monitor-grid-col {
    min-width:360px;
}

.monitor-card-body.card-body {
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    padding-left:0.80rem;
    padding-right:0.80rem;
}
.monitor-card-body.card-body .monitor-data-flex {
    display: flex;
    justify-content:space-between;
}
.monitor-card-body.card-body .monitor-data-flex .avatar {
    /* width:74px; */
    width:96px;
    height:74px;
}
.monitor-card-body.card-body .monitor-data-flex .avatar .initial-wrap {
    padding-top:12px;
}
/* .monitor-card-body.card-body .monitor-data-flex .avatar .initial-wrap.off {
    padding-top:unset;
    padding-bottom:10px;
    align-items: end;
} */
.monitor-card-body.card-body .monitor-data-flex .avatar .initial-wrap.gathering-data {
    font-size:12px;
    font-weight: normal;
    line-height: 1.25;
    color:#000;
}
.monitor-card-body.card-body .monitor-data-flex .monitor-data-title {
    font-size:10px;
    position: absolute;
    top:21px;
    text-align: center;
    z-index: 1;
    /* width:74px; */
    width:96px;
    color:#888c9b;
    line-height:1.15;
}
.monitor-card-body.card-body .monitor-data-flex .monitor-data-title.down {
    color:#fff;
}
.monitor-card-body.card-body .web-name {
    padding-top:0.75rem;
}
.monitor-card-body.card-body .web-url {
    font-size:14px;
}


.monitor-card-footer.card-footer .monitor-footer-tab {
    color:#000;
    display: flex;
    align-items: center;
    flex-direction: column;
    width:25%;
    padding:5px;
    text-align: center;
    border-right:1px solid #eaeaea;
}
.monitor-card-footer.card-footer .monitor-footer-tab:last-child {
    border-right:0;
}
.monitor-card-footer.card-footer .monitor-footer-tab:hover {
    background: #eaeaea;
}
.monitor-card-footer.card-footer .monitor-footer-tab .monitor-footer-text {
    font-size:11px;
    line-height: 1;
    padding-top:2px;
}
.monitor-card-footer.card-footer .monitor-footer-tab .feather-icon svg {
    display:inline-block;
    width:16px;
    height:16px;
}


.avatar.avatar-soft-warning .initial-wrap {
    background-color:#fff6dd !important;
    color:#e7b204 !important;
}

/********************************
START -> website uptime settings */
.custom_header_row .col-md-2 {
    display: flex;
    align-items: end;
}
.custom_header_row .col-md-2 i.fa-times {
    position: relative;
    top:-10px;
    cursor: pointer;
    font-size:18px;
}

.new_custom_header_row {
    display:inline-block;
    padding-bottom:0.25rem;
    padding-top:0.25rem;
}
.custom_header_key_col,
.custom_header_value_col {
    margin-bottom:0.25rem;
}
.uptime_monitor_badge .badge {
    text-transform: unset;
}
.uptime_monitoring_verification_required {
    display:none;
}
.save_website_uptime_settings,
.edit_website_button, 
.ad_zone_button, 
.edit_ad_zone_button {
    margin-top:1.25rem;
}
h2.zone-title {
    font-size:1.25rem;
}

.ads-actions-column {
    width:250px;
}


@media (max-width: 576px) { 
    .custom_header_key_col,
    .custom_header_value_col {
        display:none;
    }
    .new_custom_header_row {
        padding-top:0.75rem;
    }
    .custom_header_row .col-md-2 i.fa-times {
        top:5px;
        left:calc(100% - 18px);
        margin-bottom:15px;
        display:block;
    }
}


.ad_zone_advanced_containers.cpd_container,
.ad_zone_advanced_containers.price_container {
    margin-top:1.25rem;
    margin-bottom:1.25rem;
}

.cpd_container,
.hb_container,
.edit_hb_container,
.edit_cpd_container,
.edit_price_container {
    margin-top:1.25rem;
    margin-bottom:1.25rem;
}
.edit_unsold_ad_code {
    padding-top:1.25rem;
    padding-bottom:1.25rem;
}

.ad_zone_advanced_containers.unsold_ad_code {
    padding-top:1.25rem;
    padding-bottom:0.25rem;
}

.edit_website_url_warning {
    display:none;
    width:100%;
    margin-top:.25rem;
}

.td_colspan_empty {
    text-align: center;
}

h3.select_ad_zone_type_title {
    font-weight:400;
    font-size:18px;
    margin-top:1rem;
    margin-bottom:0.5rem;
}

.ad_zone_information_container,
.ad_zone_banner_size_container,
.ad_zone_banner_position_container,
.cpd_container {
    display: none;
}

.script_code_container {
    display: none;
}
.script_required_container {
    display: flex;
    font-size:14px;
    margin-top:20px;
}
.script_required_container .link_look {
    margin-left:auto;
    text-align: right;
    min-width:150px;
}
.script_required_container .link_look i {
    font-size:12px;
}

.btn.btn-outline-primary.btn-outline-primary-block-hover:hover {
    color:#007D88;
    border-color:#007D88;
    background-color:transparent;
    background-image:none;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    background-color: #007D88;
    border-color: #007D88;
}
.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(0,125,136,.5);
}


/********************************
START -> monitor */

.contactapp-wrap.monitor-wrap {
    height:auto !important;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
}
.contactapp-wrap.monitor-wrap .contactapp-content {
    overflow:unset;
    padding-left:0px;
}


/********************************
START -> dashboard */


@media (max-width: 1299px) { 
    .contactapp-wrap .dashboard-left-nav-toggle.hk-sidebar-togglable {
        top:4px;
    }
    .contactapp-wrap .dashboard-left-nav-toggle.hk-sidebar-togglable:after {
        padding-left:2px;
    }
    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body.dashboard-body .nicescroll-bar {
        padding-top:28px;
    }
}

.dashboard-wrap.todoapp-wrap {
    height:auto;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
}
.dashboard-wrap.todoapp-wrap .todoapp-content {
    overflow:unset;
    padding-left:0px;
}

.dashboard-card.card {
    background:transparent;
    margin-bottom:1.5rem;
    box-shadow:none;
}
.dashboard-card.card .card-header {
    border-color:transparent;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:8px;
}
.dashboard-card.card .card-header h5 {
    font-size:18px;
}
.dashboard-card.card .card-body {
    padding:0px;
    background: white;
    box-shadow:0 0 0 1px rgb(20 20 31 / 4%), 0 1px 3px 0 rgb(20 20 31 / 12%);
}
.dashboard-card.card .card-body table {
    margin-bottom:0px;
}
.todo-body .dashboard-card.card .card-body {
    background: transparent;
    box-shadow:none;
}

.dashboard-wrap.todoapp-wrap .todo-body .collapse-simple > .card > .card-header > *::before {
    color:black;
}

.table.financial_table thead.financial_table_head th {
    font-size: 0.875rem;
}
.table.financial_table>:not(:last-child)>:last-child>* {
    border-bottom-color:#eaeaea;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:12px;
    padding-right:12px;
}
.table.financial_table tbody.financial_table_body td {
    padding-left:12px;
    padding-right:12px;
}

#dashboard_recently_updated_tasks .advance-list .advance-list-item {
    margin-bottom:10px;
}

.advance-list-item {
    padding:0.5rem 1rem;
    min-height:40px;
}

.dashboard_tasklist_action_icon.icon {
    width:30px !important;
    height:30px !important;
}
.dashboard_tasklist_action_icon.icon .svg-icon {
    width:16px;
    height:16px;
}
.dashboard_tasklist_action_icon.icon .svg-icon svg {
    width:16px;
    height:16px;
}

.open_task_from_tasklist {
    cursor:pointer;
}

.project_name,
.project_name .media,
.project_name .media .media-head,
.project_name .media .media-body {
    height:24px;
}
.project_name .media .media-body a {
    color:#000;
    top:2px;
    position: relative;
}
/* END -> dashboard
*******************/


/********************************
START -> bottom bar panel */
.input-affix-wrapper .input-prefix, .input-affix-wrapper .input-suffix {
    font-size:20px;
}
/* END -> dashboard
*******************/


/********************************
START -> bottom bar panel */

.open_task_in_panel {
    cursor:pointer;
}

#malgo_bottom_bar_panel {
    position:fixed;
    bottom:0;
    /* left:190px;
    padding-right:190px; */
    left:0px;
    border-top:1px solid #eaeaea;
    height:42px;
    width:100%;
    background:white;
    display: none;
    /* z-index: 101; */
}
#malgo_bottom_bar_panel .inner {
    display: flex;
    width:100%;
    height:100%;
    align-items: center;
    /* justify-content: end; */
    /* margin-left:auto; */
    /* padding-right:190px; */
    overflow-y:scroll;
}
#malgo_bottom_bar_panel .inner::-webkit-scrollbar {
    height: 2px;
}
#malgo_bottom_bar_panel .inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 5px;
}
#malgo_bottom_bar_panel .inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#malgo_bottom_bar_panel .inner::-webkit-scrollbar:vertical {
    display: none;
}
#malgo_bottom_bar_panel .inner::-webkit-scrollbar-thumb:vertical {
    display: none;
}

#malgo_bottom_bar_panel .bottom_bar_tab {
    min-width:120px;
    max-width:240px;
    /* margin:0 0 10px 5px; */
    /* display: inline-block; */
    height:100%;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    padding:4px 2px;
    padding-top:5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#malgo_bottom_bar_panel .bottom_bar_tab .bottom_bar_tab_inner {
    background:#d8d8d8;
    display: flex;
    padding:0 10px;
    color:#262a2e;
    height:100%;
    width:100%;
    align-items: center;
    border-radius:5px;
    cursor:pointer;
    border:1px solid #7a7e8b;
}
#malgo_bottom_bar_panel .bottom_bar_tab.active .bottom_bar_tab_inner,
#malgo_bottom_bar_panel .bottom_bar_tab .bottom_bar_tab_inner:hover {
    /* background:#262a2e; */
    background:#007D88;
    color:#fff;
}

.bottom_bar_open_window_container {
    position: fixed;
    top:51px;
    right:0px;
    width:50%;
    min-width:500px;
    max-width:800px;
    background: white;
    /* z-index: 5003; */
    height:calc(100vh - 93px);
    border-left:1px solid #eaeaea;
    overflow-y:scroll;
}
.bottom_bar_add_task_logged_out.btn.btn-icon,
.bottom_bar_add_task.btn.btn-icon,
.bottom_bar_open_window_minimize.btn.btn-icon,
.bottom_bar_open_window_close.btn.btn-icon {
    width:30px;
    height:30px;
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
    .bottom_bar_open_window_container {
        width:50%;
        min-width:500px;
        max-width:800px;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    .bottom_bar_open_window_container {
        width:100%;
        min-width:auto;
    }
}


/* .mb_for_bbp {
    margin-bottom:60px !important;
} */
/* .hk-pg-wrapper.bottom_bar_active .hk-pg-body .taskboard-body-inner.calendar-body-inner {
    height:calc(100vh - 92px);
} */
.hk-pg-wrapper.bottom_bar_active .custom-body .custom-body-inner {
    margin-bottom:60px !important;
}
.hk-pg-wrapper.bottom_bar_active .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body {
    margin-bottom:42px !important;
}
.hk-pg-wrapper.bottom_bar_active .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
    margin-bottom:42px !important;
}
.hk-pg-wrapper.bottom_bar_active .hk-pg-body .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body {
    margin-bottom:34px !important;
}
.hk-pg-wrapper.bottom_bar_active .taskboardapp-sidebar .nicescroll-bar,
.hk-pg-wrapper.bottom_bar_active .contactapp-sidebar .nicescroll-bar {
    margin-bottom:24px;
}

.hk-pg-wrapper.bottom_bar_active .hk-footer {
    margin-bottom:42px;
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
    #malgo_bottom_bar_panel {
        left:0;
        padding-right:0px;
    }
}

/* END -> bottom bar panel
*******************/

.pswp--open {
    z-index:6000;
}

.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] #top-search-list {
    margin-left:6px;
}
#top-search-list .dropdown-menu {
    z-index:5011;
}
.top_nav_search_dropdown_body {
    overflow:scroll;
}

.input-group.mobile-search {
    margin-top:8px;
}

.tc_total_amount, .tc_total_time, .tc_total_label {
    font-size: 18px;
    font-weight:500;
}

table.time_card_calculator_table.table thead tr th,
table.time_card_calculator_table.table td {
    padding:0.75rem 0.5rem;
}
table.time_card_calculator_table.table thead tr th:first-child,
table.time_card_calculator_table.table td:first-child {
    padding-left:1rem;
}
.time-card-input {
    display:inline-block;
    width:90px;
    padding:4px 6px;
    line-height:normal;
}
.form-control.time-card-input.tc_rate {
    width:72px;
}
.form-control.time-card-input.tc_break_time {
    width:61px;
}
.time-card-select {
    display:inline-block;
    border-color:#d8d8d8;
    color:#262a2e;
    /* border:1px solid #ced4da; */
    line-height:normal;
    border-radius:0.25rem;
    padding:4px 6px;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.5rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 1.5rem !important;
}


.card .card-body.fee-card-body {
    padding:1rem 1.5rem;
}
.container-mw-sm {
    max-width:700px;
}
.container-mw-md {
    max-width:800px;
}
.form-label-lg {
    font-size:18px;
}
.input-group-prepend-lg .input-group-text {
    height:100%;
    line-height:normal;
    font-size:18px;
}
#stripe_fee_input, #paypal_fee_input {
    padding-left:8px;
}
.stripe_fee_amount, .stripe_fee_net_amount, .stripe_fee_to_cover,
.paypal_fee_amount, .paypal_fee_net_amount, .paypal_fee_to_cover {
    font-size:18px;
    font-weight:600;
    letter-spacing: 0.2px;
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}
.inner-right-col {
    padding-left:30px;
}
@media (max-width: 576px) { 
    .inner-right-col {
        padding-left:0;
        margin-top:10px;
    }
    .col-px {
        padding-left:0;
        padding-right:0px;
    }
}

/********************************
START -> MALGO_DOUBLE_TOP_MENU */
.hk-wrapper .hk-navbar.navbar-malgo-double-top {
    height:55px;
}
.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group.menu-group-malgo-double-top .navbar-nav > .nav-item > .nav-link {
    height:55px;
    min-height:50px;
}
.container-malgo-double-top {
    height:55px;
}
.hk-wrapper[data-layout="horizontal"] .taskboardapp-wrap, 
.hk-wrapper[data-layout="horizontal"] .contactapp-wrap, 
.hk-wrapper[data-layout="horizontal"] .invoiceapp-wrap {
    height: calc(100vh - 55px);
}

.fixed-top-two {
    top:51px;
}
.menu-group.menu-group-malgo-double-top.double-top-force-more {
    max-width:500px;
    margin-left:unset;
    margin-right:unset;
}

.hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-brand .brand-img:last-child {
    margin-left:0;
}


@media (min-width: 1200px) { 
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search .input-search input.form-control, 
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search .input-search input.form-select, 
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search .input-search .wizard > .content > .body input, 
    .wizard > .content > .body .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search .input-search input, 
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search .input-search input.dd-handle {
        width:16rem;
    }
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search .dropdown-menu {
        width:16rem;
    }

    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .input-search input.form-control, 
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .input-search input.form-select, 
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .input-search .wizard > .content > .body input, 
    .wizard > .content > .body .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .input-search input, 
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .input-search input.dd-handle {
        width:150px;
    }
    .hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .dropdown-menu {
        width:150px;
    }
}


.hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .input-search.input-affix-wrapper.affix-border .input-suffix {
    margin-right:4px;
}
.hk-wrapper .hk-navbar.navbar-malgo-double-top .navbar-search.doc-search-malgo-double-top .input-search.input-affix-wrapper.affix-border .top_nav_search_input {
    padding-left:8px;
}

.hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group.menu-group-malgo-double-top .navbar-nav .nav-item .nav-link,
.menu-group.menu-group-malgo-double-top > .navbar-nav > .nav-item > .nav-link {
    padding-right:0.5rem;
    padding-left:0.5rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    font-size:16px;
    color:#000;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
    font-weight:400;
}

.hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group.menu-group-malgo-double-top .navbar-nav .nav-item,
.menu-group.menu-group-malgo-double-top > .navbar-nav > .nav-item {
    margin-right:0.5rem;
    margin-left:0rem;
}
.hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group.menu-group-malgo-double-top .navbar-nav .nav-item:last-child,
.menu-group.menu-group-malgo-double-top > .navbar-nav > .nav-item:last-child {
    margin-right:0;
}

.menu-group.menu-group-malgo-double-top > .navbar-nav > .nav-item > .nav-link:hover {
    background: transparent;
    border-radius:0;
}

.hk-wrapper[data-layout="horizontal"] .dashboard-wrap.todoapp-wrap {
    height:auto;
}

.container-malgo-double-top.container-xxl .hk-pg-body .dashboard-wrap.todoapp-wrap {
    padding-left:0;
    padding-right:0px;
}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group.menu-group-malgo-double-top .navbar-nav .nav-item .nav-link .nav-icon-wrap,
.menu-content-wrap .menu-group.menu-group-malgo-double-top .navbar-nav .nav-item .nav-link .nav-icon-wrap {
    margin-right:4px;
}

.hk-wrapper .hk-navbar .container-fluid .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group.menu-group-malgo-double-top .navbar-nav .nav-item .nav-link:hover {
    /* color:rgba(38, 42, 46, 0.8); */
    color:#53626e;
}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-header, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-header, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-header {
    border-color:#E4E5E6;
    border-bottom:1px solid #E4E5E6;
}
#top-search-list .dropdown-menu,
.malgo-double-top-nav-end .dropdown-menu.top-right-dropdown-menu,
.malgo-double-top-nav-end .dropdown-notifications .dropdown-menu,
.malgo-double-top-area-picker .dropdown-menu {
    box-shadow:0px 8px 16px 0px rgba(2, 2, 3, 0.32);
    border-radius:0.25rem;
    border:1px solid #E4E5E6;
}
.malgo-double-top-area-picker .dropdown-menu {
    border-top-left-radius:0;
    padding:0;
}
.malgo-double-top-nav-end .dropdown-menu.top-right-dropdown-menu,
.malgo-double-top-nav-end .dropdown-notifications .dropdown-menu {
    border-top-right-radius:0;
}

.malgo-double-top-area-picker .btn-group .dropright .btn.btn-area,
.malgo-double-top-area-picker .btn-group .dropleft .btn.btn-area,
.malgo-double-top-area-picker .btn-group .dropdown .btn.btn-area {
    background:rgba(0, 125, 136, 0.15);
    border-radius:0.2rem;
    color:#000;
    padding-left:4px;
    padding-right:4px;
    padding-top:4px;
    padding-bottom:4px;
}
.malgo-double-top-area-picker .btn-group .dropright .btn.btn-area .icon.area-icon,
.malgo-double-top-area-picker .btn-group .dropleft .btn.btn-area .icon.area-icon,
.malgo-double-top-area-picker .btn-group .dropdown .btn.btn-area .icon.area-icon {
    margin-right:0px;
}
.malgo-double-top-area-picker .dropdown-menu .dropdown-item {
    font-size:17px;
}
.malgo-double-top-area-picker .dropdown-menu .dropdown-item .dropdown-icon {
    margin-right:0.25rem;
    top:-1px;
}

.malgo-double-top-nav-end.navbar-nav .open_modal_signup {
    min-width:90px;
}
.malgo-double-top-nav-end.navbar-nav .open_modal_login {
    margin-right:10px;
    min-width:78px;
}
.malgo-double-top-nav-end .doc-search.navbar-search {
    margin-right:12px;
}





/** STARTS -> THE DIFFERENT NAVS PER AREA **/
.container-malgo-double-top.malgo-double-top-index .nav-start-wrap .navbar-brand,
.container-malgo-double-top.malgo-double-top-secondary .nav-start-wrap .navbar-brand {
    width:170px;
    margin-right:20px;
}

.hk-wrapper .hk-navbar .container-malgo-double-top .nav-start-wrap .navbar-brand .top-left-brand-text {
    margin-left:0.5rem;
}

.container-malgo-double-top.malgo-double-top-ads .nav-start-wrap .navbar-brand,
.container-malgo-double-top.malgo-double-top-monitor .nav-start-wrap .navbar-brand,
.container-malgo-double-top.malgo-double-top-manage .nav-start-wrap .navbar-brand {
    width:unset;
    margin-right:10px;
    display:flex;
}

.mobile_top_menu_hamburger {
    display: none;
}

.malgo-double-top-area-picker {
    margin-right:10px;
}

.container-malgo-double-top.malgo-double-top-index .nav-start-wrap .navbar-brand .top-left-brand-icon,
.container-malgo-double-top.malgo-double-top-secondary .nav-start-wrap .navbar-brand .top-left-brand-icon {
    max-width:100%;
    height:auto;
}

.container-malgo-double-top.malgo-double-top-ads .nav-start-wrap .navbar-brand .top-left-brand-text,
.container-malgo-double-top.malgo-double-top-monitor .nav-start-wrap .navbar-brand .top-left-brand-text,
.container-malgo-double-top.malgo-double-top-manage .nav-start-wrap .navbar-brand .top-left-brand-text {
    display:none;
}
.container-malgo-double-top.malgo-double-top-index .nav-start-wrap .malgo-double-top-area-picker,
.container-malgo-double-top.malgo-double-top-secondary .nav-start-wrap .malgo-double-top-area-picker {
    display:none;
}
.container-malgo-double-top .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav.malgo-double-top-navbar-nav {
    display:none;
}

.container-malgo-double-top.malgo-double-top-index .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav.malgo-double-top-navbar-nav.malgo-double-top-navbar-nav-index,
.container-malgo-double-top.malgo-double-top-secondary .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav.malgo-double-top-navbar-nav.malgo-double-top-navbar-nav-index {
    display:flex;
}
.container-malgo-double-top.malgo-double-top-manage .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav.malgo-double-top-navbar-nav.malgo-double-top-navbar-nav-manage {
    display:flex;
}
.container-malgo-double-top.malgo-double-top-monitor .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav.malgo-double-top-navbar-nav.malgo-double-top-navbar-nav-monitor {
    display:flex;
}
.container-malgo-double-top.malgo-double-top-ads .nav-start-wrap .hk-menu-top .menu-content-wrap .menu-group .navbar-nav.malgo-double-top-navbar-nav.malgo-double-top-navbar-nav-ads {
    display:flex;
}

.malgo-double-top-area-picker.mobile-only {
    display: none;
    margin-left:2px;
    margin-right:2px;
}
.malgo-double-top-area-picker.mobile-only.logged-out {
    margin-right:10px;
}
.malgo-double-top-area-picker.mobile-only.logged-out .btn-group .dropdown .btn {
    padding:6px;
}

/** START -> mobile left nav slide out menus **/
.vertical-mobile-menu-malgo-double-top-manage,
.vertical-mobile-menu-malgo-double-top-monitor,
.vertical-mobile-menu-malgo-double-top-ads {
    display: none;
} 
.malgo-double-top-manage .nicescroll-bar .menu-content-wrap .vertical-mobile-menu-malgo-double-top-manage {
    display: block;
}
.malgo-double-top-monitor .nicescroll-bar .menu-content-wrap .vertical-mobile-menu-malgo-double-top-monitor {
    display: block;
}
.malgo-double-top-ads .nicescroll-bar .menu-content-wrap .vertical-mobile-menu-malgo-double-top-ads {
    display: block;
}
/** END -> mobile left nav slide out menus **/

.top-nav-my-account-nav-item .dropdown {
    margin-left:0.25rem;
}

@media (max-width: 1199px) { 
    .malgo-double-top-nav-end .doc-search.navbar-search {
        margin-right:8px;
    }
    .container-malgo-double-top.malgo-double-top-ads .nav-start-wrap .navbar-brand,
    .container-malgo-double-top.malgo-double-top-monitor .nav-start-wrap .navbar-brand,
    .container-malgo-double-top.malgo-double-top-manage .nav-start-wrap .navbar-brand {
        margin-right:8px;
    }
    .open_modal_login.btn-flush-primary {
        color:#007D88;
        background-color: #ebf5f5;
        border-color:#ebf5f5;
    }
}
@media (max-width: 1050px) {
    .container-malgo-double-top.malgo-double-top-ads .nav-start-wrap .navbar-brand,
    .container-malgo-double-top.malgo-double-top-monitor .nav-start-wrap .navbar-brand,
    .container-malgo-double-top.malgo-double-top-manage .nav-start-wrap .navbar-brand {
        display: none;
    }
    .malgo-double-top-area-picker {
        margin-right:6px;
    }
    .container-malgo-double-top.malgo-double-top-ads .nav-start-wrap .left-side-top-search-container #top-search-list .dropdown-toggle .btn-icon,
    .container-malgo-double-top.malgo-double-top-monitor .nav-start-wrap .left-side-top-search-container #top-search-list .dropdown-toggle .btn-icon,
    .container-malgo-double-top.malgo-double-top-manage .nav-start-wrap .left-side-top-search-container #top-search-list .dropdown-toggle .btn-icon {
        width:34px;
    }
}
@media (max-width: 993px) {
    .top-nav-my-account-nav-item {
        margin-right:-4px;
    }
    .top-nav-my-account-nav-item .dropdown {
        margin-left:4px;
    }
    .container-malgo-double-top.malgo-double-top-ads .nav-start-wrap .mobile_top_menu_hamburger,
    .container-malgo-double-top.malgo-double-top-monitor .nav-start-wrap .mobile_top_menu_hamburger,
    .container-malgo-double-top.malgo-double-top-manage .nav-start-wrap .mobile_top_menu_hamburger {
        display:inline-block;
        margin-left:-4px;
    }
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-ads .hk-menu.hk-menu-top,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-monitor .hk-menu.hk-menu-top,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-manage .hk-menu.hk-menu-top {
        display: none;
    }
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-ads .malgo-double-top-area-picker,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-monitor .malgo-double-top-area-picker,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-manage .malgo-double-top-area-picker {
        display: none;
    }
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-ads .malgo-double-top-area-picker.mobile-only,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-monitor .malgo-double-top-area-picker.mobile-only,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-manage .malgo-double-top-area-picker.mobile-only {
        display: block;
    }
}
@media (max-width: 820px) {
    .container-malgo-double-top.malgo-double-top-index .nav-start-wrap .navbar-brand .top-left-brand-text,
    .container-malgo-double-top.malgo-double-top-secondary .nav-start-wrap .navbar-brand .top-left-brand-text {
        display: none;
    }
    .container-malgo-double-top.malgo-double-top-index .nav-start-wrap .navbar-brand,
    .container-malgo-double-top.malgo-double-top-secondary .nav-start-wrap .navbar-brand {
        width: 36px;
        margin-right:6px;
    }
}
@media (max-width: 676px) {
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-index .hk-menu.hk-menu-top,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-secondary .hk-menu.hk-menu-top {
        display:none;
    }
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-index .nav-start-wrap .malgo-double-top-area-picker,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-secondary .nav-start-wrap .malgo-double-top-area-picker {
        display:block;
    }
    .container-malgo-double-top.malgo-double-top-index:not(.logged-out) .nav-start-wrap .navbar-brand,
    .container-malgo-double-top.malgo-double-top-secondary:not(.logged-out) .nav-start-wrap .navbar-brand {
        display:none;
    }
    .container-malgo-double-top.malgo-double-top-index.logged-out .nav-start-wrap .navbar-brand .top-left-brand-icon.brand-img,
    .container-malgo-double-top.malgo-double-top-secondary.logged-out .nav-start-wrap .navbar-brand .top-left-brand-icon.brand-img {
        display: none;
    }
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-index.logged-out .nav-start-wrap .navbar-brand .top-left-brand-text,
    .hk-wrapper .hk-navbar .container-malgo-double-top.malgo-double-top-secondary.logged-out .nav-start-wrap .navbar-brand .top-left-brand-text {
        display:inline-block;
        margin-left:0;
    }
}
/** ENDS -> THE DIFFERENT NAVS PER AREA **/

@media (max-width: 410px) {
    .single-task-list .d-flex .open_modal_signup div .badge.badge-danger.badge-indicator.badge-indicator-xl {
        display:none;
    }
}



/** STARTS -> HOMEPAGE CALLOUT CARDS **/
.vertical-mobile-menu-malgo-double-top-container .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-link-text {
    font-size:16px !important;
}

.homepage {
    font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
}

.homepage-callout-card.callout.card {
    width:300px;
    min-width:300px;
    font-family: -apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
    height:432px;
    margin-right:30px;

    margin-right:auto;
    margin-left:auto;
}
/* 
.homepage-callout-card.callout.card:first-child {
    margin-left:4px;
}
.homepage-callout-card.callout.card:last-child {
    margin-right:4px;
} 
*/
@media (max-width: 576px) { 
    .homepage-callout-card.callout.card {
        margin-left:4px;
    }
}
.homepage-callout-card.callout.card .card-body {
    text-align: center;
}
.homepage-callout-card.callout.card .card-body h1 {
    font-size:28px;
    font-size:1.75rem;
    margin-bottom:0.75rem;
}
.homepage-callout-card.callout.card .card-body h2 {
    font-size:18px;
    font-weight:450;
    margin-bottom:5px;
}
.homepage-callout-card.callout.card .card-body .card-text ul {
    list-style-type: disclosure-closed;
    margin-bottom:0.75rem;
}
@-moz-document url-prefix() {
    .homepage-callout-card.callout.card {
        height:420px;
    }
    .homepage-callout-card.callout.card .card-body .card-text ul li {
        font-size:15px;
    }
}
.homepage-callout-card.callout.card .card-body .card-text ul li small {
    position: relative;
    top:-2px;
    display: block;
}
.homepage-callout-card.callout.card.homepage-engagement-card .card-body .card-text ul,
.homepage-callout-card.callout.card.homepage-manage-card .card-body .card-text ul {
    padding-left:1.5rem;
}
.homepage-callout-card.callout.card.homepage-monitor-card .card-body .card-text ul {
    padding-left:1.75rem;
}
.homepage-callout-card.callout.card.homepage-email-card .card-body .card-text ul {
    padding-left:1rem;
    font-size:14px;
}
.homepage-callout-card.callout.card.homepage-manage-card .card-body .btn {
    position: relative;
    top:5px;
} 

.homepage-engagement-footnote {
    line-height: 17px;
    margin-top:22px;
    margin-bottom:24px;
}
.homepage-callout-card.callout.card .card-body h2.homepage-engagement-h2 {
    margin-top:14px;
    margin-bottom:16px;
}

.homepage-callout-card.callout.card.homepage-ads-card .card-body .card-text ul {
    padding-left:1.75rem;
}
.homepage-callout-card.callout.card.homepage-ads-card .card-body .card-text h2 .fa {
    font-size:17px;
    color:#008f00;
}

.homepage-callout-card.callout {
    cursor: pointer;
}
.homepage-callout-card.callout .badge {
    position: absolute;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
.homepage-callout-card.callout.card.homepage-manage-card:hover {
    box-shadow: 0 0 0 3px rgb(0 125 136 / 40%), 0 1px 3px 0 rgb(0 125 136 / 60%);
    border-radius:0.25rem;
    background: rgba(0, 125, 136, 0.15);
}
.homepage-callout-card.callout.card.homepage-monitor-card:hover {
    box-shadow: 0 0 0 3px rgb(255 145 0 / 40%), 0 1px 3px 0 rgb(255 145 0 / 60%);
    border-radius:0.25rem;
    background: rgba(255, 145, 0, 0.15);
}
.homepage-callout-card.callout.card.homepage-ads-card:hover {
    box-shadow: 0 0 0 3px rgb(0 143 0 / 40%), 0 1px 3px 0 rgb(0 143 0 / 60%);
    border-radius:0.25rem;
    background: rgba(0, 143, 0, 0.15);
}
.homepage-callout-card.callout.card.homepage-engagement-card:hover {
    box-shadow: 0 0 0 3px rgb(233 41 144 / 40%), 0 1px 3px 0 rgb(233 41 144 / 60%);
    border-radius:0.25rem;
    background: rgba(233,41,144,0.15);
}
.homepage-callout-card.callout.card.homepage-email-card:hover {
    box-shadow: 0 0 0 3px rgb(52 108 176 / 40%), 0 1px 3px 0 rgb(52 108 176 / 60%);
    border-radius:0.25rem;
    background: rgba(52,108,176,0.15);
}
.homepage-callout-card.callout.card.homepage-ai-card:hover {
    box-shadow: 0 0 0 3px rgb(0 0 0 / 40%), 0 1px 3px 0 rgb(0 0 0 / 60%);
    border-radius:0.25rem;
    background: rgba(0,0,0,0.15);
}



.homepage-callout-card-col {
    overflow:scroll;
}
.homepage-callout-card-container {
    display: flex;
    min-width:1000px;
    overflow-x:scroll;
    height:444px;
    padding-top:4px;
}
.homepage-callout-card-col::-webkit-scrollbar,
.homepage-callout-card-container::-webkit-scrollbar {
    display: none;
}

.homepage-manage-card .emoji {
    font-size:14px;
    padding-left:2px;
}
/** ENDS -> HOMEPAGE CALLOUT CARDS **/




.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-header {
    padding-left:9px;
}
.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {
    margin-left:2px;
}
.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-header .navbar-toggle {
    margin-left:10px;
}

.hk-wrapper[data-layout="horizontal"] .hk-pg-wrapper {
    padding-top:55px;
}

/* END -> MALGO_DOUBLE_TOP_MENU 
*********************************/


/********************************
START -> NEW_LEFT_NAV_ARROW */
.malgo-sidebar-togglable {
    display:none;
    z-index: 11;
    left:0px;
    position: absolute;
    top:58px;
}
.malgo-sidebar-togglable.active {
    left:250px;
}
.malgo-sidebar-togglable .btn.btn-icon {
    width:34px;
    height:30px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.malgo-sidebar-togglable:not(.active) .btn.btn-icon .icon-tabler-layout-sidebar-left-collapse {
    display: none;
}
.malgo-sidebar-togglable.active .btn.btn-icon .icon-tabler-layout-sidebar-left-expand {
    display: none;
}
@media (max-width: 993px) {
    .hk-sidebar-togglable.dashboard-left-nav-toggle {
        display:none;
    }
    .malgo-sidebar-togglable {
        display: inline-block;
    }
}
/* END -> NEW_LEFT_NAV_ARROW 
*********************************/


/***************************
START -> Z-INDEX stuff */
@media (max-width: 1199px) { 
    .hk-wrapper .hk-navbar .navbar-search .dropdown-menu {
        z-index:1033;
    }
}
.hk-footer {
    z-index: 5001 !important;
}
#malgo_bottom_bar_panel {
    z-index: 5002 !important;
}
.bottom_bar_open_window_container {
    z-index: 5002 !important;
}
.fixed-top,
.hk-chatbot-popup,
.dropdown-menu-notifications,
.top-right-dropdown-menu {
    z-index: 5003 !important;
}
.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu-backdrop {
    z-index: 5004 !important;
}
.hk-wrapper[data-layout="vertical"] .hk-menu {
    z-index: 5005 !important;
}
.tooltip.show {
    z-index: 5006 !important;
}
.alert.alert-dismissible.animated {
    z-index: 5006 !important;
}
.modal-backdrop {
    z-index: 5007 !important;
}
.modal {
    z-index: 5008 !important;
}
.hk-wrapper[data-layout="horizontal"][data-layout-style="collapsed"] .hk-menu-backdrop {
    z-index: 5009 !important;
}
.hk-wrapper[data-layout="horizontal"] .hk-menu {
    z-index: 5010 !important;
    width:190px;
}
/* END -> Z-INDEX stuff 
****************************/


[data-footer="simple"] .hk-footer, .footer-simple-example .hk-footer {
    height:42px;
}
[data-footer="simple"] .hk-footer .footer > .row, .footer-simple-example .hk-footer .footer > .row {
    height:40px;
    padding-top:6px;
    padding-bottom:2px;

}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    [data-footer="simple"] .hk-footer, .footer-simple-example .hk-footer {
        height:auto;
    }
}


/********************************
START -> NEW AD ZONE TYPE buttons */
.create_ad_zone_type_options_container {
    margin-bottom:1.25rem;
}
.create_ad_zone_type_options_container .card-body {
    text-align: center;
}
.create_ad_zone_type_options_container h2 {
    display: inline-block;
    font-size:20px;
    font-weight:500;
    line-height:1;
    margin-bottom:0;
    margin-left:3px;
    position: relative;
    top:6px;
    text-align: left;
}
.create_ad_zone_type_options_container .custom_inner {
    line-height:1;
    font-size:12px;
    text-align: right;
}
.create_ad_zone_type_options_container .icon_container {
    width:26px;
    height:26px;
}
.create_ad_zone_type_options_container .icon_container i.fa {
    width:24px;
    height:24px;
    font-size:24px;
}
.create_ad_zone_type_options_container .icon_container.me-lg {
    margin-right:4px;
}
.create_ad_zone_type_options_container .create_a_top {
    text-align: left;
    position: relative;
    top:2px;
    left:1px;
    font-size:14px;
}
.create_ad_zone_type_options_container .create_a_header {
    font-size:18px;
}
.create_ad_zone_type_options_container .create_ad_zone_type {
    cursor:pointer;
    border:1px solid transparent;
    padding-left:0.5rem;
    padding-right:0.5rem;
    padding-top:14px;
    padding-bottom:18px;
}

.create_ad_zone_type_options_container .create_ad_zone_type_area {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    top:0;
}
.create_ad_zone_type_area_explainer {
    line-height: 1.24;
    font-size: 14px;
    max-width:260px;
    margin:16px auto 3px;
}

.create_ad_zone_type_options_container .create_ad_zone_type_column:nth-child(2) {
    padding-right:6px;
    padding-left:8px;
}
.create_ad_zone_type_options_container .create_ad_zone_type_column:nth-child(3) {
    padding-right:8px;
    padding-left:6px;
}
.create_ad_zone_type_options_container .create_ad_zone_type_column:first-child {
    padding-left:12px;
    padding-right:4px;
}
.create_ad_zone_type_options_container .create_ad_zone_type_column:last-child {
    padding-left:4px;
    padding-right:12px;
}
/* END -> NEW AD ZONE TYPE buttons 
*********************************/

.width-4 {
    width:16px !important
}
.height-4 {
    height:16px !important;
}

.mt-md-4 {
    margin-top:0 !important;
}


.tr_opacity_hover {
    opacity:0.25;
}
.tr_opacity_hover:hover {
    opacity:1;
}

.mt-18px {
    margin-top:18px;
}
.mt-12px {
    margin-top:12px;
}
.mt-8px {
    margin-top:8px;
}
.mb-12px {
    margin-bottom:12px;
}
.mb-6px {
    margin-bottom:6px;
}

.website_info_box {
    /* border:1px solid #eaeaea; */
    box-shadow:0 0 0 1px rgb(20 20 31 / 4%), 0 1px 3px 0 rgb(20 20 31 / 12%);
    color:#262a2e;
    border-radius:0.12rem;
    padding:0.375rem 1rem;
    background:white;
    display:inline-block;
}
.card-header .website_info_box {
    box-shadow: none;
}

.monitor_switch_websites {
    background:#f6f7f9;
}

.ad-network-sidebar-toggle.hk-sidebar-togglable {
    top:20px;
    z-index: 1001;
}
.contactapp-wrap .contactapp-content header.ad-network-header.contact-header {
    height:38px;
    padding-left:8px;
    padding-right:10px;
}
.contactapp-wrap .contactapp-sidebar .menu-content-wrap.ads-menu-content-wrap {
    padding-top:22px;
}
.contactapp-wrap .contactapp-sidebar .menu-content-wrap.ads-menu-content-wrap .menu-group .nav-header {
    color:#212529;
    padding-bottom:10px;
}

@media (max-width: 1299px) {
    .contactapp-wrap .ad-network-sidebar-toggle.hk-sidebar-togglable.active:after {
        font-size:20px;
        padding-left:0px;
        padding-top:1px;
    }
}

@media (max-width: 576px) { 
    .contactapp-wrap .contactapp-content header.ad-network-header.contact-header {
        /* padding-left:12px;
        padding-right:24px; */
        height:unset;
        padding-left:14px;
        padding-right:14px;
        margin-top:24px;
    }
    .ad-network-header .my_websites_title .btn.ms-auto {
        margin-right:0;
    }
    .ad-network-sidebar-toggle.hk-sidebar-togglable {
        width:30px;
        height:30px;
        transform:unset;
        top:2px;
        left:2px;

        width:34px;
        height:30px;

        width:30px;
        height:26px;
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        border-top-right-radius:0.375rem;
        border-bottom-right-radius:0.375rem;
        color:#363642;
        background:linear-gradient(180deg,#fff,#f6f7f9);
        border-color: #d7dce5;
        box-shadow: 0 1px 0 0 rgb(20 20 31 / 5%);
        left:-1px;
        top:8px;
    }
    .ad-network-sidebar-toggle.hk-sidebar-togglable:not(.active):after {
        font-size:20px;
        padding-left:2px;
    }
    .ad-network-header .my_websites_title.my_websites_index {
        margin-left:unset;
        left:unset;
        position:unset;
    }
    .ad-network-header .my_websites_title.my_websites_index h1 {

    }
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    header.my-websites-header .my_websites_title:not(.my_websites_index) .contactapp-title {
        /* padding-left:30px; */
        position: relative;
        left:34px;
    }
    .contactapp-wrap.contactapp-sidebar-toggle .contactapp-content header.my-websites-header.contact-header .my_websites_title:not(.my_websites_index) .contactapp-title {
        /* padding-left:0; */
        left:0px;
    }
    header.my-websites-header .my_websites_title:not(.my_websites_index) .link-out {
        display: none;
    }

    .my_websites_title.my_websites_index {
        margin-left:5px;
        position: relative;
        left:16px;
    }
    .my_websites_title .btn.ms-auto {
        margin-right:4px;
    }
    .my_websites_title .btn.ms-auto.link-out {
        margin-right:10px;
    }

    .malgo_analytics_header.my-websites-header {
        height:auto !important;
    }
    .my_websites_title.malgo_analytics_header_first_div {
        left:0;
        display:block !important;
    }
    .malgo_analytics_header_title h1,
    .my_websites_title.malgo_analytics_header_first_div div.ms-auto,
    .my_websites_title.malgo_analytics_header_first_div .contactapp-title {
        margin-bottom:0.5rem;
    }

    .hk-sidebar-togglable:not(.active):after {
        padding-left:3px;
    }
    .contactapp-wrap .contactapp-content header.my-websites-header.contact-header,
    .contactapp-wrap .contactapp-content header.my-websites-header.contact-header.no-dropdown-title.website_analytics_header {
        padding-right:1rem;
        padding-left:1rem;
    }
    .contactapp-wrap.contactapp-sidebar-toggle .contactapp-content header.my-websites-header.contact-header {
        padding-left:1rem;
    }
    .mobile-btn-sm {
        font-size:0.875rem;
        padding:.25rem .75rem;
    }

    .contactapp-wrap .contactapp-content header.my-websites-header.contact-header.no-dropdown-title.website_analytics_header h1 {
        padding-left:1rem;
    }
    .my-websites-sidebar-toggle.hk-sidebar-togglable.website_analytics_sidebar-toggle:not(.active) {
        transform:translate(12px, -11px);
    }
    .my-websites-sidebar-toggle.hk-sidebar-togglable.website_analytics_sidebar-toggle.active {
        transform:translateY(-11px);
    }
    .website_analytics_header .my_websites_title.malgo_analytics_header_first_div div.ms-auto {
        margin-top:1rem;
        margin-bottom:1rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    .mt-md-4 {
        margin-top:1.5rem !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
    .td_colspan_empty {
        text-align: left;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) { 
    .my-websites-sidebar-toggle.hk-sidebar-togglable:not(.active) {
        transform:translate(12px, 1px);
    }
    .my-websites-sidebar-toggle.hk-sidebar-togglable:not(.active):after {
        padding-left:2px;
    }

    .my-websites-sidebar-toggle-offset.hk-sidebar-togglable:not(.active) {
        transform:translate(12px, 10px);
    }
    .my-websites-sidebar-toggle-offset.hk-sidebar-togglable:not(.active):after {
        padding-left:2px;
    }
    /* .back-to-ad-zones-link {
        display: inline-block;
        height:12px;
    } */
}

.analytics_overview_top_left_value,
.analytics_overview_top_right_value,
.main_analytics_top_left_value,
.main_analytics_top_right_value {
    width:100%;
}

#analytic_overview_line_chart,
#website_analytic_overview_line_chart,
.analytics_card_footer {
    display:none;
}

.card-footer.analytics_card_footer {
    display: block;
}

.card-footer.analytics_card_footer a {
    color:#757575;
}
.card-footer.analytics_card_footer a svg {
    fill:#757575;
}

.height-3 {
    height:.75rem!important;
}
.width-3 {
    width:.75rem!important;
}

.height-6px {
    height:6px !important;
}

.bg-base-2 {
    background-color:#fafafa!important;
}

/* END -> AB / MALGO mutual
*******************/



/* custom */
@media (max-width: 470px) { 
    .hk-footer .footer .footer-text {
        display: block;
    }
    .hk-footer .footer .footer-text .copy-text {
        display: block;
        margin-bottom:.625rem;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    .d-block-md-d-inline-block-sm {
        display: inline-block;
    }
	.px-sm-0 {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap {
        margin-top:2rem;
        margin-bottom:0;
    }
    #contacts_datatable_wrapper .row .col-sm-12, .contact-body .simplebar-content {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    [data-footer="simple"] .hk-footer .footer > .row, .footer-simple-example .hk-footer .footer > .row {
        height:62px;
        padding:10px 0px;
    }
    .sm-d-none {
        display:none;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    .md-d-block {
        display:block;
    }
	.md-d-none {
        display:none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 

}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
    .early_bird_special_text {
        display: none;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
	
}

/* XXX-Large devices (larger desktops, 1800px and up) */
@media (min-width: 1800px) { 
	.row-cols-xxxl-4>* {
        width:25%;
        flex:0 0 auto;
    }
}