body {
    min-height: 100%;
    width: 100%;
    overflow: auto;
    background-color: #E3E8EB;
}

#page_body {
    min-height: 100%;
    will-change: padding;
    transition: padding 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

#page_body.nav_expanded {
    padding-left: 294px;
}

#page_body.nav_no_context {
    padding-left: 0px;
}

#page_body.nav_collapsed {
    padding-left: 74px;
}

.ppp {
    padding: .6rem 0 .6rem 1.6rem;
    background-size: 1rem 1rem;
    background-position: 0 center;
    background-repeat: no-repeat;
}

#navigation {
    position: fixed;
    display: grid;
    height: 100%;
    grid-template-columns: 54px auto;
    left: 0;
    background-color: #dee3e5;
    z-index: 1;
}

#content {
    min-height: 100%;
}

#content .content_base_padding {
    padding: 0 2rem 10rem 2rem;
}

#content .content_base_padding .bottom_placeholder {
    height: 3.14rem;
}

#navigation .global {
    display: grid;
    grid-template-rows: auto 9.4rem
}

#navigation .global.base_dash {
    background-color: #0747A6;
    color: #DEEBFF;
}

#navigation .global.accounting_dash {
    background-color: #2b353a;
    /*background-color: #07a287;*/
    /*background-color: #2c986a;*/
    color: #DEEBFF;
}


#navigation .global .circle_tabs {
    display: grid;
    grid-template-rows: auto;
    justify-items: center;
}

#navigation .global .circle_tabs .cell {
    position: relative;
}

#navigation .global .circle_tabs .cell .tab {
    display: inline-block;
    width: 2.6rem;
    height: 2.6rem;
    cursor: pointer;
    background-color: inherit;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

#navigation .global .circle_tabs .cell .tab:hover {
    background-color: #5590e7;
}

#navigation .global .circle_tabs .cell .tab[data-ico="logo"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/home_nav_global.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="add"] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/plus_white.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="contacts"] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/contacts_wh.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="accounts"] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/company_acc_wh.svg);
}

/*#navigation .global .circle_tabs .cell .tab[data-ico="organizer"] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/organizer_mono_wh.svg);
}*/

#navigation .global .circle_tabs .cell .tab[data-ico="tasks"] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/tasks_2_white.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="income"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/income_nav_global.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="expenses"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/expense_white.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="customers"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/clerk_white.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="inventory"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/inventory_nav_global.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="search"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/search_glass_white.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="settings"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/settings_nav_global.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="question_white"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/question_buble_white.svg);
}

#navigation .global .circle_tabs .cell .tab[data-ico="live_chat"] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/live_chat_wh.svg);
}

#navigation .global .circle_tabs .cell .tab.in_center {
    display: grid;
    justify-content: center;
    align-items: center;
}

#navigation .global .circle_tabs .cell .tab.in_center .avatar {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

#navigation .global .circle_tabs .cell .tab.in_center .avatar.image {
    background-size: cover;
    background-color: #b0c0d9;
    background-repeat: no-repeat;
    background-position: center center;
}

#navigation .global .circle_tabs .cell .tab.in_center .avatar.initials {
    color: #ffffff;
    background-color: #857113;
}

#navigation .contextual {
    position: relative;
    will-change: width;
    border-right: #c5c8ca solid 1px;
    transition: width 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

#navigation .contextual .body {
    position: absolute;
    display: grid;
    height: 100%;
    grid-template-rows: 5.2rem auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
}

#navigation .contextual .body .base_padding {
    padding: 1.4rem 1.4rem
}

#navigation .contextual .body .base_padding.no_pdd_top {
    padding-top: 0!important;
}

#navigation .contextual .project_selector_wrap {
    width: 200px;
    padding: .4rem;
    border-radius: 4px;
    cursor: pointer
}

#navigation .contextual .project_selector_wrap:hover {
    background-color: #cfd4d7;
}

#navigation .contextual .project_selector {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: .6rem;
    align-items: center
}

#navigation .contextual .project_selector .cell.ico {
    width: 38px;
    height: 38px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#navigation .contextual .project_selector .cell .tt {
    font-weight: 500;
    font-size: .9rem;
}

#navigation .contextual .project_selector .cell .sub_tt {
    padding-top: .1rem;
    color: #999;
    font-size: .9rem;
}

#navigation .contextual.expanded {
    width: 240px;
}

#navigation .contextual.flying_expand {
    width: 240px!important;
}

#navigation .contextual.collapsed {
    width: 20px;
}

#navigation button#btn_expand_toggle {
    position: absolute;
    top: 1.8rem;
    right: -.8rem;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    border: #adafb0 solid 1px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#navigation button#btn_expand_toggle:focus {
    outline: 0
}

#navigation .contextual.expanded button#btn_expand_toggle {
    background-image: url(/i/ic/svgs/arrow_circle_left_bg_white.svg);
}

#navigation .contextual.expanded button#btn_expand_toggle:hover {
    border: #0647a6 solid 1px;
    background-image: url(/i/ic/svgs/arrow_circle_left_bg_blue.svg);
}

#navigation .contextual.collapsed button#btn_expand_toggle {
    background-image: url(/i/ic/svgs/menu_circle_bg_white.svg);
}

#navigation .contextual.collapsed.flying_expand button#btn_expand_toggle {
    background-image: url(/i/ic/svgs/arrow_circle_right_bg_white.svg);
}

#navigation .contextual.collapsed button#btn_expand_toggle:hover {
    border: #0647a6 solid 1px;
    background-image: url(/i/ic/svgs/menu_circle_bg_blue.svg);
}

#navigation .contextual .create_btn {
    display: block;
    margin: .4rem 0;
    text-align: center;
    line-height: 2rem;
    border-radius: 4px;
}

#navigation .contextual .create_btn:hover {

}


#navigation .sub_ctx_btn {
    position: relative;
    display: block;
    padding: .8rem .2em .8rem .6rem;
    margin-bottom: 1px;
    line-height: 1.26rem;
    background-position: .6rem center;
    background-repeat: no-repeat;
}

#navigation .sub_ctx_btn .badge {
    position: absolute;
    top: 30%;
    right: .2rem;
    padding: .1rem .3rem;
    font-size: .9rem;
    border-radius: 4px;
}

#navigation .sub_ctx_btn .badge.gray {
    color: #0e0e0e;
    background-color: #c8cdd0;
}

#navigation .sub_ctx_btn .badge.red {
    color: #7d0303;
    background-color: #e4d6d6;
}

#navigation .sub_ctx_btn .badge.yl {
    color: #983705;
    background-color: #f8e5b9
}

#navigation .sub_ctx_btn.ico {
    padding-left: 2.6rem;
}

#navigation .sub_ctx_btn:hover {
    color: #000;
    background-color: #cfd4d7;
}

#navigation .sub_ctx_btn.active {
    color: #000;
    font-weight: 500;
    background-color: #cfd4d7;
}

#navigation .sub_ctx_btn:focus {
    outline: 3px solid #c1e0fe;
    outline: 3px solid rgb(174, 183, 197);
    outline-offset: 1px;
}

#navigation .divider-title h3 {
    padding: .6rem 0 .6rem .6rem;
    font-size: 1rem;
    font-weight: 500;
}

#navigation .sub_ctx_btn.ico[data-ico=back] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/back_arrow.svg);
    border-bottom: #c0c4c6 solid 2px
}

#navigation .sub_ctx_btn.ico[data-ico=overview] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/overview.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=organizer] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/organizer_colored_1.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=recurring_tasks] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/recurring.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=sub_line] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/arrow_line.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=periodic] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/recurring_black.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=invoices] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/invoice_2.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=expenses] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/expense.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=customers] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/clerk_black.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=accounts] {
    background-size: 1.3rem 1.3rem;
    background-image: url(/i/ic/svgs/doc_box_colored.svg)
}

#navigation .sub_ctx_btn.ico[data-ico=items] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/items.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=team] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/team_colored.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=dashboard] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/dashboard_layout_colored_2.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=acc_groups] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/products.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=payments] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/payment_mono.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=documents] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/folder_2.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=page] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/page.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=settings_mono] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/settings_mono.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=email_templates] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/template_colored.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=report_chart] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/report_chart.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=requests] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/request_bw.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=brands] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/brand.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=contacts] {
    background-size: 1.5rem 1.5rem;
    background-image: url(/i/ic/svgs/contacts_colored.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=warehouse] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/warehouse.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=categories] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/categories.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=folder] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/categories.svg);
}

.ico[data-ico=view] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/view.svg);
}

.ico[data-ico=edit] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/edit_2.svg);
}

.ico[data-ico=download] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/in_mono.svg);
}

.ico[data-ico=task_dot_circle] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/dot_empty.svg);
}

.ico[data-ico=task_completed] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/task_completed.svg);
}

.ico[data-ico=copy] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/duplicate.svg);
}

.ico[data-ico=periodic] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/recurring_black.svg);
}

.ico[data-ico=email] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/email.svg);
}

.ico[data-ico=account] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/company_acc.svg);
}

.ico[data-ico=pdf] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/pdf.svg)!important;
}

.ico[data-ico=checked] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/success_checkmark_o.svg);
}

.ico[data-ico=checked_mid] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/task_active.svg);
}

.ico[data-ico=download] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/download_doc_2.svg);
}

.ico[data-ico=circle] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/circle.svg);
}

.ico[data-ico=print] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/print.svg);
}

.ico[data-ico=shield] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/shield_gray.svg);
}

.ico[data-ico=all_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/all_mono.svg);
}

.ico[data-ico=filter_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/filter_mono.svg);
}

.ico[data-ico=overdue_colored] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/overdue_colored.svg);
}

.ico[data-ico=add_thin] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/add_thin.svg);
}

.ico[data-ico=add_thin_white] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/add_thin_white.svg);
}

.ico[data-ico=add_thin_colored] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/add_thin_colored.svg);
}

.ico[data-ico=add_gray] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/plus.svg);
}

.ico[data-ico=archive] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/archive.svg);
}


.ico[data-ico=trash_bin] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/trash.svg);
}

.ico[data-ico=close] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/close.svg);
}

.ico[data-ico=page] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/page.svg);
}

.ico[data-ico=page_colored] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/page_colored.svg);
}

.ico[data-ico=delivery_in] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/in_mono.svg);
}

.ico[data-ico=list_page] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/list_tasks.svg);
}

