.studio_identity {
    display: block;
    padding: 0 0 .4rem 0;
    text-align: center;
    border-bottom: #c5c9cc solid 1px
}

.studio_identity .tt {
display: block;
font-size: 1.6rem;
}

.studio_identity .small {
display: block;
    margin-top: .2rem;
color: #000;
font-weight: 300;
font-size: .8rem;
text-transform: uppercase;
letter-spacing: 1px;
}

.account_head {
    padding: 1rem;
    color: #f1f1f1;
    /*background-color: #253858;*/
    background: linear-gradient(90deg, hsla(328, 75%, 45%, 1) 0%, hsla(269, 85%, 41%, 1) 100%);
    /*background: linear-gradient(90deg, hsla(46, 95%, 56%, 1) 0%, hsla(350, 97%, 65%, 1) 100%);*/
    border-radius: 4px;
}

.account_head.extended {
    padding: 1rem;
    color: #f1f1f1;
    background: linear-gradient(90deg, hsla(328, 75%, 45%, 1) 0%, hsla(269, 85%, 41%, 1) 100%);
    border-radius: 0 0 6px 6px;
}

.account_head .pin_note {
    padding: .4rem;
    margin-top: .4rem;
    color: #dae7ef;
    background-color: #ebebeb40;
    border-radius: 2px
}

.account_head .account_tt {
    color: #fff;
    font-size: 1.4rem;
}

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


.team_user_header {
    display: grid;
    grid-template-columns: 3.2rem 1fr 1fr;
    grid-column-gap: 1rem;
    padding: 0.8rem;
    border-radius: 12px;
    color: #fff;
    align-items: center;
    background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%)
}

.team_user_header .avt {
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-size: cover;
    background-color: #b0c0d9;
    background-repeat: no-repeat;
    background-position: center center;
}

.team_user_header .name {
    font-weight: 600;
    font-size: 1.4rem;
}


.weekdays_mini_grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 1rem;
}

.weekdays_mini_grid label {
    padding: .4rem 0;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    border: #ccc solid 1px;
}

.weekdays_mini_grid label:hover {
    border-color: #000;
}

.promo_organizer_blue {
    padding: 1.4rem;
    text-align: center;
    background-color: #6ef3ff;
    border-radius: 8px;
    border: #04a8e0 solid 1px;
}


/* Meta data preview */
.doc_meta_preview {
    display: grid;
    width: 100vw;
    height: 96vh;
    grid-template-columns: 600px 1fr;
    grid-column-gap: 1rem;
    padding: 1rem 1rem
}

.doc_meta_preview .head_tt {
    padding: .8rem;
    color: #ffffff;
    font-weight: bold;
    background-color: #063455;
    border-radius: 4px;
}

.doc_meta_preview .cell_body {
    height: calc(100vh - 108px);
    padding-right: 1rem;
    overflow-y: auto
}

.doc_meta_preview .third_cell .preview_container {
    width: 100%;
    height: calc(100vh - 128px)
}

.doc_meta_preview .third_cell .buttons_container {
    padding-top: .8rem;
    background-color: #e4e6e7;
}

.doc_meta_preview .meta_forms {
    width: 100%
}

.doc_meta_preview .meta_forms td {
    padding: .5rem 0;
}

.doc_meta_preview .meta_forms td:first-child {
    padding-right: .8rem;
    border-right: #ccc solid 1px;
}

.doc_meta_preview .meta_forms td:nth-child(2) {
    padding-left: .8rem
}

.doc_meta_preview .meta_forms td .tag_ocr {
    display: inline-block;
    padding: .1rem .4rem;
    border-radius: 4px;
    font-size: .8rem;
    white-space: nowrap;
    color: #231602;
    background-color: #f5ae3d;
}

.doc_meta_preview .meta_forms td .tt {
    font-size: .8rem;
    font-weight: 500;
    text-transform: uppercase;
}


.doc_meta_preview .third_cell .preview_container {
    width: 100%;
    height: calc(100vh - 128px)
}

.doc_meta_preview .third_cell .buttons_container {
    padding-top: .8rem;
    background-color: #e4e6e7;
}

.doc_meta_preview .partners_container {
    position: absolute;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    grid-row-gap: 1rem;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f5f6f7;
    height: 91vh;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 hsla(0,0%,100%,0.5),0 3px 8px 0 #555a64;;
    z-index: 1;
}

.partners_container .head {
    padding: 1rem;
    border-radius: 4px 4px 0 0;
}

.partners_container .search_container {
    margin: 0 1rem;
}

.partners_container .search_container .in {
    width: 100%;
    display: grid;
    grid-template-columns: 2.6rem 1fr 3rem;
    grid-column-gap: .2rem;
    background-color: #fff;
    border: #10b8c2 solid 2px;
    align-items: center;
    border-radius: 4px;
}

.partners_container .search_container .in input[type=search] {
    appearance: none;
    background: transparent;
    font-size: 1.2rem;
    padding: 1rem 0;
    outline: none;
    border: 0;
}

.partners_container .search_container .in img.clear_x {}

.partners_container .middle_body {
    overflow-y: auto;
}

.partners_container .results_list {
    margin: 0 1rem;
}

.partners_container .results_list .box {
    display: grid;
    grid-template-columns: 2rem 1fr 2rem;
    grid-column-gap: 1rem;
    align-items: center;
    padding: .6rem;
    margin-bottom: .8rem;
    cursor: pointer;
    box-shadow: 0 1px 3px 0 #d4d9e1;
    background-color: #fff;
    border-radius: 4px;
}

.partners_container .results_list .box.general {
    padding: .4rem;
    grid-column-gap: .4rem;
}

.partners_container .results_list .box:hover, .partners_container .results_list .box.active {
    color: #fff;
    background-color: #10b8c2;
}

.partners_container .results_list .box.general:hover, .partners_container .results_list .box.general.active {
    color: #09242a;
    background-color: #d2dadb;
}

.partners_container .results_list .box .tt {
    font-size: 1rem;
    font-weight: bold;
}

.partners_container .results_list .box .info {
    margin-top: .3rem;
    font-size: .9rem;
}

.partners_container .footer {
    padding: 1rem;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,0.12);
}

.partners_container .head_tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
    align-items: center;
    margin: 0 1rem 1rem 1rem;
}

.partners_container .head_tabs .tab {
    padding: 0 0 .4rem 1.8rem;
    color: #707678;
    font-weight: bold;
    font-size: 1.1rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-bottom: #ced3d5 solid 3px;
}

.partners_container .head_tabs .tab:hover, .partners_container .head_tabs .tab.active {
    color: #3f4243;
    border-bottom-color: #5d5b5f
}

.partners_container .create_search {
    margin: 0 1rem;
}

.partners_container .create_mid_body {
    margin: 0 1rem;
}

.meta_partner_box {
    display: grid;
    grid-template-columns: 1fr 22px;
    grid-column-gap: .8rem;
    padding: .6rem;
    color: #fff;
    cursor: pointer;
    align-items: center;
    background-color: #0da2ab;
    border-radius: 4px;
}

.meta_partner_box:hover {
    background-color: #0a959d
}

.meta_partner_box .partner_tt {
    font-weight: bold;
    font-size: 1.1rem;
    text-shadow: 1px 1px 1px #0d7e84;
}

.meta_partner_box .partner_info {
    margin-top: .2rem;
    font-size: .9rem;
}

.meta_vat_description {
    display: grid;
    grid-template-columns: 1fr 1.2rem;
    grid-column-gap: 1rem;
    padding: .6rem;
    cursor: pointer;
    font-weight: bold;
    align-items: center;
    background-color: #ffffff;
    border-radius: 4px;
    border: #bcbdbe solid 1px;
}

.meta_vat_description:hover {
    border-color: #333;
}

.fp_body:focus {
    outline: none;
}

.fp_body header {
    padding: .6rem 1rem;
    border: #e5e5e5 solid 1px;
}

.grid_2col_with_separator {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    grid-column-gap: 1rem;
}

.grid_2col_with_separator .cell.separator {
    background-color: #a4b1b5;
}

tr.tr_bg_processed {
    color: #fff;
    background-color: #2a9d8f!important;
}

.sm_auto_scroll_box {

    max-height: 10rem;
    overflow-y: auto;

}


.doc_inbox_grid_button {
    display: grid;
    grid-template-columns: 4rem auto 4rem;
    align-items: center;
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 6px;
}