.ico[data-ico=arrow_in] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/arrow_bottom_left_mono.svg);
}

.ico[data-ico=arrow_out] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/arrow_top_right_mono.svg);
}


.ico[data-ico=page2] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/invoice.svg);
}

.ico[data-ico=checklists_yl] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/task_completed_yellow.svg);
}

.ico[data-ico=money_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/money_mono.svg);
}

.ico[data-ico=chronometer_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/chronometer_mono.svg);
}

.ico[data-ico=chronometer_v2_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/chronometer_v2_mono.svg);
}

.ico[data-ico=chronometer_v2_colored] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/chronometer_v2_colored.svg);
}

.ico[data-ico=checkmark_green] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/task_completed_checkmark_green.svg);
}

.ico[data-ico=inbox_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/inbox_mono.svg);
}

.ico[data-ico=infinity_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/infinity_mono.svg);
}

.ico[data-ico=recurring_tasks_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/recurring_mono.svg);
}

.ico[data-ico=tag_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/tag_mono.svg);
}

.ico[data-ico=flag_priority_red] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/flag_priority_red.svg);
}

.ico[data-ico=flag_priority_yellow] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/flag_priority_yellow.svg);
}

.ico[data-ico=flag_priority_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/flag_priority_mono.svg);
}

.ico[data-ico=tag_mono_white] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/tag_mono_white.svg);
}

.ico[data-ico=checkbox] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/checkbox_blank.svg);
}

.ico[data-ico=checkbox_checked] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/checkbox_checked.svg);
}

.ico[data-ico=notification_bell_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/notification_bell_mono.svg)
}


.ico[data-ico=clock_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/clock_mono.svg);
}


.ico[data-ico=calendar_2] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/organizer_colored_1.svg);
}

.ico[data-ico=add_to_user] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/add_to_user_mono.svg);
}

.ico[data-ico=sun] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/sun.svg);
}

.ico[data-ico=court_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/court.svg);
}

.ico[data-ico=contract_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/contract.svg);
}

.ico[data-ico=bank_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/bank.svg);
}

.ico[data-ico=contact_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/contacts_black.svg);
}

.ico[data-ico=teammate_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/customer.svg);
}

.ico[data-ico=services_mono] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/services_mono.svg);
}

.ico[data-ico=tools_col] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/toolbox_colored.svg);
}

.ico[data-ico=docs_general] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/documents_box_colored.svg);
}

.ico[data-ico=bank_statements] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/invoice_colored.svg);
}

.ico[data-ico=company_colored] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/company_colored.svg);
}

.ico[data-ico=addr_book_colored] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/address_book_colored.svg);
}

.ico[data-ico=checkbox_checked] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/checkbox_checked.svg);
}

.ico[data-ico=contacts_mono] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/address_book_mono.svg);
}

.ico[data-ico=contacts_mono] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/address_book_mono.svg);
}

.ico[data-ico=overview] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/overview.svg);
}



#navigation .sub_ctx_btn.ico[data-ico=labels] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/label.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=invoices] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/invoice.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=tickets] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/ticket.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=tasks] {
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/to_do_colored.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=calendar] {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/calendar_colored.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=sys_emails] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/sys_email_colored.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=doc_inbox] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/inbox_colored.svg);
}

#navigation .sub_ctx_btn.ico[data-ico=notes] {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/notes_colored.svg);
}

#navigation .contextual .menu-divider {
    position: relative;
    margin: .6rem 0 0 0;
}

.divider-top {
    border-top: 1px solid #d6d6d6;
}

#navigation .contextual .menu-divider span {
    position: relative;
    top: -10px;
    display: inline-block;
    padding: 0 0 0 .7rem;
    font-size: 12px;
    font-weight: 400;
    color: #4e4e4e;
    background-color: #dee3e5;
}


#modal_holder {
    display: none;
    background-color: rgba(0, 0, 0, .54);
}

#modal_holder.open {
    position: fixed;
    display: grid;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 0;
    opacity: 1;
    overflow-y: scroll;
    z-index: 3;

    transform: scaleY(1) scaleX(1);
    -webkit-animation: .1s ease-in-out backwards fadeIn;
    animation: .1s ease-in-out backwards fadeIn;
}

#modal_content {
    min-height: 2rem;
    margin: auto;
    margin-top: 3rem!important;
    overflow-y: auto;
    background-color: white;
    border-radius: 4px;
    z-index: 2;
}

#modal_holder.open #modal_content {
    transform: scale(1);
    opacity: 1;
    -webkit-animation: .3s cubic-bezier(.165,.84,.44,1) backwards zoomIn;
    animation: .3s cubic-bezier(.165,.84,.44,1) backwards zoomIn;
}

#modal_content .head {
    position: relative;
    border-radius: 4px 4px 0 0;
    border-bottom: #ced2d5 solid 1px;
}

#modal_content .head.blue {
    color: #fff!important;
    background: linear-gradient(-45deg, #19C5FE, #4553FF)!important;
}


#modal_content .head .close_btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

#modal_content .body {
    background-color: #e9eef2;
}

#modal_content .footer {
    border-radius: 0 0 4px 4px;
    border-top: #ced2d5 solid 1px;
}

table td.base_pdd {
    padding: .4rem 0;
}

input.base {
    padding: 0 .8rem;
    line-height: 2.4rem;
    border: #bcbdbe solid 1px;
    border-radius: 4px;
}

input.base.mid_size {
    height: 46px!important;
    font-size: 1.2rem;
    font-weight: 600;
}

textarea.base {
    padding: .4rem .4rem;
    min-height: 2rem;
    border: #ccc solid 1px;
    border-radius: 4px;
}

input.base[type="text"]:disabled {
    background: #dcdfe1;
}

textarea.classic {
    padding: .8rem;
    height: 4rem;
    border: #ccc solid 1px;
    border-radius: 4px;
}

select.base {
    height: 2.44rem;
    -webkit-appearance: none;
    background-image: url(/i/ic/svgs/select_arrow.svg);
    background-size: 0.8rem 0.8rem;
    background-color: rgb(255, 255, 255);
    padding: 0.4rem 2.4rem 0.4rem 0.4rem;
    background-position: right 0.8rem top 0.8rem;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(207, 209, 211);
    border-image: initial;
}

.page_title_container {
    display: grid;
    margin-bottom: 1.6rem;
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 1rem;
    align-items: center
}

.page_title_container h1 {
    font-weight: 400!important;
}

.gen_button {
    display: inline-block;
    padding: 0 1rem;
    line-height: 2.4rem;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    transition: background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);
}

.gen_button:focus {
    outline: none;
}

.gen_button.blue {
    color: #fff;
    background: #0052cc;
}

.gen_button.blue:hover {
    background-color: #0065ff;
}


.contextual_menu {
    display: none;
    position: absolute;
    min-width: 18rem;
    text-align: left;
    line-height: 1;
    font-weight: 400;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(136, 152, 170, .1), 0 15px 35px 0 rgba(49, 49, 93, .1), 0 5px 15px 0 rgba(0, 0, 0, .08);
    z-index: 1;
}

.contextual_menu.pos_btm_left {
    top: 2.4rem;
    right: 0;
}

.bigger .contextual_menu.pos_btm_left {
    top: 3.4rem;
}

.contextual_menu.pos_top_right {
    bottom: 0;
    right: -18.2rem;
}

.contextual_menu.pos_btm_acc_selector {
    bottom: -8rem;
    left: 0;
    right: 0;
}

.contextual_menu.open {
    display: block;

    transform: scale(1);
    opacity: 1;
    -webkit-animation: .3s cubic-bezier(.165,.84,.44,1) backwards zoomIn;
    animation: .3s cubic-bezier(.165,.84,.44,1) backwards zoomIn;
}


.contextual_menu .projects_list_scrollable {
    max-height: 10rem;
    overflow-y: auto;
}

.contextual_menu .projects_list_scrollable .project_tab {
    display: block;
    padding: .4rem 1rem;
}

.contextual_menu .projects_list_scrollable .project_tab:hover {
    background-color: #eee;
}

.contextual_menu .projects_list_scrollable .project_tab .in_grid {
    display: grid;
    grid-template-columns: 28px 1fr;
    grid-column-gap: .4rem;
    align-items: center;
}


.contextual_menu ul.simple_links {}

.contextual_menu ul.simple_links li {
    line-height: 1;
}

.contextual_menu ul.simple_links li a {
    display: block;
    padding: .4rem 1rem;
    color: #444;
}

.contextual_menu ul.simple_links li a.large {
    padding: .8rem 1rem;
    border-bottom: #ccc solid 1px;
}

.contextual_menu ul.simple_links li a.ico {
    padding-left: 2rem;
    background-position: .4rem center;
    background-repeat: no-repeat;
}

.contextual_menu ul.simple_links li a.ico.ico_flag_bg {
    background-size: 1.3rem 1rem;
    background-image: url(/i/flags/bg.svg);
}

.contextual_menu ul.simple_links li a.ico.ico_flag_en {
    background-size: 1.3rem 1rem;
    background-image: url(/i/flags/gb.svg);
}

.contextual_menu ul.simple_links li a.ico.ico_eye {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/view.svg);
}

.contextual_menu ul.simple_links li a.ico.ico_trashcan {
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/trash.svg);
}


.contextual_menu ul.simple_links li a:hover {
    color: #000;
    text-decoration: underline;
}

.contextual_menu .btn_create_new {
    display: block;
    padding: 1rem;
}

.contextual_menu .line_separator {
    height: 1px;
    background-color: #cad1d5;
}

.contextual_menu .head {
    padding: .4rem;
    border-bottom: #0a408f solid 1px;
}

.contextual_menu .body {}

.contextual_menu .body .list {}

.contextual_menu .body .list .link {
    display: block;
    padding: .8rem;

    position: relative;
    background-position: .6rem center;
    background-repeat: no-repeat;

}

.contextual_menu .body .list .link.ico {
    padding-left: 2.6rem;
}

.contextual_menu .body .list .link.ico.ico_edit {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/categories.svg);
}

.contextual_menu .body .list .link:hover {
    background-color: #eff4f7;
    /*background: linear-gradient(#eff4f7, #dce4ea)*/
}

.contextual_menu h3.name {
    padding: .4rem 1rem;
    color: #929497;
    font-size: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}



.card {
    border-radius: 4px;
    background-color: #fff;
}

.card .nav {
    padding: 1rem;
    box-shadow: inset 0 -1px #e3e8ee;
}

.card .nav_top {
    padding: 1rem;
    border-radius: 4px 4px 0 0;
}

.card .nav_top.bg_gray {
    background-color: #dee3e5;
    border-bottom: #c2c9cd solid 1px;
}

.card .nav_top.bg_white {
    background-color: #fff;
    border-bottom: #D2DADB solid 1px;
}

.card .scrollable_body {
    max-height: 460px;
    background-color: #f2f7fc;
    overflow-y: auto;
}

.card .nav_bottom {
    padding: 1rem;
    background-color: #dee3e5;
    border-top: #c2c9cd solid 1px;
    border-radius: 0 0 4px 4px
}

.card .empty_list {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 30rem;
}

.card .empty_list .center_body {
    width: 100%;
    margin: auto;
}

.card .empty_list .center_body h3 {
    margin: 1rem 0;
    font-size: 1.4rem;
    font-weight: 400;
}

.card .gray_bg {
    background-color: #edf1f4;
    border-radius: 0 0 4px 4px
}

.card .sub_nav_line {
    display: flex;
    flex-direction: row;
    background-color: #edf1f4;
    border-radius: 0 0 4px 4px
}

.card .sub_nav_line a.tab {
    display: flex;
    position: relative;
    flex-direction: column;
    margin-right: 2.4rem;
    padding: .8rem 0;
    color: #555f65;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    border-bottom: #fff0 solid 2px;
}

.card .sub_nav_line a.tab:first-child {
    margin-left: 1rem;
}

.card .sub_nav_line a.tab:hover {
    color: #000;
    border-bottom: #868686 solid 2px;
}

.card .sub_nav_line a.tab.active {
    color: #1055c5;
    border-bottom: #1055c5 solid 2px;
}

.card .ico_square_avt {
    display: inline-block;
    width: 8rem;
    height: 8rem;
    padding-top: 34%;
    text-align: center;
    color: #606065;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 6px;
    background-size: cover;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
}

button.base {
    position: relative;
    display: inline-block;
    margin-right: 1rem;
    text-align: center;
    border-radius: 3px;
    color: #414448;
    background: #fff;
    padding: 0 1rem;
    line-height: 2.3rem;
    cursor: pointer;
    vertical-align: baseline;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.action_buttons {}

.action_buttons .btn {
    position: relative;
    display: inline-block;
    margin-right: 1rem;
    text-align: center;
    border-radius: 3px;
    color: #414448;
    background-color: #fff;
    padding: 0 1rem;
    line-height: 2.3rem;
    cursor: pointer;
    vertical-align: baseline;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.action_buttons .btn.no_shadow {
    box-shadow: none!important;
}

.action_buttons .btn.disabled {
    background-color: #dee2e5!important;
}

.action_buttons .btn.smaller {
    padding: .5rem .5rem;
    line-height: 1!important
}

.action_buttons .btn.smaller.ico {
    background-size: 1rem 1rem;
}

.action_buttons .btn.bigger {
    font-weight: 500;
    line-height: 3.2
}

.action_buttons .btn.bigger.ico {
    padding-left: 2.4rem!important;
    background-size: 1.4rem 1.4rem!important;
}

.action_buttons .btn.ico_right_submenu {
    position: relative;
    padding-right: 2.2rem;
}

.action_buttons .btn.ico_right_submenu .tt {
    display: inline-block;
}
.action_buttons .btn.ico_right_submenu .right_ico {
    position: absolute;
    display: block;
    width: 1.6rem;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #ccc;

    background-repeat: no-repeat;
    background-size: .8rem .8rem;
    background-position: center center;
    background-image: url(/i/ic/svgs/arrow_submenu.svg);
}


.action_buttons .btn.bg_blue, .action_buttons .btn.bg_blue:hover {
    color: #fff;
    font-weight: 500;
    background-color: #0052cc;
    box-shadow: none!important;
    border: #0d40b7 solid 1px;
    border: 1px solid #07c;
    border-radius: 4px
}

.action_buttons .btn.bg_blue:hover {
    background-color: #0d40b7;
}

.action_buttons .btn.bg_green, .action_buttons .btn.bg_green:hover {
    color: #fff;
    font-weight: 500;
    background-color: #36B37E;
    box-shadow: none!important;
    border: #36B37E solid 1px;
}

.action_buttons .btn.bg_dark_green, .action_buttons .btn.bg_dark_green:hover {
    color: #fff;
    font-weight: 500;
    background-color: #077763;
    box-shadow: none!important;
}

.action_buttons .btn.bg_dark_red, .action_buttons .btn.bg_dark_red:hover {
    color: #fff;
    font-weight: 600;
    background-color: #a01957;
    box-shadow: none!important;
    border: #6d0f3a solid 1px;
}

.action_buttons .btn:disabled {
    color: #7c7c7c!important;
    background-color: #d5d5d5!important;
    cursor: auto!important;
}

.action_buttons .btn.ico {
    padding-left: 2.2rem;
    background-size: 1.2rem 1.2rem;
    background-position: .6rem center;
    background-repeat: no-repeat;
}

.action_buttons .btn.ico.ico_only2 {
    padding-left: 0;
    width: 2.2rem;
    height: 2.1rem;
    background-position: center center!important;
}

.action_buttons .btn.ico_only {
    min-width: 1rem;
    background-size: 1.2rem 1.2rem;
    background-position: .6rem .5rem;
    background-repeat: no-repeat;
}

.action_buttons .btn.ico.ico_view {
    background-position: .6rem .6rem;
    background-image: url(/i/ic/svgs/view.svg);
}

.action_buttons .btn.ico.ico_edit {
    background-image: url(/i/ic/svgs/edit_2.svg);
}

.action_buttons .btn.ico.ico_edit_white {
    background-image: url(/i/ic/svgs/edit_icon_white.svg);
}

.action_buttons .btn.ico.ico_pin {
    background-image: url(/i/ic/svgs/pin.svg);
}

.action_buttons .btn.ico.ico_duplicate {
    background-image: url(/i/ic/svgs/duplicate.svg);
}

.action_buttons .btn.ico.ico_pdf {
    background-image: url(/i/ic/svgs/pdf.svg);
}

.action_buttons .btn.ico.ico_save {
    background-image: url(/i/ic/svgs/save.svg);
}

.action_buttons .btn.ico.ico_save_wh {
    background-image: url(/i/ic/svgs/save_wh.svg);
}

.action_buttons .btn.ico.ico_discount {
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/discount.svg);
}

.action_buttons .btn.ico.ico_next {
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/next_white.svg);
}

.action_buttons .btn.ico.ico_back_arrow {
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/back_arrow.svg);
}

.action_buttons .btn.ico.ico_add {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/plus.svg);
}

.action_buttons .btn.ico.ico_download_2 {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/download_doc_2.svg);
}

.action_buttons .btn.ico.ico_add_white {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/plus_white.svg);
}

.action_buttons .btn.ico.ico_export_csv {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/export.svg);
}

.action_buttons .btn.ico.ico_send {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/email.svg);
}

.action_buttons .btn.ico.ico_archive {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/archive.svg);
}

.action_buttons .btn.ico.ico_filter {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/filter.svg);
}

.action_buttons .btn.ico.ico_filter_white {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/filter_white.svg);
}

.action_buttons .btn.ico.ico_templates {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/template.svg);
}

.action_buttons .btn.ico.ico_templates_white {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/template_wh.svg);
}

.action_buttons .btn.ico.ico_clock {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/clock_colored.svg);
}


.action_buttons .btn.ico_more_dots {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/dots_three.svg);
}

.action_buttons .btn.ico.ico_del {
    background-image: url(/i/ic/svgs/trash.svg);
}

.action_buttons .btn.ico.ico_del_wh {
    background-image: url(/i/ic/svgs/trash_wh.svg);
}

.action_buttons .btn.ico.ico_list {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/list_tasks.svg);
}

.action_buttons .btn.ico.ico_send_email {
    padding-left: 2.6rem!important;
    background-size: 1.8rem 1.8rem;
    background-position: .3rem center;
    background-image: url(/i/ic/svgs/send_email.svg);
}

.action_buttons .btn.ico.ico_send_email_wh {
    padding-left: 2.6rem!important;
    background-size: 1.8rem 1.8rem;
    background-position: .3rem center;
    background-image: url(/i/ic/svgs/send_email_wh.svg);
}

.action_buttons .btn.ico.ico_print {
    background-image: url(/i/ic/svgs/print.svg);
}

.action_buttons .btn.ico.ico_padlock_unlocked {
    background-image: url(/i/ic/svgs/padlock_unlocked.svg);
}

.action_buttons .btn.ico.ico_padlock_locked {
    background-image: url(/i/ic/svgs/padlock_locked.svg);
}

.action_buttons .btn.ico.ico_payment {
    background-image: url(/i/ic/svgs/payment_mono.svg);
}

.action_buttons .btn.ico.ico_pick {
    background-size: 1rem 1rem;
    background-position: .6rem center;
    background-image: url(/i/ic/svgs/import_list.svg);
}

.action_buttons .btn:hover {
    background-color: #f7f7f7;
    border-color: #bfbfbf;
    color: #5a5a5a;
}

.action_buttons .btn:last-child {
    margin-right: 0;
}

.action_buttons .btn.bg_light_blue {
    background-color: #e3e8eb;
}

.action_buttons .btn.bg_purple, .action_buttons .btn.bg_purple:hover {
    color: #fff;
    font-weight: 600;
    background-color: #665479;
    box-shadow: none!important;
    border: #665479 solid 1px;
}

table.in_card {
    width: 100%;
}


table.in_card td.ico {
    width: 2rem;
    padding: .1rem .8rem 0 .8rem!important;
}

table td.ico .ico_avt {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    padding-top: 6px;
    text-align: center;
    color: #606065;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;

    border-radius: 50%;
    background-size: cover;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
}

table td.ico .ico_square {
    border-radius: 4px!important;
}

table.in_card td.ico .items_silhouette {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    background-size: 1.3rem 1.3rem;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/i/ic/svgs/items_silhouette.svg);
}

table.in_card.bordered {
    border-collapse: separate !important;
    border-spacing: 0
}

table.in_card.bordered th:first-child {
    border-radius: 4px 0 0 0;
}