.doc_inbox_grid_button:hover {
    background: linear-gradient(#fff, #f1f1f1);
}

.doc_inbox_grid_button .cell {
    padding: 1rem;
}

.doc_inbox_grid_button .cell.tt {
    font-size: 1.2rem;
    font-weight: 500;
}

.doc_inbox_grid_button .cell.cnt {
    color: #1775b8;
    font-size: 1.6rem;
}

.post_view {
    width: 680px;
    margin: 4rem auto 0 auto;
    color: #000000;
    font-size: 1.2rem;
    line-height: 1.4;
}

.post_view h1 {
    color: #434343;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.post_view .nav {
    font-size: 1.1rem;
    margin-bottom: 3rem;
}

.post_view .nav table.twrap {
    width: 100px;
    margin: 0 auto;
}

.post_view .nav table.twrap td {
    padding: 0 .3rem;
}

.post_view .nav img.circle {
    border-radius: 50%;
}

.post_view .post_body ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1rem;
}

.post_view .post_body ol li {
    list-style-type: decimal;
}

.post_view .post_body ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1rem;
}

.post_view .post_body ul li {
    list-style-type: disc;
}

.post_view .post_body a {
    color: #075cd9;
}

.post_view .post_body a:hover {
    text-decoration: underline
}


.document_prime_search_wrap {
    padding: 2rem 0;
    background-image: linear-gradient(to right top, #845ec2, #a55dbd, #c15db5, #d95fab, #ec64a0, #f76e91, #fd7b84, #ff8a7a, #ffa26e, #ffbd66, #ffda65, #f9f871);
    border-radius: 4px
}

.document_prime_search {
    display: grid;
    width: 680px;
    margin: 0 auto 0 auto;
    grid-template-columns: 3rem auto;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
}

.document_prime_search .ico {
    height: 3rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    background-image: url(/i/ic/svgs/search_glass.svg);
}

.document_prime_search input[name=q] {
    width: 98%;
    padding: 0 1rem;
    line-height: 3;
    font-size: 1.2rem;
    border: none;
}

.document_prime_search input[name=q]:focus {
    outline-width: 0;
}

.action_buttons .btn.bg_gray_gradient, .action_buttons .btn.bg_gray_gradient:hover {
    color: #fff;
    font-weight: 500;
    background-image: linear-gradient(180deg, #5f6f74, #354043)
}

.action_buttons .btn.upper_text {
    text-transform: uppercase;
    font-size: .8rem;
    word-spacing: 3px;
    border-radius: 6px;
}

.action_buttons .btn.bg_blue2 {
    color: #fff;
    background-color: #0061ff;
}

.action_buttons .btn.gradient_purple {
    color: #fff;
    background: linear-gradient(90deg, hsla(328, 75%, 45%, 1) 0%, hsla(269, 85%, 41%, 1) 100%);
}


table.index_tree {
    width: 100%;
}

table.index_tree tr:hover {
    background-color: #f1f1f1;
}

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

table.index_tree td {
    padding: .6rem .4rem;
    border-bottom: #e6ebed solid 1px;
}

table.index_tree tr td:first-child {
    padding-left: .2rem;
}

table.index_tree tr td:last-child {
    padding-right: .2rem;
}

table.index_tree a.tt {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
}

table.index_tree .show_on_hover a {
    font-size: .9rem;
    padding: .3rem .4rem;
    color: #000;
    background-color: #d0d0d0;
    border-radius: 4px
}

.show_on_hover {
    display: none;
}


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

.grid_help_tools .cell {
    padding: 2rem 0;
    background-color: #fff;
    border-radius: 4px;
}

.grid_help_tools a.cell:hover {
    background-color: #edf2f3;
}




/* Tabs */
.tabs_in_modal {
    /*display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-column-gap: 1rem;
    align-content: center;*/
    display: flex;
}

.tabs_in_modal .tab {
    display: inline-flex;
    padding: 1rem 1.2rem .7rem 1.2rem;
    margin-right: .4rem;
    text-align: center;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 500;
    border-radius: 4px;
    background: linear-gradient(#f1f1f1, #d8d9db);
    border-bottom: #bebfc2 solid 4px;
}

.tabs_in_modal .tab:hover, .tabs_in_modal .tab.active {
    background: linear-gradient(#f1f1f1, #bfc3ca);
    border-bottom-color: #c81d79;
}

.tabs_in_modal .tab span {

}

/* In Centered Duo Page */

.page_duo {
    display: grid;
    width: 76rem;
    margin: 0 auto 6rem auto;
    grid-template-columns: 180px 1fr;
    grid-column-gap: 2.8rem
}

.page_duo .col_nav {}

.page_duo .col_body {}

.page_duo .col_nav .tabs {
    display: grid;
    grid-row-gap: .2rem;
}

.page_duo .col_nav .tabs .tab {
    display: grid;
    grid-template-columns: 1fr 2rem;
    line-height: 38px;
    border-radius: 4px;
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
}

.page_duo .col_nav .tabs .tab.tt {}
.page_duo .col_nav .tabs .tab .badge {
    padding-right: .3rem;
    text-align: right;
}

.page_duo .col_nav .tabs .tab:hover, .page_duo .col_nav .tabs .tab.active {
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);

}

.page_duo .col_nav .tab.ico {
    padding-left: 2.8rem;
    background-repeat: no-repeat;
    background-position: .6rem center;
}

.page_duo .col_nav .line_separator {
    height: 1px;
    margin: .4rem 0;
    background-color: #bfc4c6;
}


/* Button Large v2 */

.btn_large {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: .8rem;
    cursor: pointer;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 4px;
}

.btn_large.btn_white {
    color: #444;
    background-color: #fff;
    border: none
}

.btn_large.btn_white:hover {
    background-color: #f9f9f9;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%)
}

.btn_large.btn_blue {
    color: #fff;
    background-color: #0061ff;
    border: none
}

.btn_large.btn_blue:hover {
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%);
    background-color: #0658df
}

.btn_large .ico {
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -2px;
    margin-right: .8rem;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
    background-position: center center;
}

/* End page duo */

.centered_mid_in_body {
    width: 780px;
    margin: 0 auto;
}

.table_duo {}

.table_duo tbody tr td {
    box-shadow: none;
    border-bottom: #bbc1c4 solid 1px
}

.table_duo tbody tr td:first-child {
    width: 10rem;
    color: #000;
    font-weight: 500;
    background-color: #e3e8eb
}

.table_duo tbody tr:first-child td:first-child {
    border-top-left-radius: 4px;
}

.table_duo tbody tr.hv:hover, .table_duo tbody tr.hv:hover td:first-child {
    color: #fff!important;
    background-color: #0B253F!important;
}


.button_circle_ico {
    width: 34px;
    height: 34px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #e2e8ed
}

.button_circle_ico:hover {
    background-color: #d0d7dd
}

.button_circle_ico.ico {
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center center;
}

.button_light {
    padding: 0 .8rem;
    line-height: 28px;
    cursor: pointer;
    background-color: #e2e8ed;
    border-radius: 6px
}

.button_light:hover {
    background-color: #d0d7dd
}

.task_add_row {
    line-height: 28px;
    cursor: pointer;
}

.task_add_row.ico {
    padding-left: 1.8rem;
    background-size: 1.1rem 1.1rem;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.task_add_row:hover {
    color: #3a86ff;
    background-image: url(/i/ic/svgs/add_thin_colored.svg)
}

.list_tags_with_checkbox {
    max-height: 18rem;
    overflow-y: scroll;
}

.list_tags_with_checkbox .row {
    position: relative;
    cursor: pointer;
    line-height: 32px;
    background-color: #f0f3f5;
    border-bottom: #e0e4e7 solid 1px
}

.list_tags_with_checkbox .row .checkbox_img {
    position: absolute;
    top: 7px;
    right: 7px;
}

.list_tags_with_checkbox .row:hover {
    background-color: #e3e8eb
}

.list_tags_with_checkbox .row.active {
    background-color: #c2c7cb
}

.list_tags_with_checkbox .row.ico {
    padding-left: 2.2rem;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: .6rem center;
}


.list_tags_with_checkbox .row .checkbox_custom_right {
    position: absolute;
    top: 9px;
    right: 7px;
    width: 16px;
    height: 16px;
}

.list_tags_with_checkbox .row .checkbox_custom_right.ico {
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.list_tags_with_checkbox .row .checkbox_custom_right input[type=checkbox] {
    display: none
}

ul.gen_selectable {}

ul.gen_selectable li {
    cursor: pointer;
    padding: .6rem
}

ul.gen_selectable li:hover {
    background-color: #e2e8ec
}

/**/
ul.left_checkbox_selectable {}

ul.left_checkbox_selectable li {
    position: relative;
    cursor: pointer;
    line-height: 26px
}

ul.left_checkbox_selectable li.user {
    padding-left: 44px;
    line-height: 38px
}

ul.left_checkbox_selectable li.user .ico_avt_circle {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
}

ul.left_checkbox_selectable li.cb {
    padding-left: 2.2rem;
    border-bottom: #e3e8ec solid 1px
}

ul.left_checkbox_selectable li.cb:last-child {
    border-bottom: none
}

ul.left_checkbox_selectable li.cb .ico {
    position: absolute;
    top: 6px;
    left: 8px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
}

ul.left_checkbox_selectable li.cb input[type=checkbox] {
    display: none
}

ul.left_checkbox_selectable li:hover {
    background-color: #e3e8eb
}

ul.left_checkbox_selectable li.active {
    background-color: #e2e8ec
}


.mini_tab_navigation {}

.mini_tab_navigation .tab {
    display: inline-flex;
    padding: .6rem;
    margin-right: 1rem;
    color: #0884e7;
    font-size: 1.1rem
}

.mini_tab_navigation .tab:hover, .mini_tab_navigation .tab.active {
    color: #000;
    border-bottom: #999 solid 1px
}


.ico_avt_circle {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    padding-top: 8px;
    line-height: 1;
    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;
}

.list_labels {
    display: inline-block;
    min-height: 22px;
    margin-right: .4rem
}

.list_labels:last-child {
    margin-right: 0
}


.list_labels .label {
    display: inline-flex;
    margin-right: .4rem;
    padding: 0 .4rem;
    margin-right: .4rem;
    font-size: 12px;
    line-height: 22px;
    border-radius: 4px;
}

.list_labels .label.bg_purple {
    color: #fff;
    background-color: #b246d9
}

.list_labels .label.bg_yellow {
    color: #000;
    background-color: #ffdd01
}


.list_labels .label.ico {
    padding-left: 1.6rem;
    background-repeat: no-repeat;
    background-size: .8rem .8rem!important;
    background-position: .4rem center
}


.list_labels .label:last-child {
    margin-right: 0;
}

#sub_modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff0;
    z-index: 3;
}

#sub_modal .sm_container {
    position: fixed;
    top: 0;
    left: -50px;
    min-width: 220px;
    min-height: 120px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
    border-radius: 4px;
    z-index: 3;
}


.head_yl {
    padding: 2rem 1rem;
    border-radius: 4px;
    background: linear-gradient(90deg, hsla(40, 94%, 74%, 1) 0%, hsla(60, 89%, 72%, 1) 100%)
}

.head_time_tracking {
    padding: 1rem 1rem;
    border-radius: 4px;
    background: linear-gradient(90deg, #e4e9ec 0%, #a5b3bb 100%)
}

.checklists {}

.checklists .checklist_row {
    display: grid;
    margin-top: 1rem;
    grid-template-columns: 38px 1fr;
    align-items: center;
}

.checklists div[data-action=active_checkboxes] .checklist_row {
    cursor: pointer
}

.checklists .checklist_row .tt {
    font-size: 1.2rem
}

.checklists .checklist_row:hover .tt {
    color: #000;
    text-decoration: underline
}

.in_two_box {
    display: inline-block;
    margin-right: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9rem;
    background-color: #fff6be;
    border-radius: 4px;
    border: solid 1px #595220;
}

.in_two_box:last-child {
    margin-right: 0
}

.in_two_box .tt {
    display: inline-block;
    padding: 6px 6px 5px 6px;
    border-right: 1px solid #beb151;
}

.in_two_box .cont {
    display: inline-block;
    padding: 6px 6px 5px 0;
}

.mid_size_h2_form {
    display: inline-block;
    margin-top: 3rem;
    background-color: #f1f4f5;
    /*background: linear-gradient(90deg, hsla(40, 94%, 74%, 1) 0%, hsla(60, 89%, 72%, 1) 100%);*/
    border-radius: 4px;
}

.mid_size_h2_form .c1 {
    display: inline-block;
    line-height: 72px;
    padding: 0 18px;
    font-weight: 500;
    font-size: 1.1rem;
    color: #554904;
    border-right: #d8dadb solid 1px
}

.mid_size_h2_form .c2 {
    display: inline-block;
    padding: 0 18px
}

.mid_size_h2_form .c2 input[type=text] {
    line-height: 42px;
    font-size: 1.2rem;
    text-align: center
}

.checklist_ico_and_percent {
    display: inline-block;
}

.checklist_ico_and_percent img {
    display: inline-block;
}

.checklist_ico_and_percent .msg {
    display: inline-block;
}

button.big_btn_yl {
    display: inline-block;
    padding: 1rem 4rem;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 6px;
}

button.big_btn_yl:disabled {
    cursor: not-allowed;
    color: #bcbcbc!important;
    background-color: #f1f6f8!important;
}


.user_inline_render_box {
    display: inline-flex;
    height: 2rem;
    margin-right: 1rem;
    background-color: #d1dee3;
    border-radius: 1rem;
}

.user_inline_render_box.bg_semi_white {
    background-color: #ffffffa6
}

.user_inline_render_box:last-child {
    margin-right: 0;
}

.user_inline_render_box .tt {
    display: flex;
    padding: 0 .6rem 0 .6rem;
    color: #032732;
    line-height: 2rem;
}

.user_inline_render_box .ico_avt {
    display: flex;
    width: 2rem;
    height: 2rem;
    padding-top: 7px;
    padding-left: 4px;
    color: #606065;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50%;
    background-size: cover;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
}

/* vat log check table */
.vat_log_row {
    padding: .8rem;
    margin-bottom: .8rem;
    background-color: #fff;
    border-radius: 4px
}

.vat_log_row table.compare {}

.vat_log_row table.compare td {
    padding-right: .6rem;
}

.vat_log_row table.compare td:first-child {
    padding-left: .6rem;
}

.vat_log_row table.compare tr.log_data td {
    padding-bottom: .3rem;
    border-bottom: #a9c0ce solid 1px;
}

.vat_log_row table.compare tr.file_data td {
    padding-top: .3rem;
}


.inline_boxes {}
.inline_boxes .box {
    display: inline-block;
    margin-right: .4rem;
}

.inline_boxes .box:last-child {
    margin-right: 0;
}

.inline_chips {
    display: flex;
    align-items: center;
}

.inline_chips .chip {
    display: flex;
    align-items: center;
    margin-right: .6rem;
    padding: .2rem .4rem;
    font-size: .8rem;
    line-height: 1;
    color: #000;
    background-color: #dae2e7;
    border-radius: 4px;
}

.inline_chips .chip.bordered {
    border: solid 1px;
}

.inline_chips .chip.white {
    color: #3f4143;
    border-color: #d7dddc;
    background-color: #fff
}

.inline_chips .chip.light_gray {
    color: #3f4143;
    border-color: #edf0f1;
    background-color: #edf0f1
}

.inline_chips .chip.dark {
    color: #fff;
    background-color: #6c7a82
}

.inline_chips .chip.yl {
    color: #983705;
    border-color: #f8e5b9;
    background-color: #f8e5b9
}

.inline_chips .chip:last-child {
    margin-right: 0
}

.inline_chips .chip .ico {
    width: .8rem;
    height: .8rem;
    margin-right: .4rem;
    background-size: .8rem .8rem;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Employee header  */
.employee_header {
    padding: .8rem .8rem .6rem .8rem;
    background-color: #ffffff7a;
    border-radius: 4px;
    border: #bdc9d9 solid 1px;
    background: linear-gradient(90deg, hsla(186, 33%, 94%, 1) 0%, hsla(216, 41%, 79%, 1) 100%);
}

.employee_header .avt {
    display: inline-block;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    background-size: cover;
    background-color: #e3e8eb;
    background-repeat: no-repeat;
    background-position: center center;
}

.employee_header .tt_colored {
    color: #413f3f;
    font-weight: 500;
    font-size: 1.8rem;
    background: linear-gradient(90deg,#ff7b00 0,#ff585a 50%,#dd65dc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav_horizontal_wh_container {
    background-color: white;
    padding: .6rem;
    border: #bcc8ce solid 1px;
    border-radius: 4px;
}

.tab_doc_type {
    position: relative;
    display: block;
    padding: .6rem .6rem;
    border-bottom: #e1e5e7 solid 1px;
}

.tab_doc_type.active, .tab_doc_type:hover {
    color: #000;
    background-color: #c3d3e9
}

.tab_doc_type:last-child {
    border-bottom: 0;
}

.tab_doc_type .tag_cnt {
    position: absolute;
    top: .4rem;
    right: .4rem;
    padding: .2rem .3rem;
    background-color: #cbd2d7;
    border-radius: 4px;
}

.tab_doc_type .tag_cnt.nil {
    color: #999;
    background-color: #f1f1f1;
}

.tab_doc_type .tag_cnt.has_cnt {
    color: #3b66a5;
    background-color: #dce7ef
}


.hr_head_nav {
    display: flex;
    margin-bottom: 1rem;
    border: 1px solid #8da7b2;
    background: linear-gradient(90deg, hsl(203deg 35% 87%) 0%, hsl(193deg 39% 77%) 100%);
    border-radius: 4px;
}

.hr_head_nav .inner_cell {
    display: inline-flex;
    padding: 0 1rem;
    line-height: 3rem;
    border-right: #8da7b2 solid 1px;
}

.hr_head_nav .inner_cell.title {
    color: #062d3c;
    font-weight: 600;
    background-color: #f1f1f1
}

.hr_head_nav .inner_cell.tab {
    background: linear-gradient(180deg, hsl(197deg 47% 90%) 0%, hsl(197deg 21% 76%) 100%);
}

.hr_head_nav .inner_cell.tab:hover {
    color: #062d3c;
    background: linear-gradient(180deg, hsl(197deg 69% 88%) 0%, hsl(197deg 25% 70%) 100%);
}

.hr_head_nav .inner_cell.tab.active {
    background: linear-gradient(180deg, hsl(193deg 45% 80%) 0%, hsl(197deg 21% 68%) 100%)
}

.hr_head_nav .inner_cell:first-child {
    border-radius: 4px 0 0 4px;
}

.large_button_v2 {
    display: block;
    cursor: pointer;
    border-radius: 16px;
    width: 520px;
    margin: 3rem auto;
    line-height: 4rem;
    font-size: 1.4rem;
}

.large_button_v2.green {
    color: #043411;
    background-color: #7eca92;
    border: #339b4f solid 1px;
}

.large_button_v2.red {
    color: #d73a49;
    background-color: #ffeef0;
    border: #d73a49 solid 1px;
}

.lg_btn_v3 {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    grid-column-gap: .8rem;
    padding: .8rem;
    cursor: pointer;
    border-radius: 6px;
    outline: none;
}

.lg_btn_v3.color_red {
    color: #d73a49;
    background-color: #ffeef0;
    border: #d73a49 solid 1px;
}

.lg_btn_v3.color_gray {
    color: #444;
    background: linear-gradient(180deg, hsla(186, 33%, 94%, 1) 0%, hsl(216deg 13% 81%) 100%);
    border: #a0a9ad solid 1px;
}

.lg_btn_v3.color_gray:hover {
    background: linear-gradient(180deg, hsla(186, 33%, 94%, 1) 0%, hsl(216deg 11% 76%) 100%);
    border: #98a1a5 solid 1px;
}

.lg_btn_v3 .prime_tt {
    font-size: 1rem;
    font-weight: 600;
}

.time_count_display {}

.time_count_display .count {
    color: #321180;
    font-size: 5rem;
}


table.gen_2 {}

table.gen_2 tbody tr td {
    padding: .4rem 1rem;
    border-bottom: #889fac dashed 1px;
}

table.gen_2 tbody tr td:first-child {
    padding-left: 0;
}

table.gen_2 tbody tr td:last-child {
    padding-right: 0;
}


.dynamic_creat_new_btn {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 1rem;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    background-color: #3eaad112;
    border: #959da3 solid 1px;
}

.dynamic_creat_new_btn:hover {
    border-color: #0d2540;
}

.dynamic_creat_new_btn .title {
    padding: 1.2rem .8rem;
    background-color: #fafafa;
    background: linear-gradient(
            0deg
            , #cbd1d5 0%, rgb(242 249 255) 100%);
    border-right: #99a7ad solid 1px;
    border-radius: 4px 0 0 4px;
}

.dynamic_creat_new_btn .txt {
    font-size: 1.2rem;
    font-weight: bold;
}

/* horizontal tabs list */
.horizontal_tabs_list {
    display: flex;
    align-items: center;
    float: right;
}

.horizontal_tabs_list .tab {
    display: flex;
    background-color: #eef3f5;
    padding: .4rem;
    border-radius: 4px 4px 0 0;
    border-right: #b1b9be solid 1px;
    border-bottom: #b3bec4 solid 2px
}

.horizontal_tabs_list .tab:last-child {
    border-right: 0
}

.horizontal_tabs_list .tab .tt {
    margin-right: .4rem;
}

.horizontal_tabs_list .tab .cnt {
    padding: .2rem;
    color: #415e70;
    font-size: .8rem;
    font-weight: bold;
    background-color: #dae3e9;
    border-radius: 4px
}

.horizontal_tabs_list .tab:hover {
    background-color: #fff;
    border-bottom-color: #0d2540;
}

.custom-block {}

.custom-block p {
    line-height: 138%;
}

.custom-block.danger, .custom-block.tip, .custom-block.warning, .custom-block.error {
    padding: .4rem 1.4rem;
    border-left-width: .6rem;
    border-left-style: solid;
    margin: 1rem 0;
}

.custom-block.warning {
    background-color: rgba(255,229,100,.3);
    border-color: #e7c000;
    color: #6b5900;
}

.custom-block.warning .custom-block-title {
    color: #b29400
}

.custom-block.error {
    background-color: #d9255f;
    border-color: #8f0c36;
    color: #ffffff;
}

.custom-block.error .custom-block-title {
    color: #ffffff
}

/* */
.in_task_tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.in_task_tabs .tab {
    display: flex;
    font-size: 1.1rem;
    min-height: 2.6rem;
    align-items: center;
    justify-content: center;
    border-bottom: #ccc solid 1px;
}

.in_task_tabs .tab:hover {
    color: #000;
}

.in_task_tabs .tab.active {
    font-weight: bold;
    border-bottom-color: #000;
}

.in_task_tab_content {
    min-height: 8rem;
    padding: 1rem 0
}

/* doc splitter */
.doc_splitter {
    width: 980px;
    padding: 1rem;
    margin: 3rem auto;
    /*border: #ccc solid 1px;*/
    border-radius: 4px;
}

#pdf_pages {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
}

#pdf_pages .el {
    display: flex;
    align-items: center;
    justify-content: center;
}

#pdf_pages .el .filename {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .4rem;
    text-align: center;
}

#pdf_pages .el .filename .fn {
    padding: 4px;
    color: #fff;
    font-size: .8rem;
    font-weight: bold;
    background-color: #415561;
    border-radius: 4px;
}

#pdf_pages .el .scissors {
    position: relative;
    display: flex;
    cursor: pointer;
    width: 50px;
    height: 80px;
    margin: 0 .4rem;
    top: -18px;
    align-items: center;
    justify-content: center;
}

#pdf_pages .el .scissors .dashed {
    width: 1px;
    height: 80px;
    border-right: 1px #222 dashed;
}

#pdf_pages .el .scissors.sel .dashed {
    border-right: 1px #222 solid;
}

#pdf_pages .el .scissors .siz_ico {
    position: absolute;
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.2rem 1.2rem;
    background-image: url(/i/ic/svgs/scissors_mono.svg);
    border-radius: 50%;
}

#pdf_pages .el .scissors:hover > .siz_ico {
    background-color: #999;
    background-image: url(/i/ic/svgs/scissors_white.svg);
}

#pdf_pages .el .scissors.sel .siz_ico {
    background-color: #222;
    background-image: url(/i/ic/svgs/scissors_white.svg);
}

#pdf_pages .el canvas {
    max-width: 212px!important;
}

/*
.time_count_display .count.gr {
    background: linear-gradient(90deg,#ff7b00 0,#ff585a 50%,#dd65dc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.time_count_display .count.gr {
    display: inline-block;
    color: #ff585a;
}
*/