table.in_card.bordered th:last-child {
    border-top-right-radius: 4px;
}

table.in_card.bordered tbody tr:first-child > td:first-child {
    border-top-left-radius: 4px;
}

table.in_card.bordered tbody tr:first-child > td:last-child {
    border-top-right-radius: 4px;
}

table.in_card.bordered tbody tr:last-child td {
    box-shadow: none;
}

table.in_card.bordered tbody tr:last-child > td:first-child {
    border-bottom-left-radius: 4px;
}

table.in_card.bordered tbody tr:last-child > td:last-child {
    border-radius: 0 0 4px 0;
}

table.in_card.bordered tbody tr.bg_selected {
    background-color: #c9d0d5;
}

table.in_card.bordered thead th.color_highlight,
table.in_card.bordered tbody td.color_highlight {
    width: 1rem!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

table.in_card.bordered tbody td.ico_r {
    background-repeat: no-repeat;
    background-size: 1.4rem 1.4rem;
    background-position: center right;
}

table.in_card.bordered tbody td.ico_r.folder {
    background-image: url("/i/ic/svgs/categories.svg");
}

table.in_card.bordered tbody td.ico_r.finalized {
    background-image: url("/i/ic/svgs/shield_green.svg");
}

table.in_card.bordered tbody td.ico_r.non_finalized {
    background-image: url("/i/ic/svgs/shield_gray.svg");
}


table.in_card thead tr {
    color: #3d525d;
    background-color: #e3e8eb;
}

table.in_card thead tr.gradient_yl {
    color: #fff;
    background: linear-gradient(90deg, hsla(46, 95%, 56%, 1) 0%, hsla(350, 97%, 65%, 1) 100%);
}

table.in_card thead tr th {
    padding: 1.2rem .8rem;
    font-weight: 400;
    box-shadow: inset 0 -1px #e3e8ee;
}

table.in_card thead tr th.tt {
    font-weight: 500;
    text-transform: uppercase;
    font-size: .9rem;
}

/*table.in_card thead tr th.tt.white {
    color: #fff
}*/

table.in_card tbody tr.hv:hover {
    background-color: #dce4ea;
    background: linear-gradient(#eff4f7, #dce4ea);
}

table.in_card tbody tr:hover td .show_on_hover {
    display: block;
}

table.in_card tbody tr.hv.row_selected {
    background-color: #cecece
}

table.in_card tbody td, table.in_card thead tr th {
    width: auto;
    padding: .8rem .8rem;
    word-break: break-word;
    box-shadow: inset 0 -1px #d0d7df
}

table.in_card tbody.less_padding td {
    padding: .5rem .8rem
}

table tbody td.bg_hover_ico {
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/pixel.png);
    background-position: center center;
    background-repeat: no-repeat;
}

table tbody tr:hover td.bg_hover_ico[data-ico=edit] {
    background-image: url(/i/ic/svgs/edit_2.svg)!important;
}

table tbody tr:hover td.bg_hover_ico[data-ico=permissions] {
    background-image: url(/i/ic/svgs/key.svg)!important;
}

table.in_card tbody tr.no_btm_border td {
    box-shadow: none!important;
}

table.in_card tbody tr.options td {
    padding: 0 .8rem .4rem .8rem;
}

table.in_card tbody tr.options .description {
    color: #777;
    font-style: italic
}

table.in_card tbody tr.options .tag {
    display: inline-block;
    line-height: 1.4rem;
    padding: 0 .3rem;
    color: #161a1b;
    font-size: .9rem;
    background-color: #e4e7e9;
    border-radius: 4px;
}

/**/
table.modal_list {
    width: 100%;
}

table.modal_list tbody td {
    padding: .4rem;
    border-bottom: #cecece solid 1px
}

table.modal_list tbody tr:hover {
    background-color: #d1d3da
}

/**/
table.modal_cat_list {
    width: 100%;
}

table.modal_cat_list tr.pick {
    cursor: pointer;
}

table.modal_cat_list tr.pick:hover {
    background-color: #f9f9f9;
}

table.modal_cat_list tr td {
    border-bottom: #ccc solid 1px;
}

table.modal_cat_list tr td.color_highlight {
    width: 1rem!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

table.modal_cat_list tr td.ico_folder {
    width: 2rem;
    background-repeat: no-repeat;
    background-size: 1.4rem 1.4rem;
    background-position: center right;
    background-image: url("/i/ic/svgs/categories.svg");
}

table.modal_cat_list tr td.title {
    padding: .8rem;
}

.shadow_medium {
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.shadow_small {
    box-shadow: 0 2px 5px 0 rgba(60,66,87, 0.1), 0 1px 1px 0 rgba(0, 0, 0, .07);
}

.shadow_solid {
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.in_tag {
    display: inline-block;
    padding: 0 .4rem;
    line-height: 1.4rem;
    border-radius: 4px;
    font-size: .9rem;
    white-space: nowrap;
}

.in_tag.small {
    padding: 0 .3rem;
    line-height: 15px;
    border-radius: 4px;
    font-size: .8rem;
}

.in_tag.border {
    border: solid 1px #ccc
}

.in_tag.wh {
    color: #525455;
    background-color: #ffffff
}

.in_tag.yl {
    color: #983705;
    background-color: #f8e5b9;
}

.in_tag.blue {
    color: #3d4eac;
    background-color: #d5ecff;
}

.in_tag.orange_dark {
    color: #fff;
    background-color: #e9960e;
}

.in_tag.blue_dark {
    color: #fff;
    background-color: #1d3557;
}

.in_tag.blue_light {
    color: #fff;
    background-color: #5d8ed5;
}

.in_tag.gray {
    color: #525455;
    background-color: #ccd2d7;
}

.in_tag.green {
    color: #dafcf4;
    background-color: #00b289;
}

.in_tag.red {
    color: #fce0e7;
    background-color: #cd3d64;
}

.in_tag.purple {
    color: #fce0e7;
    background-color: #6554C0;
}

.in_tag.orange {
    color: #231602;
    background-color: #f5ae3d;
}

.in_tag.black {
    color: #f6f6f6;
    background-color: #000;
}

.table_status_dot {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}

.table_status_dot.gray {
    background-color: #ccc;
}

.table_status_dot.red {
    background-color: #cd3d64;
}

.table_status_dot.green {
    background-color: #00b289;
}

.table_status_dot.orange {
    background-color: #e9c245;
}

.table_status_dot.light_blue {
    background-color: #cddce5
}

.three_dots {
    display: block;
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 1px;
    width: 2rem;
    cursor: pointer;
    background-color: inherit;
    background-size: 1.2rem 1.2rem;
    background-position: 40% 50%;
    background-repeat: no-repeat;
    background-image: url(/i/ic/svgs/dots_three.svg);
}

.three_dots:hover {
    background-color: #fff;
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.bottom_waves {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center bottom;
    background-size: cover;
    background-image: url(/i/ic/bg/waves_bg.png);
}

.add_buttons_3_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

.add_buttons_3_row .cell {
    padding: 2rem 0;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
}

.breadcrumbs {
    padding-top: 1.4rem;
    margin-bottom: 1.6rem
}

input[type=checkbox].custom_cb{ display: none; }

.custom_cb_label {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    background-size: 1rem 1rem;
    background-image: url(/i/ic/svgs/checkbox_blank.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

input[type=checkbox].custom_cb:checked + label.custom_cb_label {
    background-image:url(/i/ic/svgs/checkbox_checked.svg);
}

.body_grid_duo {
    display: grid;
    grid-template-columns: auto 340px;
    grid-column-gap: 2rem;
}

.pages_navigation {
    display: grid;
    margin-top: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 2rem;
    align-items: center;
}

.num_tag {
    display: inline-block;
    padding: .2rem;
    background-color: #f4f4f4;
    border-radius: 4px;
    border: #ccc solid 1px;
}

.search_head {
    padding: .6rem .6rem .8rem .6rem;
    margin-bottom: 2rem;
    background-color: #e8eced;
    border-radius: 4px;
}

.search_head input[type=search] {
    width: 80%;
    padding: 0 .6rem;
    margin-right: .6rem;
    line-height: 2.2rem;
    background-color: #f4f4f4;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.search_head button.search {
    width: 3rem;
    min-height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 .6rem;
    background-color: #f6f6f6;
    background-size: 1rem 1rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("/i/ic/svgs/search_glass2.svg");

    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.search_head .filters_wrap {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;

}

.search_head .filters_wrap.open {
    height: auto;
    opacity: 1;
    transition: height 0ms 0ms, opacity 600ms 0ms;
}

.search_head .filters {
    margin-top: .8rem;
    padding-top: .6rem;
    border-top: #d0d7d9 solid 1px;
}

.search_head .filters .buttons_container {
    margin-top: 1rem;
    padding-top: .6rem;
    border-top: #d0d7d9 solid 1px;
}


table.zebra_rows {}

table.zebra_rows tbody tr td {
    padding: .6rem .4rem;
}

table.zebra_rows tbody tr:hover, table.zebra_rows tbody tr:hover a {
    background-color: #073b4c!important;
    color: #fff!important;
}


table.zebra_rows tbody tr:nth-child(even) {}

table.zebra_rows tbody tr:nth-child(odd) {
    background-color: #dfe4e7;
}

.forms_list {

}

.forms_list .row {
    margin-bottom: 1rem;
}

.forms_list .row .head_tt {
    margin-bottom: .4rem;
}

.forms_list .row .head_tt .tt {
    color: #535659;
}

.forms_list .row .head_tt .tag_bg {
    padding: .2rem .4rem;
    font-size: .9rem;
    color: #555;
    background-color: #dee4ed;
    border-radius: 4px;
}


.iv_number_tag {
    line-height: 1.5rem;
    padding: 0 .3rem;
    color: #161a1b;
    font-size: 1.3rem;
    background-color: #e4e7e9;
    border-radius: 4px;
}

.h_border_cells {}

.h_border_cells .h_cell {
    padding-right: 1rem;
    margin-right: 1rem;
    border-right: #c7ccd1 solid 1px;
}

.h_border_cells .h_cell:last-child {
    padding-right: 0;
    border-right: none;
}

/*
.list_timeline {}

.list_timeline .tl_row {
    position: relative;
    display: flex;
    width: 100%;
    padding: 1rem;
    box-shadow: inset 0 -1px 0 #e3e8ee;
}

.list_timeline .tl_row:last-child {
    box-shadow: none;
}

.list_timeline .tl_row .tl_edge {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    min-width: 2rem;
    margin-right: .9rem;
    max-height: 1.3rem;
}

.list_timeline .tl_row .tl_content {
    flex: 1 1 auto;
}

.list_timeline .tl_row .tl_log {
    color: #6e767c;
    font-size: .9rem;
    padding-top: .4rem;
}
*/

.status_box {
    padding: 0 .6rem;
    line-height: 1.8rem;
    color: #fff;
    font-size: .8rem;
    border-radius: .9rem;
    text-transform: uppercase;
}


.col_title_mid {
    position: relative;
    margin: .6rem 0 0 0;
    border-top: 1px solid #d6d6d6;
}

.col_title_mid span {
    position: relative;
    top: -10px;
    padding: 0 .6rem 0 0;
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    color: #4e4e4e;
    text-transform: uppercase;
    background-color: #fff;
}

.btn_invoice_customer {
    padding: 1rem;
    cursor: pointer;
    background-color: #edf1f4;
    border-radius: 4px;
    border: #e3e8eb solid 1px;
}

.btn_invoice_customer:hover {
    background-color: #dfe3e5;
    border: #ccc solid 1px;
}

.btn_invoice_customer.ico {
    padding-left: 2.8rem;
    background-size: 1.6rem 1.6rem;
    background-position: .6rem .7rem;
    background-repeat: no-repeat;
}

.btn_invoice_customer.ico.ico_select {
    background-image: url(/i/ic/svgs/customers_2.svg);
}

.btn_invoice_customer.ico.ico_create {
    background-size: 1.2rem 1.2rem;
    background-position: .8rem 1rem;
    background-image: url(/i/ic/svgs/plus.svg);
}

.calendar_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 2rem;
    cursor: pointer;
    background-size: 1.2rem 1.2rem;
    background-position: 0px 13px;
    background-repeat: no-repeat;
    background-image: url("/i/ic/svgs/calendar.svg");
}

.calendar_icon.ico_pos_2 {
    background-position: 0px 9px!important;
}

.calendar_icon.ico_pos_3 {
    width: 3rem;
    background-position: 5px 20px!important;
}

.modal_overflow_auto_container {
    overflow-y: auto;
    max-height: 26rem;
}

.select_customer_list {
    display: grid;
    grid-template-columns: 1fr;

}

.select_customer_list .cell {
    position: relative;
    max-width: 44rem;
    padding: .8rem 1rem;
    cursor: pointer;
    border-top: #dadee1 solid 1px;
}

.select_customer_list .cell:hover {
    background-color: #e9eef2;
}

.select_customer_list .cell.ico {
    padding-left: 3.2rem;
}

.select_customer_list .cell.ico .avt_circle {
    position: absolute;
    left: .6rem;
    top: .4rem;
    width: 2rem;
    height: 2rem;
    padding-top: 7px;
    text-align: center;
    color: #606065;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50%;
    background-size: cover;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
}

.select_customer_list .cell.ico .items_silhouette {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    background-size: 1.3rem 1.3rem;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/i/ic/svgs/items_silhouette.svg);
}

.select_customer_list .cell.ico .avt_circle.square {
    border-radius: 4px!important;
}

.select_customer_list .cell:hover .hover_container {
    display: block;
}

.select_customer_list .cell .hover_container {
    position: absolute;
    display: none;
    top: .6rem;
    right: .8rem;
    z-index: 2;
}

.select_customer_list .cell .hover_container .btn_plus {
    width: 1.4rem;
    height: 1.4rem;
    background-color: #f1f1f1;
    border-radius: 50%;
}

.select_customer_list .tt {
    font-weight: 500;
}

.select_customer_list .descr {
    padding-top: .4rem;
    color: #888;
    font-size: .9rem;
}

.day_tabs {}

.day_tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: .6rem;
}

.day_tabs span {
    line-height: 1.8rem;
    color: #616466;
    cursor: pointer;
    font-size: .9rem;
    text-align: center;
    border-radius: 4px;
    border: #d5dbdd solid 1px;
}

.day_tabs span:hover {
    background-color: #ebf3f6;
}

.day_tabs span.active {
    background-color: #eff3f4;
}

.cst_pick_info_box {
    background-color: #edf1f4;
    border-radius: 4px;
    border: #d0d6db solid 1px;
}

.cst_pick_info_box .buttons_head {
    padding: 1rem;
    border-bottom: #c8cdd1 solid 1px;
}

.foreign_cst_toggle {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    padding: 0 .6rem;
    line-height: 1.6rem;
    cursor: pointer;
}


.invoice_items_list {

}

.invoice_items_list table.items {
    width: 100%;
}

.invoice_items_list table.items thead tr {
    background-color: #e3e8eb;
}

.invoice_items_list table.items thead tr th {
    padding: .6rem .4rem;
    color: #36393a;
}

.invoice_items_list table.items tbody tr td {
    padding: .4rem;
}

.invoice_items_list table.items td.item,
.invoice_items_list table.items td.tax,
table.create_invoice_1 tbody tr td {
    position: relative;
}

.invoice_items_list table.items td.tax input[type=text] {
    padding-right: 1.2rem;
}

.invoice_items_list table.items td.tax .perc_ico {
    position: absolute;
    top: .9rem;
    right: .7rem;
}

.invoice_items_list table.items td.item .add_btn, table.create_invoice_1 tbody tr td .add_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 2rem;
    cursor: pointer;
    background-size: 1.2rem 1.2rem;
    background-position: 0px 13px;
    background-repeat: no-repeat;
    background-image: url("/i/ic/svgs/import_list.svg");
}

.invoice_items_list table.items tbody tr td.amr {
    font-size: 1.1rem;
    background-color: #ffffff;
}

.invoice_items_list table.items tbody tr td.lgt_br_bot {
    border-bottom: #ebebeb solid 1px;
}


table thead tr.light {
    background-color: #edf2f4
}

table thead tr.light th {
    padding: .5rem .3rem;
    font-weight: 600;
}

table tbody tr.light:hover {
    background-color: #eeefef
}

table tbody tr.light td {
    padding: .3rem .3rem;
    font-size: 13px;
    border-top: #cdd2d5 solid 1px;
}


/* Authentication */

.auth {
    padding-top: 2rem;
}

.auth .message_error {
    color: #e28;
    margin-top: .6rem;
    padding-left: .6rem;
    line-height: 1.8rem;
    border-left: .3rem #e28 solid;
}

.auth .info_box {
    padding: .8rem;
    color: #000;
    background-color: #c6e3f4;
    border-radius: 4px;
    border: #a0c1d7 solid 1px;
}


@media only screen and (min-width: 421px)  {

    body.authentication {
        background-color: #E3E8EB;
    }

    .auth {
        width: 28rem;
        padding-top: 2rem;
        margin: 0 auto;
    }

    .auth .auth_card {
        padding: 2rem;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
    }

}

@media only screen and (max-width: 420px)  {

    body.authentication {
        background-color: #fff;
    }

    .auth {
        padding: 2rem;
        background-color: #fff;
        border-bottom: #cfd9e6 solid 1px
    }

}

/* Forms */
.auth .form_label {
    margin: 1rem 0 .5rem 0;
    font-weight: 400;
    font-size: 1.1rem;
    color: #121731;
}

.auth .inp_cont {
    padding: .8rem;
    cursor: text;
    border: #ccc solid 1px;
    border-radius: 4px;
}

.auth .inp_cont.focused {
    border-color: #757c9a;
    box-shadow: 0 2px 5px 0 rgba(60,66,87, 0.1), 0 1px 1px 0 rgba(0, 0, 0, .07);
}

.auth .inp_cont input {
    width: 100%;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
}

.auth .inp_cont input:disabled {
    background-color: #d2d8db;
}

.auth .btn_submit {
    width: 100%;
    cursor: pointer;
    line-height: 3.8rem;
    text-align: center;
    border-radius: 4px;
    border: none;
}

.auth .btn_submit:hover {
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.auth .btn_submit.bg_dark_blue {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    background-color: #0053ca;
}

.auth .btn_submit.orange_red {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    background-color: #e00855;
}

.auth .footer_grey {
    margin-top: 2rem;
    padding: 0 0 2rem 0;
    text-align: center;
}

.auth .footer_grey a {
    color: #5a5a5a;
}

.auth .footer_grey a:hover {
    color: #969696;
}

.auth .separator_h3 {
    padding: .2rem 0;
    color: #3d4043;
    text-align: center;
    font-weight: 600;
    background-color: #e3e8eb;
    border-radius: 4px;
}

.profile_picture {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(60,66,87, 0.1), 0 1px 1px 0 rgba(0, 0, 0, .07);
}






ul.hr_tab_list {
    width: 100%;
    border-bottom: 2px solid #cdcfd1;
}

ul.hr_tab_list li {
    display: inline-block;
    margin: 0 22px -2px 0;
    height: 50px;
    line-height: 48px;
}

ul.hr_tab_list li.active {
    border-bottom: 2px solid #0069ff;
}

ul.hr_tab_list li.active > a {
    color: #031b4e;
}

ul.hr_tab_list li > a {
    display: block;
    border-bottom: none;
    color: #7e7e7e;
    font-weight: 600;
}

.profile_picture {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(60,66,87, 0.1), 0 1px 1px 0 rgba(0, 0, 0, .07);
}

.color_pick_grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
}

.color_pick_grid .cell {
    height: 2rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 3px;
}

.color_pick_grid .cell:hover {
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.color_pick_grid .cell .ico_selected {
    display: none;
    font-size: 1.8rem;
    text-align: center;
}

.cat_colored {
    padding: .2rem .4rem;
    color: #fff;
    background-color: #1f8b5f;
    border-radius: 4px;
}

.radio_bubble {
    display: grid;
    grid-template-columns: 2rem 1fr;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(0deg, #cbd1d5 0%, rgb(242 249 255) 100%);
    border: #b2b8c1 solid 1px;
    border-radius: 4px;
}

.radio_bubble:hover {
    background-color: #ccd0d8;
    border: #babdc5 solid 1px;
}

.radio_bubble h3 {
    padding-bottom: .4rem;
}

.radio_bubble p {
    color: #63676a;
}

.message_in {
    display: grid;
    grid-template-columns: 3.2rem 1fr;
}

.message_in .ico_success {
    height: 2.2rem;
    background-size: 2.2rem 2.2rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(/i/ic/svgs/success_checkmark_o.svg);
}

.message_in .ico_error {
    height: 2.2rem;
    background-size: 2.2rem 2.2rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(/i/ic/svgs/error_triangle.svg);
}

.message_in.success {
    align-items: center;
    background-color: #def2ac;
    border-bottom: #c5d895 solid 1px;
}

.message_in.success.out_border {
    border-radius: 4px;
    border: #758253 solid 1px
}

.message_in.error {
    background-color: #f2d4da;
    border-bottom: #dbc2c7 solid 1px;
}

.message_in.error.out_border {
    border-radius: 4px;
    border: #f2ace6 solid 1px
}


.info_sgl_box {
    margin-bottom: 1rem;
}

.info_sgl_box .tt {
    color: #111;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.info_sgl_box .val.bigger {
    font-size: 1.4rem;
    color: #565858;
}

.info_sgl_box .val {
    margin-top: .2rem;
}

.primary_image {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.primary_image .img {
    display: block;
    width: 100%;
    height: 9rem;
    background-size: 200px 100px;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/i/ic/svgs/items_silhouette.svg);
    border-radius: 4px;
}

.info_box_rg2 {}

.info_box_rg2 .box {
    margin-bottom: 1rem;
    padding: .4rem;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.info_box_rg2 .box .tt {
    letter-spacing: 1px;
    text-transform: uppercase;
}

.info_box_rg2 .box .num {
    margin-top: .2rem;
    font-size: 1rem;
    color: #222;
}

.info_box_rg2 .box .mid_title {
    padding: .5rem 0;
    margin-bottom: 1rem;
    border-bottom: #ccc solid 1px;
}

/* input_with_import_btn_wrap */
.input_with_import_btn_wrap .input_with_import_btn {
    display: grid;
    grid-template-columns: 1fr 2.4rem;
    grid-column-gap: 0;
    align-items: center;
}

.input_with_import_btn_wrap .input_with_import_btn input[type="text"]:disabled {
    color: #222;
    cursor: pointer;
    background-color: #f3f4f5;
}

.input_with_import_btn_wrap .input_with_import_btn input[type="text"]:disabled:hover {
    border: #848484 solid 1px;
}

.input_with_import_btn_wrap .input_with_import_btn .ico_pick {
    display: inline-block;
    height: 2.5rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.3rem 1.3rem;
    background-image: url(/i/ic/svgs/import_list.svg);
}


.input_with_import_btn_wrap {
    position: relative;
}

.input_with_import_btn_wrap .reset_val {
    position: absolute;
    top: 1px;
    right: 2.5rem;
    bottom: 1px;
    width: 1.6rem;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    background-color: #f3f4f5;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .8rem .8rem;
    background-image: url(/i/ic/svgs/close.svg);
    z-index: 1;
}

.input_with_import_btn_wrap .reset_val:hover {
    background-color: #d0d5d7
}



.filter_tabs {}

.filter_tabs {
    margin-bottom: 2rem;
}

.filter_tabs .tab {
    margin-right: 1rem;
    line-height: 1;
    padding: .2rem .4rem;
    background-color: #f5f6c3;
    border-radius: 4px;
}

.filter_tabs .tab.ico {
    padding-left: 1.6rem;
    background-position: .6rem center;
    background-repeat: no-repeat;
}

.filter_tabs .tab.ico[data-ico=close] {
    background-size: .6rem .6rem;
    background-image: url(/i/ic/svgs/close.svg);
}

.filter_tabs .tt {
    margin-right: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    color: #fff;
    padding: 0 .6rem;
    font-size: .9rem;
    background-color: #899195;
    border-radius: 4px
}

.modal_create_new_btn {
    cursor: pointer;
    padding: 1rem 1rem;
    font-weight: bold;
    background-color: #e7ecf4;
    border-top: #d1d5db solid 1px;
}

.modal_create_new_btn:hover {
    text-decoration: underline;
}

.modal_create_new_forms {
    display: none;
    padding: 1rem;
    background-color: #e7ecf4;
    border-top: #d1d5db solid 1px;
}

.modal_create_new_forms .gr {
    display: grid;
    grid-template-columns: auto 1fr 6rem;
    grid-column-gap: 1rem;
    align-items: center;
}

.inp_tt {
    padding-bottom: .4rem;
    font-size: .9rem;
    font-weight: bold;
    padding-bottom: .4rem;
}

.notes_info {
    padding: 1rem;
    color: #983705;
    background-color: #fff9e9;
    border-radius: 4px;
    border: #cac0a7 solid 1px
}


.big_amount_input {
    position: relative;
}

.big_amount_input input[type=text] {
    font-size: 2rem!important;
    line-height: 4rem!important;
    text-align: center!important;
    background: linear-gradient(#ffffff, #f1f1f1)
}

.big_amount_input .left_text {
    position: absolute;
    display: block;
    top: 20px;
    left: 1rem;
    color: #9c9c9c;
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.big_amount_input .right_text {
    position: absolute;
    display: block;
    top: 18px;
    right: 1rem;
    color: #9c9c9c;
    font-size: 1.4rem;
}

.upper_text_09 {
    color: #000;
    font-size: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.show_customer_small_container {
    display: grid;
    padding: .4rem;
    grid-template-columns: 1fr 7.2rem;
    grid-column-gap: 1rem;
    align-items: center;
    border: #ccc solid 1px;
    border-radius: 4px;
}

#uploads .block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #CCCCCC;
}

#uploads .block .progressBar {
    background-color: #3E6FAD;
    width: 0px;
    height: 5px;
    margin-top: 47px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
}

#uploads .block .cancelButton {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    background-color: black;
    border: 2px solid white;
    color: white;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0px 0px 10px 0px #C4C4C4;
    -webkit-box-shadow: 0px 0px 10px 0px #C4C4C4;
    -o-box-shadow: 0px 0px 10px 0px #C4C4C4;
    box-shadow: 0px 0px 10px 0px #C4C4C4;
    cursor: pointer;
}

#uploads .block .format {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 34px;
}

#uploads .block .error {
    text-align: left;
    font-size: 14px;
    color: red;
}


.its_list_images {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: -10px
}

.its_list_images .cell {
    display: flex;
    width: 6.5rem;
    margin: 0 1rem 1rem 0;
    justify-content: center;
    align-items: center;
}

.its_list_images .cell .wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 6.5rem;
}

.its_list_images .cell .th {
    display: block;
    height: 6.5rem;
    background-size: cover;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

.its_list_images .cell .btns {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .2rem .6rem;
    color: #fff;
    border-radius: 0 0 4px 4px;
    background-color: #00000078;
}

.its_list_images .cell .btns .ico {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    background-size: .9rem .9rem;
    background-repeat: no-repeat;
    background-position: center center;
}

.its_list_images .cell .btns .ico.del {
    background-image: url(/i/ic/svgs/trash_wh.svg);
}


.hc_tooltip_formatter {
    padding: 1rem;
    background-color: #fff;
    border-radius: 4px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;

}



/* Ripple magic */
.ripple {
    position: relative;
    overflow: hidden;
}

.ripple:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, .5);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
}

@keyframes ripple {
    0% {
        transform: scale(0, 0);
        opacity: 1;
    }
    20% {
        transform: scale(25, 25);
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(40, 40);
    }
}

.ripple:focus:not(:active)::after {
    animation: ripple 1s ease-out;
}

.card_box_2 {
    display: block;
    background: #fff;
    border-radius: 3px;
    color: #616161;
    padding: .8rem;
    transition: box-shadow 135ms cubic-bezier(.4,0,.2,1),width 235ms cubic-bezier(.4,0,.2,1);
    box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);
    overflow: hidden;
}

.card_box_2:hover {
    background-color: #f8f8f8;
    box-shadow: 0 1px 3px 1px rgba(60,64,67,.2), 0 2px 8px 4px rgba(60,64,67,.1);
}

.card_box_2 .tab_btn {
    color: #111;
    font-size: 1rem;
    font-weight: 500;
}

.card_box_2 .tab_btn.ico {
    padding-left: 1.7rem;
    background-repeat: no-repeat;
}

.card_box_2 .tab_btn.ico[data-ico=invoices] {
    background-size: 1.2rem 1.2rem;
    background-position: 0 center;
    /*background-image: url(/i/ic/svgs/invoice.svg);*/
    background-image: url(/i/ic/svgs/invoice_color_1.svg);
}

.card_box_2 .tab_btn.ico[data-ico=customers] {
    background-size: 1.4rem 1.4rem;
    background-position: 0 center;
    background-image: url(/i/ic/svgs/clerk_color_4.svg);
}

.card_box_2 .tab_btn.ico[data-ico=items] {
    background-size: 1rem 1rem;
    background-position: 0 center;
    background-image: url(/i/ic/svgs/items_blue.svg);
}

.card_box_2 .tab_btn.ico[data-ico=items] {
    background-size: 1rem 1rem;
    background-position: 0 center;
    background-image: url(/i/ic/svgs/items_blue.svg);
}

.card_box_2 .tab_btn.ico[data-ico=expense] {
    background-size: 1rem 1rem;
    background-position: 0 center;
    background-image: url(/i/ic/svgs/expansion.svg);
}


.dash_info_box_cnt {}
.dash_info_box_cnt .cnt {
    font-size: 1.3rem;
    color: #111;
}
.dash_info_box_cnt .tt {
    margin-top: .2rem;
    font-size: .9rem;
    color: #999;
}

table.events_timeline_section {
    width: 100%;
}

table.events_timeline_section tr:hover {
    background-color: #edf1f4;
}

table.events_timeline_section tr td:first-child {
    position: relative;
    width: 1.4rem;
    border-right: #dfe4ea solid 1px;
}

table.events_timeline_section tr td .dot {
    position: absolute;
    top: .6rem;
    right: -5px;
    width: .6rem;
    height: .6rem;
    background-color: #fff;
    border-radius: 50%;
    border: #0546a6 solid 1px;
}

table.events_timeline_section tr td.body {
    padding: .4rem 1rem .4rem 1rem;
}

table.events_timeline_section tr td p {
    color: #6d6d6d;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

table.events_timeline_section tr td p:hover {
    color: #111;
}

table.events_timeline_section tr td small {
    padding-top: .6rem;
}

table.events_timeline_section td.show_date {
    width: 8rem;
    padding: .4rem 1rem .4rem 1rem;
    border-left: #dfe4ea solid 1px;
}


.expense-category-bar {
    height: 8px;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 10px;
    box-shadow: inset 0 0 1px rgba(0,0,0,.1);
}

.expense-category-fill {
    height: 4px;
    margin: 2px;
    border-radius: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.expense-category-prc {
    color: #878787;
    font-size: .7rem!important;
    text-align: right;
}

.tabs_bar {
    display: flex;
    flex-direction: row;
}

.tabs_bar .tab, .tabs_bar .tt {
    display: flex;
    position: relative;
    flex-direction: column;
    margin-right: 1.6rem;
    padding-bottom: .8rem;
    color: #5e6775;
    font-size: 1.1rem;
    font-weight: 500;
    border-bottom: #fff0 solid 2px;
}

.tabs_bar .tt {
    color: #222;
    font-weight: 500;
}

.tabs_bar .tab:hover {
    color: #000;
    border-bottom: #868686 solid 2px;
}

.tabs_bar .tab.active {
    color: #1055c5;
    border-bottom: #1055c5 solid 2px;
}

.tabs_bar .tab .micro_badge {
    position: absolute;
    top: -10px;
    right: -9px;
    color: #ffffff;
    padding: 0.1rem .2rem;
    line-height: 1;
    font-size: .8rem;
    background-color: #077763;
    border-radius: 4px;
}

.fancy_boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
}

.fancy_boxes .cell {
    min-height: 4rem;
    color: #fff;
    border-radius: 4px;
}

.fancy_boxes .cell .tt {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9rem;
}

.fancy_boxes .cell .cnt {
    margin-top: .4rem;
    font-size: 1.6rem;
}

.fancy_boxes .cell .small {
    margin-top: .4rem;
    font-size: .8rem;
}

.fancy_boxes .cell.purple {
    background-image: linear-gradient(to right, rgb(92, 92, 255), rgb(137, 96, 255));
}

.fancy_boxes .cell.dark_blue {
    background: linear-gradient(90deg, hsla(248, 21%, 15%, 1) 0%, hsla(250, 14%, 61%, 1) 100%);
}

.fancy_boxes .cell.pink {
    background-image: linear-gradient(to right, rgb(255, 82, 144), rgb(255, 131, 137));
}



.drag-and-drop-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100px;
    box-sizing: border-box;
    border-radius: 6px;
    padding-bottom: 24px;
    padding-top: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
}

.drag-and-drop-box.gray-box {
    background-color: #F7F9FA;
    border: dashed #b9b9b9 2px;
}


.drag-and-drop-box.dragover {
    background-color: #2a2f45;
}

.white_wrap_bi_info {
    max-width: 400px;
    padding: .6rem;
    background-color: #ffffff;
    border: #ccc solid 1px;
    border-radius: 6px;
}


.finalized_msg {
    padding: .6rem;
    color: #00b289;
    background-color: #f0fffb;
    border: #00b289 solid 1px;
    border-radius: 4px
}

.display_note {
    display: grid;
    padding: .6rem;
    max-width: 42rem;
    grid-template-columns: 1.6rem 1fr;
    color: #3a3b3e;
    background-color: #fdfdff;
    border-radius: 4px;
    border: 1px #bdbec3 solid;
}

.inv_ov_messages .row {
    margin-bottom: 1rem;
}

.inv_ov_messages .row:last-child {
    margin-bottom: 0;
}

.global_search_results {}

.global_search_results .list.headline {
    padding: .4rem;
    font-weight: bold;
    background-color: #dfe3e8;
    border-bottom: #c4cbd4 solid 1px;
}

.global_search_results .list.gen {
    padding: .4rem;
    background-color: #f6f6f6;
}

.cst_render_name_photo {
    padding: .4rem;
    border-radius: 4px;
    background-color: #fff;
    background-image: linear-gradient(#fff, #f1f1f1);
    border: #d7dbde solid 1px;
}

.cst_render_name_photo .row {
    display: grid;
    grid-template-columns: 3rem 1fr;
    grid-column-gap: 1rem;
}

.cst_render_name_photo .row .ico {
    width: 3rem;
    height: 3rem;
    padding-top: .8rem;
    text-align: center;
    color: #606065;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #e0e3e4;

    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.cst_render_name_photo .row .title {
    font-weight: bold;
}


table.ib_inventory {
    width: 100%;
}

table.ib_inventory thead th {
    padding: .6rem .4rem;
    font-weight: bold;
    color: #36393a;
    text-transform: uppercase;
    background-color: #e3e8eb;
}

table.ib_inventory tbody tr:hover {
    background-color: #e0e0e0
}

table.ib_inventory tbody tr td {
    padding: .6rem .4rem;
    border-bottom: #d2d6d8 solid 1px;
}

#item_fill .body {
    padding-top: .4rem;
    border-top: #e4e5e6 solid 1px
}

#item_fill .body .item_tt {
    padding: .6rem .4rem;
    background-color: #fbfdff;
    border-radius: 4px;
    border: #e8e8e8 solid 1px;
}

#item_fill table {
    display: none;
    width: 100%;
}

#item_fill table tbody td {
    padding: 0 .4rem;
}

#item_fill table tbody td:first-child {
    padding-left: 0;
}

#item_fill table tbody td:last-child {
    padding-right: 0;
}

#item_fill table tbody td .tt {
    padding-bottom: .4rem;
}


#inventory_build_area table.ib_totals {
    width: 100%;
}

#inventory_build_area table.ib_totals tbody td {
    padding: .6rem;
    border-bottom: #ebebeb solid 1px
}

#inventory_build_area table.ib_totals tbody td:first-child {
    padding: .6rem .6rem .6rem 0;
}

#inventory_build_area table.ib_totals tbody td:last-child {
    padding: .6rem 0 .6rem .6rem;
}

#inventory_build_area table.ib_totals tbody td .tt {
    font-size: 1rem;
    font-weight: bold
}


.ib_btn_item {
    padding: 1rem;
    cursor: pointer;
    background-color: #edf1f4;
    border-radius: 4px;
    border: #e3e8eb solid 1px;
}

.ib_btn_item:hover {
    background-color: #dfe3e5;
    border: #ccc solid 1px;
}


.ib_btn_item.ico {
    padding-left: 2.8rem;
    background-size: 1.6rem 1.6rem;
    background-position: .6rem .7rem;
    background-repeat: no-repeat;
}

.ib_btn_item.ico.ico_select {
    color: #4c460e;
    background-color: #ffeb3b;
    background-image: url(/i/ic/svgs/import_list.svg);
    border: #9a8e23 solid 1px!important;
}

.ib_btn_item.ico.ico_create {
    background-size: 1.2rem 1.2rem;
    background-position: .8rem 1rem;
    background-image: url(/i/ic/svgs/plus.svg);
}


table.forms_gr {}

table.forms_gr td {
    padding: .8rem 0;
}

table.forms_gr tr {
    border-bottom: #ccc solid 1px;
}

table.forms_gr tr:last-child {
    border-bottom: none
}

table.forms_gr td.two_col.left {
    width: 50%;
    padding-right: 1rem;
}

table.forms_gr td.two_col.right {
    width: 50%;
    padding-left: 1rem;
}

table.forms_gr td .tt {
    padding-bottom: .4rem;
    font-size: .8rem;
    font-weight: bold;
    text-transform: uppercase;
}

table.forms_gr td .tt2 {
    padding-bottom: .4rem;
    font-size: 1rem;
    font-weight: 500
}

textarea.editable:focus {
    outline-width: 0;
}


.contact_info {}

.contact_info .tt {
    color: #999;
    padding-bottom: .2rem;
}

.contact_info .content {
    font-weight: 500;
}

.required_star {
    padding-left: .2rem;
    color: #e85858;
}

#cookies_policy {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 2rem
}

#cookies_policy .cont {
    text-align: center;
    align-items: center;
}

#cookies_policy .cont .box {
    display: inline;
    background-color: yellow;
}

#cookies_policy .cont .box .card {
    padding: 1.2rem;
}


.note_yellow_pad_head {
    color: #504a37;
    background-color: #d2cfc9;
    border-bottom: solid 1px #bfbbad;
    border-radius: 4px 4px 0 0
}

.note_yellow_pad {
    padding: 1rem;
    background-color: #fff9e9;
    border-radius: 0 0 4px 4px;
}

.note_yellow_pad_general {
    padding: .8rem;
    background-color: #fff9e9;
    border: 1px dotted #9a9a9a;
    border-radius: 4px
}

.in_modal_tabs {

}

.in_modal_tabs .tab:last-child {
    border-right: none;
}

.in_modal_tabs .tab {
    display: block;
    padding: 1rem;
    color: #0c4aa7;
    font-weight: 600;
    border-bottom: #b3b7bb solid 1px;
    border-right: #b3b7bb solid 1px;
    background-color: #d5dce2;
}

.in_modal_tabs .tab.active {
    color: #222;
    background-color: #fff;
}


#right_side_panel {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #00000094
}

#right_side_panel.open {
    display: block;
    transform: scaleY(1) scaleX(1);
    -webkit-animation: .1s ease-in-out backwards fadeIn;
    animation: .1s ease-in-out backwards fadeIn;
}

#right_side_panel_content {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -44rem;
    z-index: 1;
    background-color: white;
    transform: scaleY(1) scaleX(1);
    -webkit-animation: .2s ease-in-out forwards slideRightToLeft;
    animation: .2s ease-in-out forwards slideRightToLeft;
}

@-webkit-keyframes slideRightToLeft {
    100% { right: 0; }
}

@keyframes slideRightToLeft {
    100% { right: 0; }
}

#right_side_panel_content .side_grid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    max-height: 100vh;
    grid-template-rows: auto 1fr auto;
}

#right_side_panel_content .content_auto_scroll {
    overflow: scroll
}

#right_side_panel_content .content_auto_scroll.bg_gray {
    background-color: #edf1f4;
}

#right_side_panel_content header {
    padding: 1rem;
    border-bottom: #dbdde6 solid 1px;
    background-color: #fff;
}

#right_side_panel_content footer {
    padding: 1rem;
    border-top: #dbdde6 solid 1px;
    background-color: #fff;
}


.bank_logo {
    display: block;
    width: 8rem;
    height: 8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    border-radius: 4px;
}


.docs_upload_cont {
    width: 48rem;
    margin: 2rem auto;
    border-radius: 4px;
}

.upload_progress {
    position: relative;
    display: none;
    height: 4rem;
    background-color: #cfd4d7;
    border: #ccc solid 1px;
    border-radius: 4px;
}

.upload_progress .bg_fill {
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    background-image: linear-gradient(#7f8afe, #6e77da);
}

.upload_progress .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: bold;
    line-height: 3.9rem;
    padding: 0 1rem;
    color: #000;
    text-shadow: 1px 1px 1px #9fa4dc;
    border-radius: 4px;
    z-index: 1;
}

.button_x {
    padding: .8rem 1.6rem;
    cursor: pointer;
    border-radius: 6px;
}

.button_x.blue {
    color: #fff;
    background-image: linear-gradient(190deg,#2983FB,#1353B9);
}

.button_x.green {
    color: #fff;
    background-image: linear-gradient(190deg,#07a287,#086b5a);
}

.button_x.green:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(11, 112, 95, 0.56)
}

.btn_nav_back_to_studio {
    display: block;
    padding: .6rem 0;
    color: #fff;
    margin: .6rem 1.4rem 0 1.4rem;
    background-color: #43a994;
    text-align: center;
    border-radius: 4px;
    border: #369682 solid 1px;
}

#full_page_modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f1f1f1;
    z-index: 2;
}

.dash_center {
    width: 100%;
    min-width: 620px;
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
}

.dash_center.bg_gray {
    background-color: #d6dbde;
    border-radius: 6px;
}


.dash_center .into {}

.dash_center .into .head {
    padding: .8rem;
    background-color: #f2f3f3;
    border-radius: 6px 6px 0 0;
    border-bottom: #dbdee0 solid 1px
}

.dash_center .into .body {
    padding: .6rem;
}

.dash_center .into.white {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,.15)
}


.dash_center .into .head h3 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 1.1rem;
}

.dash_center .into table.generic {
    width: 100%;
}

.dash_center .into table.generic tr:hover {
    background-color: #ebedef
}

.dash_center .into table.generic tr td {
    padding: .4rem .6rem;
    border-bottom: #dbdbdb solid 1px;
}

.dash_center .into table.generic tr:last-child td {
    border-bottom: none;
}

.dash_center .into .body.no_content {
    padding: 2.6rem 0;
    text-align: center;
}

.dash_center .into .body.no_content h3 {
    text-align: center;
}


.dash_center .large_btn {
    padding: .8rem;
    font-size: 1rem;
    font-weight: 600;
    border: #15191b dashed 1px;
    border-radius: 6px;
    background-image: linear-gradient(#fff, #e0e0e0)
}

.dash_center .large_btn:hover {
    background-image: linear-gradient(#fff, #d5d5d5)
}

.list_selected_total {
    display: none;
    padding: 1rem;
    text-align: right;
    color: #fff;
    background-color: #8e9db4;
    border-radius: 4px;
}

.list_selected_total.open {
    display: block;
}

.list_selected_total .cnt {
    font-size: 1.4rem;
}

.inputs_xl_container {
    padding: 1rem;
    background-color: #d0d9df;
    border-radius: 4px;
}

input.extra_large {
    padding: 0 .8rem;
    font-size: 1.6rem;
    line-height: 3rem;
    border: #ccc solid 1px;
    border-radius: 4px;
}

button.extra_large {
    position: relative;
    display: inline-block;
    margin-right: 1rem;
    text-align: center;
    border-radius: 3px;
    color: #414448;
    background: #fff;
    padding: 0 1rem;
    line-height: 3rem;
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
    vertical-align: baseline;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}


.discount-bg {
    background: linear-gradient(90deg,#ff7b00 0,#ff585a 50%,#dd65dc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.discount-bg {
    display: inline-block;
    font-size: 200px;
    font-weight: 600;
    color: #ff585a;
}

.bg_text {
    font-size: 3rem;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

    background-repeat: no-repeat;
    background-image: url(/i/ic/etc/bsur_w.jpg);
    background-size: cover;
    background-position: left;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.msg_bubble_base_small {
    padding: 1rem 0;
    background-color: #f3f7fa;
    color: #91999f;
    border-radius: 4px;
    border: #dae3e9 solid 1px
}

.gradient_header_blue {
    color: #fff;
    background: linear-gradient(-45deg, #19C5FE, #4553FF)!important;
}

.gradient_header_dark_gray {
    color: #fff;
    background: linear-gradient(-45deg, #6e7d82, #3a4548)!important;
}

.gradient_header_canva {
    color: #fff;
    background: linear-gradient(90deg,#00c4cc,#7d2ae8);
}

.gradient_header_playful {
    color: #fff;
    background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%)
}

.gradient_header_green {
    color: #fff;
    background: linear-gradient(-45deg, #5e9f91, #206e5d)!important;
}

#close_side_modal {
    position: fixed;
    width: 3rem;
    height: 3rem;
    top: .4rem;
    left: -3.6rem;
    background-color: #ffffff1a;
    background-size: 1.4rem 1.4rem;
    background-image: url(/i/ic/svgs/close_dark_gray.svg);
    background-position: .8rem center;
    background-repeat: no-repeat;
    border-radius: 50%;

}


/* Hover table row navigation */
table.hover_cell_menu tbody tr:hover td .hover_table_cell_menu {
    display: grid
}

td .hover_table_cell_menu {
    position: absolute;
    display: none;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3, auto);
    grid-column-gap: .2rem;
    top: 0;
    right: 0;
    bottom: 0;
}

td .hover_table_cell_menu .cell {
    display: grid;
    align-items: center;
    cursor: pointer;
}

td .hover_table_cell_menu .h_btn {

}

td .hover_table_cell_menu .ico {
    width: 1.6rem;
}

td .hover_table_cell_menu .h_btn.bg_img {
    height: 100%;
    /*background-color: #f1f1f1;*/
    background-position: center center;
    background-repeat: no-repeat;
}

td .hover_table_cell_menu .h_btn.bg_img.ico_info {
    width: 2.2rem;
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/info_mono.svg);
}

td .hover_table_cell_menu .h_btn.bg_img.ico_delete {
    width: 2.2rem;
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/trash.svg);
}


td .hover_table_cell_menu .h_btn.bg_img.ico_download {
    width: 2.2rem;
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/download_doc_2.svg);
}

td .hover_table_cell_menu .h_btn.bg_img.ico_edit {
    width: 2.2rem;
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/edit_2.svg);
}

tr.hover_bg.light_gray:hover {
    background-color: #e1e7e9
}

.bg_gradient_yl2red {
    color: #fff;
    text-shadow: 1px 1px 1px #434343;
    background: linear-gradient(90deg, hsla(46, 95%, 56%, 1) 0%, hsla(350, 97%, 65%, 1) 100%);
}

.bg_gradient_yl2orange {
    color: #4b2b00;
    background: linear-gradient(270deg, hsla(33, 100%, 53%, 1) 0%, hsla(58, 100%, 68%, 1) 100%);
}

.bg_gradient_blue2green {
    color: #024b26;
    background: linear-gradient(270deg, hsla(138, 82%, 69%, 1) 0%, hsla(186, 100%, 50%, 1) 100%);
}

.bg_gradient_light_gray2blue {
    color: #102540;
    background: linear-gradient(90deg, hsla(186, 33%, 94%, 1) 0%, hsla(216, 41%, 79%, 1) 100%);
}

.bg_gradient_light_3color_abc {
    color: #102540;
    background: linear-gradient(90deg, hsla(141, 54%, 86%, 1) 0%, hsla(333, 73%, 85%, 1) 50%, hsla(211, 58%, 79%, 1) 100%);
}

.container_bulk_invoice_send_preview {
    padding: .6rem;
    margin-top: 1rem;
    border-radius: 4px;
}

.container_bulk_invoice_send_preview.green {
    background: linear-gradient(90deg, hsl(152deg 58% 93%) 0%, hsl(140deg 25% 65%) 100%);
    border: #95b09f solid 1px
}

.container_bulk_invoice_send_preview.red {
    background: linear-gradient(90deg, hsl(16deg 100% 96%) 0%, hsl(16deg 73% 78%) 100%);
    border: #d9b7ad solid 1px
}

/* Changelog posts */
.changelog_posts {
    width: 40rem;
    margin: 4rem auto 0 auto;
}

.changelog_posts .post {
    margin-bottom: 3rem
}

.changelog_posts .post h2 {
    margin: 0;
    padding: 0 0 1.6rem 0;
    color: #000;
    font-size: 2.2rem;
    font-weight: 800
}

.changelog_posts .post p {
    line-height: 148%;
    color: #000;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}



.bg_collection_yellow_svg {
    background-color: #ffaa00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbf00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd624' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe038' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffeb49' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff558' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
    /*background-attachment: fixed;*/
    background-size: cover;
}

.bg_collection_blue_gradient {
    background-image: linear-gradient(95deg,#023e97,#02c7e1)
}

.icon__wave {
    width: 80px;
    margin-top: 1rem;
    margin-bottom: 1em;
}

.icon__wave .line {
    fill: none;
    stroke: url(#gradient) #e50b4f;
    stroke-width: 15;
    stroke-miterlimit: 10;
}

/* show active time tracker */
#time_tracker_active {
    display: none;
    position: fixed;
    padding: .3rem 1rem;
    bottom: 16px;
    right: 30px;
    color: #410637;
    text-align: center;
    background: linear-gradient(
            90deg
            , #e4e9ec 0%, #a5b3bb 100%);
    border-radius: .2rem;
    z-index: 1
}

#time_tracker_active .time_cnt {
    font-size: 1.3rem;
}

.white_transparent_layer {
    padding: .6rem;
    background-color: #ffffff80;
    border-radius: 4px
}

/* table global settings */
table tbody td.lead_color {
    width: .6rem;
    padding-left: 0!important;
    padding-right: 0!important;
}

table tbody td.checkbox {
    position: relative;
    width: 2rem
}

table tbody tr[data-completion-status="2"] {
    background-color: #f3fcfa
}

table tbody tr[data-completion-status="2"]:hover td {
    background-color: #f3fcfa
}

.table_head_check_all {
    width: 3rem;
    height: 2rem;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

.table_head_check_all.ico {
    background-size: 1.1rem 1.1rem;
}

@-webkit-keyframes zoomIn {
    0% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}