@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
}

body {
    font-family: "Roboto";
    color: #000000;
}

.toolbar>* {
    margin: 0;
}

.breadcrumb a {
    font-weight: 700;
    color: #727376 !important;
    font-size: 14px;
}

.breadcrumb a:hover {
    color: #0f6944 !important;
}

.page {
    min-height: fit-content;
}

.content-header {
    padding: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}


/* .content-header .container {
    margin: 10px 0 0;
} */


/* .page-header-action {
    margin-bottom: 10px !important;
} */

.page-title {
    font-size: 34px;
    color: #0f6944;
}

.page-title em {
    font-weight: 400;
    font-style: initial;
    color: #000000;
}

.block-page-title-block {
    margin-bottom: 0 !important;
}

.pagination {
    background: #ffffff;
    justify-content: center;
}

.pager__item--next a,
.pager__item--last a,
.pager__item--first a,
.pager__item--previous a {
    color: #626976;
}

.page-link {
    margin-right: 5px;
}

.page-link:hover {
    background: #0f6944;
    color: #fff;
}

.page-link:focus {
    background: #0f6944;
    color: #fff;
    box-shadow: none;
}

.table thead th,
.markdown>table thead th {
    background: #f5f6f9;
}

.table thead th,
.table th>a {
    color: #0f6944;
}

.table th>a:after {
    bottom: -11px;
}

th.is-active>a:after {
    border-bottom-color: #0f6944;
}

.table thead th.select-all {
    padding-top: 12px;
}

.label-icon strong {
    margin-bottom: 5px;
}

.placeholder:not(.btn):not([class*="bg-"]) {
    color: #0f6944 !important;
    background-color: #0f69441a !important;
    opacity: 1;
    font-weight: 600;
    margin-left: 5px;
}

.page-title .placeholder:not(.btn):not([class*="bg-"]) {
    margin-left: 5px;
}

.tabledrag-toggle-weight-wrapper {
    display: none;
}

.navbar-nav .nav-item:nth-child(1) .nav-link {
    padding-left: 0;
}

.navbar .navbar-nav .nav-link.dropdown-toggle {
    padding-right: 1.25rem;
}

.block-local-actions-block .nav {
    flex-wrap: initial;
}

.dropdown-toggle:after {
    display: block;
    position: absolute;
    right: 6px;
}

.button:first-child,
.image-button:first-child {
    margin-right: 0.5em;
    margin-left: 0;
}

.button,
.image-button {
    margin-right: 0.5em;
    margin-left: 0.5rem;
}

.page-title em {
    margin-right: 5px;
}


/* -Paragraph-  */

.paragraphs-dropdown.open .paragraphs-dropdown-actions {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    border: 1px solid #e6e7e9;
}

.form-wrapper .paragraphs-dropdown-action.button {
    font-weight: 400;
}

.form-wrapper .paragraphs-dropdown-action.button:hover {
    color: #0f6944;
    background: #0f694433;
}


/* -Form-  */

input[type="image"] {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.node--unpublished {
    background: #ffffff;
}

label.form-check-label {
    display: inline;
}

.form-item {
    margin-top: 0;
    position: relative;
}

.form-item__suffix {
    position: absolute;
    top: 45px;
    right: 30px;
}

.form-item .form-item {
    margin-bottom: 10px;
}

.form-item .form-item:nth-last-child(1) {
    margin-bottom: 0;
}

.form-type--boolean .form-boolean {
    top: 10px;
}

input:disabled {
    cursor: not-allowed;
}

.js input.form-autocomplete {
    padding: 7px 30px 7px 12px;
}

.disabled {
    cursor: not-allowed;
}

.form-checkboxes .js-form-item {
    margin-bottom: 10px;
}

.form-checkboxes .form-check-input[type="checkbox"] {
    margin-top: 0;
}

.form-checkboxes .js-form-item label {
    font-weight: normal;
    margin-left: 5px;
}

.media-library-widget legend {
    font-size: 16px;
    font-weight: 700;
}

.form-check {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.form-check label {
    display: inline-block;
    margin-left: 5px;
    font-weight: 400 !important;
    margin-bottom: 0;
    padding: 3px;
}

.card-md>.card-body {
    padding: 1rem;
}

.views-element-container .view-filters {
    /* display: none; */
}

.view-display-id-embed_1 .view-filters,
.view-display-id-embed_2 .view-filters,
.view-display-id-embed_3 .view-filters,
.view-display-id-embed_4 .view-filters,
.view-display-id-embed_5 .view-filters,
.view-display-id-embed_6 .view-filters,
.view-display-id-embed_7 .view-filters,
.view-display-id-embed_8 .view-filters,
.view-display-id-embed_9 .view-filters,
.view-display-id-embed_10 .view-filters,
.view-display-id-embed_11 .view-filters,
.view-display-id-embed_12 .view-filters,
.view-display-id-embed_13 .view-filters,
.view-display-id-embed_14 .view-filters,
.view-display-id-embed_15 .view-filters {
    display: none;
}

.node-body .view-display-id-embed_1 .view-filters,
.node-body .view-display-id-embed_2 .view-filters {
    display: block;
}

.views-exposed-form.card .card-body {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 90%;
}

#edit-ns-wrapper.form-wrapper {
    padding-top: 0px;
}

.views-exposed-form.views-exposed-form {
    box-shadow: none;
}

.views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions .button {
    margin-top: 0 !important;
}

.view-filters .views-exposed-form.card .card-body {
    padding: 0;
}

.views-exposed-form.card .card-body {
    box-shadow: none;
}

.views-exposed-form.card .card-body .button {
    margin-top: 40px;
}

.views-exposed-form.card .card-body .form-label {
    line-height: 21px;
}

.views-exposed-form .form-item {
    margin: 5px 5px 0;
}

.views-exposed-form .form-item input {
    max-width: 200px;
    margin-top: 0;
}

.views-exposed-form .form-item .form-select {
    margin-bottom: 0;
    max-width: 240px;
    max-height: 48px;
}

.view-content .views-form [data-drupal-selector*="edit-header"] {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
    position: relative;
    left: 0;
    padding: 5px 10px 10px;
    background: #f5f6f9;
    border-radius: 4px;
    margin-bottom: 30px;
}

.view-content .views-form [data-drupal-selector*="edit-header"] .form-wrapper {
    display: flex;
    align-items: center;
}

.view-content .views-form [data-drupal-selector*="edit-header"] .form-wrapper .form-item--action {
    display: flex;
    align-items: center;
    margin-right: 10px;
    flex-direction: row;
}

.view-content .views-form [data-drupal-selector*="edit-header"] .form-wrapper .form-item--action label {
    margin-right: 10px;
    font-size: 14px;
    padding-bottom: 0;
    width: 80px;
}

.views-exposed-form .form-actions {
    display: flex;
    justify-content: flex-start;
}

.views-exposed-form .button {
    margin: 12px 8px 0;
}

.form-label {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}

.form-element {
    min-height: 36px;
    height: 36px;
}

.form-element--type-select {
    max-width: 240px;
}

.card-header details summary {
    font-weight: bold;
    font-size: 18px;
}

.layout-region-node-footer__content {
    margin-top: 20px;
    border-top: 0;
}

.horizontal-tabs .horizontal-tabs-list {
    background: #f5f7fb;
}


/* -Table- */

table td {
    vertical-align: middle;
}

table .draggable .tabledrag-handle {
    margin-left: 0 !important;
    height: auto;
    padding: 2px 0 !important;
    overflow: initial;
}

.table thead th {
    font-size: 14px;
    text-transform: capitalize;
}

.js .field--widget-paragraphs .field-multiple-drag {
    padding-right: 0;
}

table .module-list__checkbox {
    width: 4%;
}

table .module-list__module {
    width: 24%;
}

.table-responsive {
    overflow: unset;
    /* height: 100%; */
}

.table-responsive table {
    margin-top: 0;
}

.table-responsive.employment-status table .paragraph .field-level {
    display: none;
}

.table-responsive.employment-status table .paragraph .field-title strong {
    display: none;
}

.table-responsive.scroll-x {
    overflow-x: auto;
    overflow-y: initial;
}

.table-responsive.border table th td,
.table-responsive.border table th,
.table-responsive.border table tr td {
    border: 1px solid #e6e7e9;
}

.table-responsive thead tr.center th {
    text-align: center;
}

.card-table tr td:first-child,
.card-table tr th:first-child {
    padding-left: 0.5rem;
}

.card-table tr td:last-child,
.card-table tr th:last-child {
    padding-right: 0.5rem;
}

table.table tr td {
    max-width: 380px;
    white-space: normal;
    color: var(--tblr-table-color-state, var(--tblr-table-color-type, var(--tblr-table-color)));
    background-color: var(--tblr-table-bg);
    box-shadow: inset 0 0 0 9999px var(--tblr-table-bg-state, var(--tblr-table-bg-type, var(--tblr-table-accent-bg)));
}

table.table tr td a {
    white-space: normal;
}

table.table tr td p {
    margin-bottom: 0;
}

table tr td.empty {
    display: flex;
    width: 100%;
    align-items: flex-start;
    height: 80px;
    column-span: all;
    border-bottom: none;
    max-width: none;
    padding: 8px !important;
}

table tr td.empty:hover {
    background: #ffffff !important;
}

.table thead th,
.markdown>table thead th,
.table thead tr:first-child td {
    color: #1e293b;
    border: unset;
    box-shadow: inset 0 0 0 9999px var(--tblr-table-bg-state, var(--tblr-table-bg-type, var(--tblr-table-accent-bg)));
    background: var(--tblr-bg-surface-tertiary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    white-space: nowrap;
}


/* -Tabs- */

.vertical-tabs {
    border: 1px solid #d9dbde;
    background: #f5f6f9;
}

.vertical-tabs__menu-item a {
    background-color: #f5f6f9;
}

.vertical-tabs__panes {
    border-left: 1px solid #d9dbde;
}

.vertical-tabs__menu-item a {
    color: #0f6944 !important;
}

.view-filters fieldset {
    padding-top: 0;
}

.view-filters fieldset legend {
    line-height: 14px;
    margin-bottom: 0 !important;
    /* padding-bottom: calc(0.4375rem + 1px); */
    padding-bottom: 0;
}

.fields-wrap .form-control {
    max-width: 100%;
    margin-top: 5px;
    width: 100%;
}

.fields-wrap .form-control[type="date"],
.fields-wrap .form-control[type="time"] {
    width: 100%;
}

.fields-wrap .input-group .form-item {
    margin-right: 10px;
}

.fields-wrap .form-select {
    max-width: 100%;
    width: 100%;
}

.fields-wrap .form-select select {
    margin-bottom: 10px;
}

.fields-wrap fieldset {
    padding: 12px 18px 18px;
    margin-bottom: 1.5rem;
    border: 1px solid #e6e7e9;
}

.advance-wrap .entity-meta__header {
    border-top: 1px solid #e6e7e9 !important;
    border-left: 1px solid #e6e7e9 !important;
    border-right: 1px solid #e6e7e9 !important;
    border-bottom: 1px solid #e6e7e9 !important;
}

.fields-wrap fieldset legend {
    line-height: 1;
    margin-bottom: 15px !important;
}

.fields-wrap fieldset .fieldset-legend {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.fields-wrap .media-library-item__remove {
    border: 2px solid #0f6944 !important;
}

.fields-wrap .media-library-item__remove {
    bottom: 5px;
}

.fields-wrap .vertical-tabs__menu-item a {
    color: #334155;
    background-color: #f5f7fb;
    border-color: #cbd5e1 #cbd5e1 #f5f7fb;
    line-height: 25px;
    padding: 12px 15px 10px;
}

.fields-wrap .vertical-tabs__menu-item a:hover {
    border-left-color: #206bc4;
}

.package-listing table td {
    padding: 0;
    vertical-align: middle;
}

.form-type--boolean.form-item--no-label .form-boolean {
    margin-left: 10px;
}

.vertical-tabs__menu-link:hover::before {
    background: transparent;
}

.vertical-tabs__menu-link:hover {
    text-decoration: underline;
}

.fields-wrap .text-format-wrapper>.form-item {
    margin-bottom: 0 !important;
}

.fields-wrap .vertical-tabs__menu-item-summary {
    padding: 0;
}

.fields-wrap .vertical-tabs__menu-item.is-selected {
    border-bottom: 0;
    box-shadow: none;
}

.fields-wrap .vertical-tabs__menu-item.is-selected a {
    box-shadow: none;
    background: white;
}

.fields-wrap [data-vertical-tabs-panes] {
    background: #fff;
    padding: 0;
}

.fields-wrap .vertical-tabs__menu {
    border-bottom: none;
    margin-top: 30px;
}

.fields-wrap .card .card-header,
.fields-wrap .card table thead .label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px;
    color: #1e293b;
}

.fields-wrap .card table thead .label {
    padding: 0;
}

.fields-wrap .form-item {
    margin-top: 0;
}

.fields-wrap details.card.field-group-tab {
    border: none;
}

.fields-wrap .vertical-tabs {
    border: 1px solid #e6e7e9;
    background: #f5f7fb;
}

.fields-wrap .vertical-tabs__panes {
    border-left: none;
}

.fields-wrap .table {
    border: 1px solid rgba(98, 105, 118, 0.16) !important;
}

.fields-wrap .draggable a.tabledrag-handle {
    float: none;
}

.fields-wrap .table thead th {
    background: white;
    font-size: 14px;
    text-transform: unset;
    border-width: 0;
}

.fields-wrap thead>tr {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}

.fields-wrap .table .card {
    border: none !important;
    background: transparent;
    padding-right: 15px;
}

.fields-wrap .table .card-body {
    padding: 10px 0;
}

.fields-wrap .paragraphs-add-wrapper {
    margin-top: 15px;
}

.fields-wrap .field--widget-paragraphs fieldset {
    padding: 5px 20px 10px 0;
}

.fields-wrap .field--widget-paragraphs fieldset .form-item {
    margin-bottom: 1rem;
}

.fields-wrap .field--widget-paragraphs .form-item--field-proof-0-subform-field-proof-form-0-promote-value,
.fields-wrap .field--widget-paragraphs fieldset details {
    margin-bottom: 0 !important;
}

.fields-wrap .field--widget-paragraphs legend.mb-2 {
    margin-bottom: 0 !important;
    float: none;
}

.fields-wrap .field--widget-paragraphs fieldset details summary {
    padding: 8px 0 !important;
}

.js .field--widget-paragraphs td {
    padding: 0.75rem 0.5rem;
}


/* Card */

.advance-wrap summary.bootstrap-details__summary {
    border-right: 1px solid #d9dbde;
    border-left: 1px solid #d9dbde;
    border-radius: 0;
}

.advance-wrap details:nth-last-child(1) .bootstrap-details__summary {
    border-bottom: 1px solid #d9dbde;
}

.accordion {
    box-shadow: none;
}

.advance-wrap .card.accordion__item {
    margin-left: -1px !important;
    margin-right: -1px !important;
}

.advance-wrap .card {
    border-radius: 0;
    margin: 0 !important;
    border-top: 1px solid #d9dbde;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.advance-wrap .entity-meta {
    border: none;
}

.advance-wrap .entity-meta__header {
    border-top: 1px solid #d9dbde !important;
    border-left: 1px solid #d9dbde !important;
    border-right: 1px solid #d9dbde !important;
    border-bottom: none !important;
    background-color: #fff;
}

.advance-wrap .form-label {
    padding-left: 0;
}

.advance-wrap .card-header {
    border-bottom: 0;
}

.advance-wrap .card[open] .card-header {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}

.advance-wrap .card:nth-first-child(1) {
    border-top: 0;
}

a.tabledrag-handle .handle {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: 50% 50% !important;
}

.views-live-preview {
    padding: 0;
}

.views-live-preview .preview-section {
    padding: 16px;
}

.views-live-preview .preview-section form {
    margin-top: 0 !important;
}

.form-check-input:checked {
    background: #0f6944;
    border-color: rgb(103 118 98 / 24%);
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgb(32 196 149 / 25%);
}


/* node */

.chosen-container-single {
    z-index: 100;
    opacity: 1;
}

.node-details {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    max-width: 1200px;
    margin: 30px auto;
    width: 100%;
    background: #fff;
    min-height: 600px;
    position: relative;
}

.node-details .node-details__title {
    margin: 0 30px;
}

.node-details .node-details__title div {
    font-size: 18px;
    font-weight: 700;
}

.node-details .node-details__title a:hover {
    text-decoration: none;
}

.node-details .card .card-body {
    padding: 0;
}

.node-details .card .card-body .field-wrap {
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #d9dbde;
}

.node-details .card .card-body .field-wrap .field-wrap:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
}

.page-wrapper *:focus,
.ui-dialog *:focus {
    z-index: 500;
}

.node-details .horizontal-tabs-panes .horizontal-tabs-pane {
    padding: 0;
    margin-bottom: 0 !important;
}

.node-details .field-wrap p {
    /* display: inline; */
    margin-bottom: 5px;
}

.node-details .form-fieldset .field-wrap:nth-child(1) {
    padding-top: 0;
}

.node-details .form-fieldset .field-wrap:nth-last-child(1) {
    border-bottom: 0;
    padding-bottom: 0;
}

.node-details .pg-content {
    margin: 10px 20px;
}

.node-details .field-flex .paragraph {
    display: flex;
    align-self: center;
}

.node-details .field-flex {
    display: flex;
    align-self: center;
}

.node-details .field-flex strong {
    padding: 5px 5px 5px 0 !important;
}

.node-details .card .field-flex .paragraph .field-wrap {
    padding: 5px 0 !important;
    border-bottom: none;
    margin-right: 40px;
}

.node-details .card .field-flex .paragraph .field-wrap:nth-child(1) strong {
    display: none;
}

.node-details .card .field-summary .field__label {
    margin-bottom: 5px;
}

.node-details .card .field-summary .field__item {
    padding: 0 10px;
}

.node-details .card .card-body .paragraph--type--technical-qualifications,
.node-details .card .card-body .paragraph--type--certificate {
    border-bottom: 1px solid #d9dbde;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.node-details .card .card-body .paragraph--type--technical-qualifications:nth-last-child(1),
.node-details .card .card-body .paragraph--type--certificate:nth-last-child(1) {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.node-details .card .card-body .paragraph--type--technical-qualifications .field-wrap,
.node-details .card .card-body .paragraph--type--certificate .field-wrap {
    border-bottom: 0;
    padding: 5px;
}

.node-details .field-service-laborer a {
    display: block;
}

.node-details .field-service-laborer strong {
    display: none;
}

.node-details .field-service-laborer strong:nth-child(1) {
    display: block;
}

.field-wrap .field-wrap {
    border-bottom: none;
}

.card.work-list {
    border-bottom: none;
}

:root {
    --primary: #0f6944;
}

.user-login-form input,
.user-pass input {
    width: 100% !important;
}

.text-link {
    color: var(--primary);
    text-decoration: none;
}

.text-link:hover {
    text-decoration: none !important;
}

.dropbutton {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 4px !important;
}

.dropbutton .dropdown-item {
    min-width: 5rem !important;
    padding: 0 !important;
}

.dropbutton .dropdown-item a {
    font-weight: 500;
    line-height: 1.4285714286;
    color: #1e293b;
    text-align: center !important;
    padding: 0.4375rem 1rem !important;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #fff !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-action .form-item {
    width: 33.33333% !important;
    flex: 0 0 auto !important;
}

.form-wrapper label button,
.form-wrapper .admin-link button {
    padding: 0 !important;
    border: none !important;
}

.form-wrapper label button:hover,
.form-wrapper .admin-link button:hover {
    background-color: transparent !important;
    color: #0f6944 !important;
}

.form-item__description {
    padding-top: 5px;
    margin-bottom: 15px;
}

.view-content.view .card-footer {
    border: 1px solid rgba(98, 105, 118, 0.16);
}

.media-library-item__attributes {
    bottom: 5px !important;
}

.media-library-item__preview img {
    width: 100px;
    max-height: 130px;
    object-fit: cover;
}

summary.card-header span {
    text-transform: none;
    color: #1e293b;
    font-size: 0.95em;
    font-weight: normal;
    margin-left: 5px;
}

div.media-library-view .media-library-view--form-actions {
    margin-bottom: 0;
}

.advance-wrap details.card:nth-last-child(1) .card-body {
    border-bottom: 1px solid #d9dbde;
}

.advance-wrap .card .card-body {
    border-left: 1px solid #d9dbde;
    border-right: 1px solid #d9dbde;
}

ul.media-library-menu {
    width: auto !important;
    max-width: 300px !important;
    border-color: #d9dbde;
    background-color: #f5f5f5;
}

ul.media-library-menu a {
    /* background-color: #f5f5f5; */
    border-color: #d9dbde;
}

.media-library-menu__link.active {
    box-shadow: none !important;
    border-bottom: 1px solid #d9dbde !important;
}

.media-library-item__preview {
    display: block !important;
    height: 135px !important;
}

.media-library-item--grid:before {
    border-radius: 4px;
}

div.media-library-content {
    border-color: #d9dbde;
}

.form-wrapper .text-format-wrapper .form-control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-wrapper .filter-wrapper {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-wrapper .cke_chrome {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form-wrapper .filter-wrapper,
.form-wrapper .cke_chrome {
    border-color: #d9dbde;
    overflow: hidden;
}

.form-wrapper .image-widget {
    display: flex;
}

.form-wrapper button {
    background-color: #ffffff;
    color: #0f6944 !important;
    border-color: #0f6944 !important;
    font-weight: 500;
    line-height: 1.4285714286;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ffffff;
    padding: 0.4375rem 1rem;
    font-size: 0.875rem;
    border-radius: 4px;
    transition: all 0.4s;
}

.form-wrapper button:hover {
    background-color: #0f6944;
    color: #fafcfa !important;
    border-color: #0f6944;
}

.form-wrapper button.btn-primary:hover {
    background: #206bc4;
}

.form-wrapper button.btn-primary {
    background: #0f6944;
    color: #ffffff !important;
}

.form-wrapper button.btn-primary.dropdown-toggle-split {
    border-left-color: #206bc4 !important;
}

.form-control {
    max-width: 100%;
}

.table-filter .form-control {
    margin-bottom: 5px !important;
}

.modules-table-filter {
    border: 1px solid #dedfe4;
    box-shadow: none;
    margin-bottom: 22px;
    padding: 15px 25px;
}

.views-exposed-form.views-exposed-form {
    padding: 1rem;
}

.dropbutton-wrapper {
    box-shadow: none;
}

.footer {
    padding: 10px 0;
}

.dataTable th {
    font-size: 12px !important;
}

.dataTable td {
    font-size: 14px !important;
}

.dataTable {
    position: relative;
}

.dataTables_filter {
    display: none;
}

.xu-ly-huong #myTable_wrapper {
    padding-top: 40px;
    padding-bottom: 50px;
}

.xu-ly-huong .dataTable::after {
    display: none;
}

.xu-ly-huong .dataTables_filter {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}

.xu-ly-huong .dataTables_paginate {
    position: absolute;
    bottom: 15px;
    left: 5px;
}

.xu-ly-huong .dataTables_info {
    position: absolute;
    bottom: 40px;
    left: 10px;
    border-top: 1px solid #e5e5e5;
    width: 98%;
}


/* .dataTable::after {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/search.svg);
    background-size: contain;
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
} */

.search-select {
    cursor: pointer;
    position: relative;
}

.search-select::after {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/select.svg);
    background-size: contain;
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
}

.today-list .dataTable::after,
.job-experience .dataTable::after {
    display: none;
}

.btn-list {
    align-items: center;
}

.ui-dialog .ui-dialog-content {
    padding: 0 10px 30px;
}

.node-action {
    display: flex;
}

.node-action a {
    padding: 0 !important;
}

.action-link--icon-trash {
    padding: 3.5px 10px;
    border: 1px solid;
    display: block;
    border-radius: 5px;
    margin-left: 10px !important;
}

.action-link--icon-trash:hover {
    color: #fff;
    background-color: #d72222 !important;
    border-color: #d72222 !important;
}

.ui-dialog .action-link--icon-trash {
    margin-top: 10px !important;
}

.node-detail-card .horizontal-tabs {
    border: unset;
}

.node-detail-card .horizontal-tabs .horizontal-tabs-list {
    border: 1px solid #cbd5e1;
}

.node-detail-card .horizontal-tabs .card-body {
    padding: 10px 0;
    width: 100%;
}

.ui-dialog .ui-dialog-title {
    font-size: 16px;
}

.node-detail-card .dropdown-item {
    padding: 0.5rem 0.75rem !important;
}

.ui-dialog .views-element-container .view-filters {
    display: block;
}

#edit-nhhtb-wrapper .fieldset-wrapper {
    display: flex;
    align-items: center;
}

.views-exposed-form .fieldset-wrapper {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 767px) {
    /* .advance-wrap {
    float: right;
    width: 35%;
  }
  .fields-wrap,
  .footer-wrap {
    float: left;
    width: 65%;
    padding-right: 30px;
  } */
}

@media screen and (max-width: 576px) {
    .node-action-responsive {
        display: flex;
        width: 100%;
        overflow-x: scroll;
    }

    .node-details {
        padding: 10px !important;
    }

    .node-details__title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 991px) {
    .fields-wrap .form-control[size] {
        width: 100%;
    }

    .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
        display: inline-block;
        padding: 0.5rem 1.5rem !important;
    }

    .dropdown-toggle:after {
        display: inline-block !important;
        position: unset !important;
        margin-left: 10px !important;
    }

    .node-details .node-details__title {
        margin: 0;
    }

    .node-details .field-flex .paragraph {
        flex-direction: column;
    }
}


/* custom local task */

.nav-tabs {
    margin-left: 0;
}

.nav-tabs a {
    background: none;
    color: #334155;
    padding: 0.6em 0.8em;
    transition: color 0.3s;
}

.nav-tabs .nav-item.active a,
.nav-tabs .nav-item.show a {
    color: #334155;
    background-color: #fafcfa;
    border-bottom: solid 2px #0f6944;
}

.btn-up {
    display: inline;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 8px;
}

.btn-up .icon {
    fill: white !important;
    margin: 0 !important;
}

.dropdown .dropdown-toggle {
    padding-right: 10px;
}

.dropdown .dropdown-toggle:after {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
}

.navbar-nav .dropdown .dropdown-toggle:after {
    top: 13px;
    right: 5px;
}

.system-modules .form-item {
    margin-top: 0;
    margin-bottom: 0;
}


/* -Paragraph- */

.js .field--widget-paragraphs th .paragraphs-actions {
    margin-right: 0;
}

.form-wrapper button.paragraphs-dropdown-toggle {
    border: none;
    background-color: transparent !important;
    box-shadow: none;
}


/* -View- */

.views-display-top,
.form-edit .form-actions,
.view-preview-form__title,
.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even),
.views-ui-dialog .views-override:not(:empty),
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
    background-color: #f5f6f9;
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
    padding: 10px 0;
}

.views-preview-wrapper {
    border: none;
}

.views-displays {
    border: 1px solid #e6e7e9;
}

.views-ui-display-tab-bucket .views-display-setting a {
    color: #334155;
}

.views-ui-display-tab-bucket .views-display-setting a:hover {
    text-decoration: underline;
}

.views-displays .form-wrapper .btn-group.btn-dropdown .btn a {
    padding: 2px 16px;
    width: auto;
    height: auto;
}

.views-displays .form-wrapper .btn-group.btn-dropdown .btn.dropdown-toggle-split {
    padding: 2px 12px;
}

.views-displays .form-wrapper .btn-group.btn-dropdown .dropdown-menu {
    inset: 28px 0px auto auto !important;
}

.views-displays .form-wrapper .btn-group.btn-dropdown .btn.dropdown-toggle-split::after {
    top: 8px;
    left: 10px;
}

.views-display-column {
    border: 1px solid #e6e7e9;
    padding: 10px;
}

.views-displays .tabs.secondary li a {
    border-radius: 4px;
    padding: 6px 16px;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #0f6944;
    font-size: 14px;
    font-weight: 500;
}

.views-displays .tabs.secondary li a.is-active {
    background: #206bc4;
}

.views-displays .tabs.secondary li a .icon.add {
    background-position: center -25px;
}

.views-displays .tabs.secondary li a:hover {
    background: #206bc4;
}

.views-display-column.third .card-header {
    border-bottom: 0;
    padding: 2px 6px 4px;
}

.views-admin .dropdown .icon.compact {
    overflow: initial;
    text-indent: unset;
    font-size: 14px;
    border: none !important;
    background: none !important;
}

.views-ui-display-tab-bucket {
    min-height: 50px;
    padding: 4px 0;
}

.views-ui-dialog .ui-widget-content.ui-dialog-content {
    overflow: scroll !important;
}

.views-ui-dialog .ui-widget-content.ui-dialog-content form {
    margin-top: 0;
}

.views-ui-dialog .ui-widget-content.ui-dialog-content form .card-body {
    padding-top: 10px;
}

.views-ui-dialog .scroll {
    overflow: auto !important;
    height: 100% !important;
}

.table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc:after {
    display: none !important;
}

.dataTables_paginate .pagination {
    float: right;
}

.dataTables_paginate .pagination li {
    margin: 0 5px;
}

.today-list .row:first-child,
.today-list .row:last-child {
    display: none;
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    height: 20px;
    padding: 5px 5px !important;
}

input.report-date-input {
    border: unset;
    width: 25px;
    text-align: center;
}

input.report-year-input {
    width: 50px;
}

input.report-num-input {
    width: 100px;
}


/* -Other- */

.page-body {
    margin-top: 5px;
}

.alert .btn-close {
    opacity: 1;
    color: #e6e7e9 !important;
    border: none;
    background-color: white !important;
    box-shadow: none !important;
}

.alert .btn-close:hover {
    color: #0f6944 !important;
}

.blockquote {
    font-size: 16px;
    margin-bottom: 5px;
}

.blockquote-footer {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
}

.js .dropdown-menu.show .dropbutton__item {
    display: block !important;
}

.js .dropdown-menu.show .dropbutton__item a {
    color: #000000;
}

.js .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type~.dropbutton__item {
    box-shadow: none;
    border-bottom: 1px solid #d3d4d9;
    border-left: none;
    border-right: none;
    visibility: visible;
}

.js .dropbutton-wrapper:not(.open) .dropbutton__item:nth-last-child(1) {
    border-bottom: none !important;
}

.draggable-table td:first-child~td,
.draggable-table th:first-child~th {
    padding-left: 10px;
    padding-right: 10px;
}

details.features-export-component summary .component-count {
    margin-left: 0;
}

.features-filter-clear {
    display: inline-block;
}

.form-item--features-filter {
    margin-bottom: 0;
}

.node-add-list .list-group-item {
    position: relative;
    padding-right: 40px;
}

.node-add-list i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #0f6944;
}

.js td .dropbutton-wrapper {
    text-align: right;
}

.empty {
    display: inherit;
    text-align: initial;
    padding: 0 !important;
}

.ui-dialog {
    z-index: 9999 !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: #0f6944 !important;
    padding: 5px 10px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    height: 22px;
    width: 22px;
    right: 20px;
    overflow: hidden;
    margin: 0;
    /* transform: none; */
    background: #fff;
    -webkit-mask-image: url(../img/close.svg);
    mask-image: url(../img/close.svg);
    border: none;
}

tbody tr:hover,
tbody tr:focus {
    background: #0f694433;
}

#toolbar-administration {
    z-index: 9999;
}

.btn-group.btn-dropdown .dropdown-menu {
    transform: translate(0, 0) !important;
    inset: 40px 0px auto auto !important;
}

.btn-group.btn-dropdown .btn:focus {
    outline: none;
    box-shadow: none;
}

.btn-group.btn-dropdown .btn-primary {
    padding: 0;
}

.btn-group.btn-dropdown .btn-primary a {
    display: block;
    white-space: nowrap;
}

.btn-group.btn-dropdown .btn-primary.dropdown-toggle {
    padding: 7px 12px;
}

.btn-group.btn-dropdown .dropdown-menu .dropdown-item input {
    padding: 0;
    width: 100%;
    text-align: left;
    margin: 0;
    font-weight: 400;
    color: #0f6944 !important;
}

.btn-group.btn-dropdown .btn-primary a,
.btn-group.btn-dropdown .btn-primary input[type="submit"] {
    color: #ffffff;
    text-decoration: none;
    padding: 7px 16px;
    margin: 0;
}

.btn-group.btn-dropdown .dropdown-menu .dropdown-item {
    min-width: unset;
}

.btn-group.btn-dropdown .dropdown-menu .dropdown-item:hover {
    color: #0f6944;
    background: #0f694433;
}

.btn-group.btn-dropdown .dropdown-menu .dropdown-item:hover a {
    color: #0f6944;
    text-decoration: none;
}

.btn-group.btn-dropdown .dropdown-menu .dropdown-item a {
    word-wrap: break-word;
    width: 100%;
    white-space: pre-wrap;
    padding: 0;
    background: transparent;
    box-shadow: none !important;
    border: none !important;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}

.btn-group.btn-dropdown .dropdown-toggle:after {
    top: 13px;
    left: 10px;
}

.btn-group.btn-dropdown .btn-primary {
    border-left-color: #206bc4;
}

.js td .dropbutton-widget {
    position: static;
}


/* Style for form */

.field-wrap .field__item p:nth-last-child(1) {
    margin-bottom: 0;
}

.field-wrap {
    padding: 8px 0px 8px;
    border-bottom: 1px solid #e6e7e9;
}

.field-wrap strong {
    /* padding-bottom: 6px; */
    display: inline-block;
}

.field-wrap audio {
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
}

.field-wrap img {
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar-expand-md .navbar-light .nav-item.active:after {
    border-color: #0f6944 !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    left: auto !important;
}

.navbar-expand-md .navbar-light .nav-item.active {
    color: #0f6944;
}

.view-content .views-form [data-drupal-selector*="edit-header"] .form-wrapper,
.view-content .views-form [data-drupal-selector*="edit-header"] .form-wrapper .form-item--action {
    margin-top: 0;
    margin-bottom: 0;
}

.form-actions .button,
.form-actions .action-link {
    margin-top: 0;
    margin-bottom: 0;
}

.button {
    --tblr-btn-font-size: 0.875rem;
    --tblr-btn-icon-size: 1.25rem;
    --tblr-btn-font-weight: 500;
    --tblr-btn-line-height: 1.4285714286;
    --tblr-btn-color: #0f6944;
    --tblr-btn-bg: transparent;
    --tblr-btn-border-width: 1px;
    --tblr-btn-border-color: #0f6944;
    --tblr-btn-border-radius: 4px;
    justify-content: center;
    padding: 5px 8px;
    font-size: var(--tblr-btn-font-size);
    font-weight: var(--tblr-btn-font-weight);
    line-height: var(--tblr-btn-line-height);
    color: #0f6944 !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #0f6944 !important;
    border-radius: 5px;
    background: transparent;
    box-shadow: unset !important;
    margin: 0 0 0 5px;
}

.button:focus,
.button--primary:focus {
    outline: 2px dotted transparent;
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
}

.button:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #0f6944;
    border-color: #0f6944;
}


/* .home-btn:hover {
    background: #0f6944;
    color: #fff;
} */

a.button.btn-primary:hover {
    color: #fff;
}

.button--primary {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #0f6944;
    --tblr-btn-border-color: #0f6944;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #00381e;
    --tblr-btn-hover-border-color: #00381e;
    --tblr-btn-focus-shadow-rgb: 65, 129, 204;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #00381e;
    --tblr-btn-active-border-color: #00381e;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #0f6944;
    --tblr-btn-disabled-border-color: #0f6944;
}

.button--primary:hover {
    color: #0f6944 !important;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #0f6944 !important;
}

.form-actions .button:hover,
.form-actions .action-link:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #0f6944;
    border-color: #0f6944 !important;
}

.region-breadcrumb {
    min-height: 0;
}

.actions-nav {
    margin-bottom: 20px;
}

.form-item input.error {
    border: 1px solid red;
}

.nav-tabs {
    /* border-bottom: none; */
}

.tabs {
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none !important;
}

.tabs__link:focus {
    padding: 0.6em 0.8em;
}


/* -Progress- */

.progress.progress-custom,
#updateprogress {
    height: 100px;
    background: transparent;
    height: 100px !important;
    display: block;
    font-size: 15px;
}

.progress__track {
    display: block;
    border-color: #e6e7e9;
    box-shadow: none;
    background: #e9ecef;
    margin-bottom: 12px;
    width: 100%;
}

.progress__percentage,
.progress__description {
    overflow: initial;
    padding: 0 20px;
}

.form-item--select-all {
    display: none;
}

.vbo-multipage-selector {
    display: none !important;
}

.navbar-nav .nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navbar-nav .nav-item svg {
    margin-right: 5px;
}

.row-2-hide-legend legend {
    display: none;
}

.row-2-hide-legend .fieldset-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.row-2-hide-legend .fieldset-wrapper div:first {
    margin-right: 10px;
}

.group-hide-label legend {
    display: none;
}

.two-column .fieldset-wrapper,
.two-column-73 .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.two-column .fieldset-wrapper .form-wrapper {
    width: 48%;
}

.two-column .fieldset-wrapper .form-wrapper:nth-child(odd) {
    margin-right: 10px;
}

.two-column-73 .fieldset-wrapper .form-wrapper:nth-child(odd) {
    width: 68%;
    margin-right: 10px;
}

.two-column-73 .fieldset-wrapper .form-wrapper:nth-child(even) {
    width: 30%;
}

.two-column-73 .fieldset-wrapper .form-wrapper,
.two-column .fieldset-wrapper .form-wrapper {
    margin-bottom: 10px;
}

.group-hide-label .form-wrapper legend {
    display: block;
}

.draggable-table .bootstrap-details__summary {
    display: none;
}

.tabledrag-cell-content {
    margin-left: 10px;
}

.card-function {
    cursor: pointer;
}

.card-function:hover {
    border-bottom: 1px solid #0f6944;
    border-radius: 5px;
}

.align-top {
    align-items: flex-start;
}

.table-div {
    display: table;
    text-align: center;
    width: 100%;
    /* margin: 10% auto 0; */
    border-collapse: separate;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.table_row {
    display: table-row;
}

.theader {
    display: table-row;
}

.table_header {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    border-top: #ccc 1px solid;
    background: #bdbdbd;
    color: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
}

.table_header:first-child {
    border-left: #ccc 1px solid;
    /* border-top-left-radius: 5px; */
}

.table_header:last-child {
    border-right: #ccc 1px solid;
    /* border-top-right-radius: 5px; */
}

.table_small {
    display: table-cell;
}

.table_row>.table_small>.table_cell:nth-child(odd) {
    display: none;
    background: #bdbdbd;
    color: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table_row>.table_small>.table_cell {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #5b5b5b;
    border-bottom: #ccc 1px solid;
}

.table_row>.table_small:first-child>.table_cell {
    border-left: #ccc 1px solid;
}

.table_row>.table_small:last-child>.table_cell {
    border-right: #ccc 1px solid;
}

.table_row:last-child>.table_small:last-child>.table_cell:last-child {
    /* border-bottom-right-radius: 5px; */
}

.table_row:last-child>.table_small:first-child>.table_cell:last-child {
    /* border-bottom-left-radius: 5px; */
}

.table_row:nth-child(2n+3) {
    background: none;
}

.chosen-container {
    border: unset;
    padding: 0;
    height: 36px;
}

.chosen-container a {
    height: 36px;
}

.chosen-container a span {
    height: 100%;
    line-height: 30px;
}

.line-card-container .subheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.line-card {
    margin-bottom: 10px;
    cursor: pointer;
}

.line-card img {
    height: 30px;
    margin: 5px;
    margin-right: 10px;
}

.line-card .card-body {
    padding: 5px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.line-card .card-body:hover {
    border: 1px solid #0f6944;
    border-radius: 5px;
}

.line-card .card-body a {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.line-card .card-body a:hover {
    text-decoration: none;
}

.line-card .card-body a:focus {
    box-shadow: unset;
}

.line-card .card-body a h3 {
    margin: 0;
}

.carousel-control-next:focus,
.carousel-control-prev:focus {
    border: unset;
    box-shadow: unset;
}

.node-form .fields-wrap .form-select.form-element--type-select-multiple {
    height: 100px;
}


/* .card {
    height: 100%;
} */

.btn:hover {
    border-color: #0f6944 Im !important;
}

@media screen and (max-width: 900px) {
    .table {
        width: 90%
    }
}

@media screen and (max-width: 650px) {
    .table-div {
        display: block;
    }

    .table_row:nth-child(2n+3) {
        background: none;
    }

    .theader {
        display: none;
    }

    .table_row>.table_small>.table_cell:nth-child(odd) {
        display: table-cell;
        width: 50%;
    }

    .table_cell {
        display: table-cell;
        width: 50%;
    }

    .table_row {
        display: table;
        width: 100%;
        border-collapse: separate;
        padding-bottom: 20px;
        margin: 5% auto 0;
        text-align: center;
    }

    .table_small {
        display: table-row;
    }

    .table_row>.table_small:first-child>.table_cell:last-child {
        border-left: none;
    }

    .table_row>.table_small>.table_cell:first-child {
        border-left: #ccc 1px solid;
    }

    .table_row>.table_small:first-child>.table_cell:first-child {
        border-top-left-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row>.table_small:first-child>.table_cell:last-child {
        border-top-right-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row>.table_small:last-child>.table_cell:first-child {
        border-right: none;
    }

    .table_row>.table_small>.table_cell:last-child {
        border-right: #ccc 1px solid;
    }

    .table_row>.table_small:last-child>.table_cell:first-child {
        border-bottom-left-radius: 5px;
    }

    .table_row>.table_small:last-child>.table_cell:last-child {
        border-bottom-right-radius: 5px;
    }
}

.node-details__content {
    border: 1px solid rgba(98, 105, 118, 0.16);
}

.node-details__content.no-details {
    padding: 10px;
}

.node-details__content details.js-form-wrapper .bootstrap-details__summary {
    padding: 10px;
}

.node-details__content details.js-form-wrapper {
    border-radius: unset;
    box-shadow: unset;
    margin-bottom: unset !important;
}

.node-details__content details.js-form-wrapper details.js-form-wrapper {
    border: unset;
    border-bottom: 1px px solid var(--tblr-border-color);
}

.node-details__content details.js-form-wrapper .bootstrap-details__wrapper .field-wrap:last-child {
    /* border-bottom: unset; */
}

.skill-level {
    margin-left: 30px;
}

.skill-field {
    padding: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    border-bottom: 1px px solid var(--tblr-border-color);
}

.skill-field-nolabel {
    padding: 10px;
    background: unset;
    border: unset;
    border-radius: unset;
    border-bottom: 1px px solid var(--tblr-border-color);
}

.skill-label strong {
    border-bottom: 1px px solid var(--tblr-border-color);
    /* margin-bottom: 10px; */
}

.exp-table {
    border: 1px solid var(--tblr-border-color);
    border-left: unset;
    border-right: unset;
}

.exp-table .views-field {
    text-align: center;
    border: 1px solid var(--tblr-border-color);
}

.exp-table .views-field:last-child {
    /* border-right: unset; */
}

.exp-table .exp-head .views-field {
    font-weight: 800;
}

.p-10 {
    padding: 10px !important;
}

.two-column .fieldset-wrapper .field-wrap {
    width: 50%;
}

.two-column .fieldset-wrapper .field-wrap:first-child,
.two-column-73 .fieldset-wrapper .field-wrap:first-child {
    border-right: 1px solid var(--tblr-border-color);
}

.group-hide-label.form-item,
.two-column.form-item {
    margin-bottom: 10px;
}

.node-details__content .group-hide-label.form-item,
.node-details__content .two-column.form-item {
    margin-bottom: 0;
}

.group-hide-label .skill-label strong {
    margin-bottom: 0;
}

.two-column-73 .fieldset-wrapper .field-wrap:nth-child(odd) {
    width: 70%;
}

.two-column-73 .fieldset-wrapper .field-wrap:nth-child(even) {
    width: 30%;
}

.require-label {
    color: red;
    margin-left: 5px;
}

.form-wrapper {
    padding-top: 5px;
}

.form-wrapper .fieldset-legend {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.view-details {
    padding: 20px 10px;
    border: 1px solid var(--tblr-border-color);
}

.view-details .job-table .job-head .views-field {
    border-right: 1px solid var(--tblr-border-color);
    text-align: center;
    font-weight: bold;
}

.view-details .job-table .job-row .views-field {
    border-right: 1px solid var(--tblr-border-color);
    text-align: center;
}


/* .view-details .job-table .job-head .views-field:last-child {
    border-right: unset;
} */

.view-details .view-heading {
    font-size: 18px;
}

.view-details .job-table thead,
.view-details .job-table tbody,
.view-details .job-table tfoot,
.view-details .job-table tr,
.view-details .job-table td,
.view-details .job-table th {
    border-color: var(--tblr-border-color);
}

.auth-bg {}

.block-local-actions-block {
    margin-bottom: 10px;
}

.action-btn {
    display: flex;
    align-items: center;
}

.action-btn::before {
    width: 23px;
    height: 23px;
    margin: 0 10px 0 0;
    filter: invert(10%) sepia(84%) saturate(6291%) hue-rotate(163deg) brightness(97%) contrast(88%);
}

.action-btn:hover::before {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(19deg) brightness(105%) contrast(103%);
}

.view-filters {
    position: relative;
}


/* .view-filters::after {
    content: url("../img/icons/arrows-cross.svg");
    width: 23px;
    height: 23px;
    margin: 0 10px 0 0;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    filter: invert(22%) sepia(75%) saturate(1666%) hue-rotate(134deg) brightness(94%) contrast(88%);
} */

.btn-node-print:before,
.btn-custom-print:before {
    content: url("../img/icons/printer.svg");
}

.btn-appointment-print:before {
    content: url("../img/icons/printer.svg");
}

.add-btn:before {
    content: url("../img/icons/plus.svg");
}

.more-btn:before {
    content: url("../img/icons/dots-vertical.svg");
}

.show-more-btn:before {
    content: url("../img/icons/dots-vertical.svg");
}

.transfer-btn:before {
    content: url("../img/icons/transfer.svg");
}

.tiepnhan-btn::before {
    content: url("../icons/apps-filled.svg");
}

.csdl-btn:before {
    content: url("../img/icons/database.svg");
}

.dontiep-btn:before {
    content: url("../img/icons/square-half.svg");
}

.card-actions .btn-list {
    justify-content: flex-end;
}

.node-detail-card .card-actions {
    margin: 0;
    padding: 10px;
}

.node-detail-card .card-actions .btn-list {
    justify-content: flex-start;
}

.eval {
    margin-top: 10px;
    padding: 15px;
    border: 1px solid rgba(98, 105, 118, 0.16);
    border-radius: 5px;
}

table.dataTable>tbody>tr.selected a {
    color: #fff;
}


/* .eval span {
    margin-top: 5px;
} */

.home-btn {
    margin: 0 !important;
}

.home-btn::before {
    content: url("../img/icons/home.svg");
    margin-right: 0;
}

.list-btn:before {
    content: url("../img/icons/list-details.svg");
}

.import-btn:before {
    content: url("../img/icons/file-import.svg");
}

.export-btn:before {
    content: url("../img/icons/file-export.svg");
}

.report-btn:before {
    content: url("../img/icons/report.svg");
}

.search-btn:before {
    content: url("../img/icons/search.svg");
}

.field-group-fieldset {
    margin: 10px 0;
}

.card-list-dash {
    height: 100%;
}

.card-title-report {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.card-title-report small {
    font-size: 10px;
    font-weight: 200;
    margin-top: -5px;
}

.card-list-dash td {
    font-size: 14px;
    font-weight: 400;
}


/* Report */

.print-wrapper,
.print-wrapper .card {
    align-items: center;
}

.print-wrapper .page-body {
    width: 240mm;
    margin-top: unset;
}

.print-wrapper .page-body .card {
    padding-top: 30px;
}

.card-body.report-content {
    padding: 0 5mm 0 10mm;
    width: 240mm;
    /* height: 297mm; */
}

.document-content {
    padding: 0 5mm 0 10mm;
    font-family: "Times New Roman";
    /* font-size: 14px; */
    /* padding: 0 20px; */
    /* display: flex;
    justify-content: center; */
    width: 240mm;
    /* height: 297mm; */
    padding: 0;
}

.report-sign {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    float: right;
    margin-bottom: 50px;
}

.document-details p {
    margin-bottom: 0;
    line-height: 25px;
}

.report-sign p,
.report-header-item p {
    text-indent: 12.7mm;
    margin-bottom: 0;
    line-height: 25px;
}

.report-header-item p {
    margin-bottom: 0;
}

.print-wrapper .card-header {
    padding: 0 10px;
    width: 100%;
}

.card-body.report-content>* {
    font-size: 21px;
    line-height: 25px;
    font-weight: 400;
    font-family: "Times New Roman";
    color: #000;
}

.print-wrapper .report-sub-heading,
.print-wrapper .report-line,
.print-wrapper .card-body.report-content .text-bold {
    font-size: 21px;
}

.print-wrapper .card-body.report-content .text-bold,
.print-wrapper .report-heading {
    font-size: 20px;
}

.print-wrapper .report-line .text-bold {
    font-size: 20px;
}

.print-wrapper .table-responsive tr,
.print-wrapper .table-responsive td {
    font-size: 21px;
}

.report-header {
    display: flex;
    flex-direction: column;
}

.report-header-item {
    margin-bottom: 20px;
}

.report-no {
    font-weight: 600;
    float: right;
    margin-right: 50px;
}

.report-header-item.report-organ {
    display: flex;
    justify-content: space-between;
}

.header-organ-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-organ-item:first-child {
    width: 50%;
}

.header-organ-item:last-child {
    width: 50%;
}

.show-report-organ {
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-decoration: underline;
    cursor: pointer;
}

.text-bold {
    font-weight: bold !important;
}

.text-underline {
    /* text-decoration: underline !important;
    text-underline-offset: 5px; */
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}

.text-underline::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #000;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.report-header-item.report-title {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.report-header-item.report-to,
.report-detail {
    display: flex;
    flex-direction: column;
}

.report-header-item.report-to span:not(:first-child) {
    margin-left: 50px;
}

.report-heading,
.report-sub-heading {
    font-weight: bold;
    margin-bottom: 10px;
}

.card-body.report-content.phieuhen {
    padding: 40px 10px;
    width: 100%;
}

.document-content table {
    width: 100%;
    border-collapse: collapse;
}

.document-content td,
.document-content th {
    border: unset;
    height: 100%;
    display: inline-table;
    margin-bottom: 5px;
    line-height: 22px;
    font-family: "Times New Roman";
}

.document-content tr td:first-child {
    text-indent: 12.7mm;
}

.report-header-item p {
    text-indent: unset !important;
}

.header-organ-item p,
.header-organ-item span {
    text-align: center;
}

.document-content th {
    text-align: left;
    font-family: "Times New Roman";
}

.document-content .right {
    text-align: right;
}

.document-content .center {
    text-align: center;
}

.views-empty {
    font-size: 14px;
}


/* .dotted {
    border-bottom: 1px dotted #1A1A1A;
    display: block;
    margin-top: 10px;
}
table td {
    display: flex;
    align-items: center;
} */

.kinhgui {
    /* padding-left: 50px; */
}

.kinhgui p {
    text-align: center;
}

.kinh-gui-nhieu-noi {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kinh-gui-nhieu-noi p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.kinh-gui-nhieu-noi p span:not(:first-child) {
    margin-left: 85px;
}

.sub-table,
.sub-table tr,
.sub-table td {
    border: 1px solid #1A1A1A;
    border-collapse: collapse;
    display: revert;
}

.sub-table tr,
.sub-table th {
    padding: 0;
}

.sub-table td {
    padding: 5px !important;
}

.sub-table td:first-child {
    text-indent: unset !important;
}

.report-guide {
    margin-bottom: 10px;
}

.report-note {
    background-image: radial-gradient(rgba(0, 0, 0, 1) 1px, transparent 0);
    background-size: 5px 5px;
    height: 3px;
    margin-bottom: 20px;
}

.report-sign p:first-child {
    width: 100%;
    text-align: right;
}

.float-right {
    float: right;
}

.view-empty .page-body .empty {
    padding-top: 50px !important;
}

.text-italic {
    font-style: italic;
}

.mt0 {
    margin-top: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mr-10 {
    margin-right: 10px;
}

.report-line {
    margin-bottom: 5px;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

.report-detail table {
    margin-bottom: 20px !important;
}

.w40p {
    min-width: 300px;
}

.report-detail table,
.report-detail th,
.report-detail td {
    border: 1px solid black;
    border-collapse: collapse;
}

.report-detail .table-input {
    border: unset;
}

.breadcrumb-item.active,
.breadcrumb-item.active a {
    color: #0f6944 !important;
    font-size: 14px;
    font-weight: 700;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
    font-weight: 700;
    color: #727376 !important;
    font-size: 14px;
}

.row-action a {
    margin-right: 10px;
}

.header-clock {
    display: flex;
    align-items: center;
    border: 1px solid #fafcfa63 !important;
    color: #ffffff;
    background: #0f6944;
    border-radius: 5px;
    height: 36px;
    padding: 0 10px;
}

.list-qr-group-item {
    display: flex;
    width: 500px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
}

.qr-code-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qr-code-item img {
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
}

.row-actions {
    display: flex;
    /* margin-left: 20px; */
    align-items: center;
}

.row-actions .row-action-item {
    margin-left: 5px;
}

.row-actions .row-action-item:first-child {
    margin-left: 0;
}

.two-column {
    display: flex;
    align-items: center;
}

.two-column td {
    width: 50%;
}

.row-actions .row-action-item.print-action::before {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/printer.svg);
    background-size: contain;
    display: block;
}

.row-actions .row-action-item.view-action::before {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/eye.svg);
    background-size: contain;
    display: block;
}

.row-actions .row-action-item.edit-action::before {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/edit.svg);
    background-size: contain;
    display: block;
}

.edit-btn::before {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/edit.svg);
    background-size: contain;
    display: block;
}

.view-action-td .edit-btn {
    margin-right: 10px;
}

.print-btn::before {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/printer.svg);
    background-size: contain;
    display: block;
}

.row-actions .row-action-item.delete-action::before {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/trash-x.svg);
    background-size: contain;
    display: block;
}

.node.static-page .field-summary {
    padding: 10px 0 !important;
}

.node-table table,
.node-table th,
.node-table td {
    border: 1px solid #1A1A1A;
    border-collapse: collapse;
}

.node-table {
    margin-top: 30px;
}

.node-table .field-wrap {
    border: unset;
    padding: 10px 0 0 0 !important;
}

.node-table .node-details__content {
    border: unset;
    font-size: 16px;
}

.donhang-print-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.donhang-print-btn:focus {
    border: unset;
}

.print-show {
    display: none;
}

.print-sign-show {
    display: none;
}

.text-warning {
    color: coral !important;
}

.text-danger {
    color: red !important;
}

.text-primary {
    color: #0f6944 !important;
}


/* Custom form 2024 */

.node-form {
    box-shadow: unset;
    border: unset;
}

.node-form .card-body {
    padding: 10px 0 0;
    width: 100%;
}

.horizontal-tab-button.selected {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px;
}

.n-three-column,
.n-two-column,
.n-four-column {
    padding: unset !important;
    margin-bottom: unset !important;
    border: unset !important;
}

.n-three-column legend,
.n-two-column legend,
.n-four-column legend {
    display: none;
}

.n-three-column .fieldset-wrapper,
.n-two-column .fieldset-wrapper,
.n-four-column .fieldset-wrapper {
    display: flex;
}

.n-three-column .fieldset-wrapper .form-wrapper {
    width: 33%;
    margin-right: 10px;
}

.n-four-column .fieldset-wrapper .form-wrapper {
    width: 24%;
    margin-right: 10px;
}

.n-two-column .fieldset-wrapper .form-wrapper {
    width: 50%;
    margin-right: 10px;
}

.n-three-column .fieldset-wrapper .form-wrapper:last-child,
.n-two-column .fieldset-wrapper .form-wrapper:last-child,
.n-four-column .fieldset-wrapper .form-wrapper:last-child {
    margin-right: unset;
}

.field--type-daterange fieldset {
    border: unset;
    padding: 0;
}

.field--type-daterange fieldset legend {
    display: none;
}

.js-form-type-select {
    display: flex;
    flex-direction: column;
}

.chosen-container-multi .chosen-choices,
.node-form .fields-wrap .form-select.form-element--type-select-multiple {
    height: 36px;
}

.form-submit.btn-outline-primary {
    color: #fff !important;
    background: #0f6944;
}

.js-form-type-managed-file {
    padding: 10px;
}

.chosen-container-multi {
    overflow: auto;
}

.dropbutton-widget .btn-group {
    height: 30px;
}

.dropbutton-widget .btn-group.btn-dropdown .dropdown-toggle:after {
    top: 10px;
}

.node--type-service-record.show {
    display: block !important;
}

.document-related.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.tb-note-content {
    position: absolute;
    background: #fafafa;
    padding: 10px;
    right: 4%;
    margin-top: 5px;
    display: none;
}

.show-tb-node-content {
    cursor: pointer;
}

.show-tb-node-content:hover+.show-tb-node-content {
    display: block;
}

.document-noti .card-actions {
    padding: 0;
}

.document-noti .card-header {
    padding: 15px 20px;
}

.document-noti .card-body {
    padding-top: 0px !important;
}

.document-noti .tab-list .tab-item {
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.document-noti .tab-list .tab-item span:first-child {
    font-weight: bold;
}

.document-noti .tab-list .tab-item:first-child {
    border-top: unset;
}

.tb-dropdown.dropdown .dropdown-toggle {
    padding: 5px;
    border: unset;
    color: #0f6944;
}

.tb-dropdown.dropdown .dropdown-toggle:after {
    /* top: 15px;
    right: 5px; */
    display: none;
}


/* .node--view-mode-full .horizontal-tabs-list::after {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/edit.svg);
    background-size: contain;
    display: block;
    position: absolute;
    right: 10px;
    top: 6.5px;
    cursor: pointer;
} */


/* .node-details::after {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/edit.svg);
    background-size: contain;
    display: block;
    position: absolute;
    right: 10px;
    top: 6.5px;
    cursor: pointer;
} */

.clearfix::after {
    display: none;
}

.node--view-mode-full {
    /* padding-top: 10px; */
}


/* .node--type-service-record .horizontal-tabs-list .horizontal-tab-button:first-child {
    display: flex;
    align-items: center;
}

.node--type-service-record .horizontal-tabs-list .horizontal-tab-button:first-child::before {
    content: url("../img/icons/plus.svg");
    margin: 5px 10px 0 10px;
} */

.dropdown.file {
    width: 100%;
}

.dropdown.file button {
    border: unset;
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.dropdown.file button::after {
    top: 15px;
}

.dropdown.file .dropdown-menu {
    padding: 10px;
}

.dropdown.file .dropdown-menu a {
    border-bottom: 1px solid #eee;
    padding: 10px;
    margin-bottom: 5px;
}

.dropdown.file .dropdown-menu a:last-child {
    border-bottom: unset;
    margin-bottom: unset;
}

.card-body h2 {
    text-align: center;
}

.f19 {
    font-size: 19px !important;
    line-height: 24px !important;
}

.f17 {
    font-size: 17px !important;
    line-height: 22px !important;
}

.f18 {
    font-size: 18px !important;
    line-height: 23px !important;
}

.f20 {
    font-size: 20px !important;
}

.f21 {
    font-size: 21px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}


/* Checkbox style */

.checkbox-flex {
    display: flex;
    align-items: center;
    /* margin-left: 12.7mm; */
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.xu-ly-huong-table th::after,
.xu-ly-huong-table th::before,
.xu-ly-huong-table td::after,
.xu-ly-huong-table td::before {
    display: none;
}


/* STYLE A */

.checkbox.style-a {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-a input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-a input:checked~.checkbox__checkmark {
    background-color: #fff;
}

.checkbox.style-a input:checked~.checkbox__checkmark:after {
    opacity: 1;
}

.checkbox.style-a:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-a:hover input:checked~.checkbox__checkmark {
    background-color: #fff;
}

.checkbox.style-a .checkbox__checkmark {
    position: block;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #000;
}

.checkbox.style-a .checkbox__checkmark:after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    border: solid #000;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
    margin-left: 4px;
}

.checkbox.style-a .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
}


/* STYLE B */

.checkbox.style-b {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-b input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-b input:checked~.checkbox__checkmark {
    background-color: #fff;
}

.checkbox.style-b input:checked~.checkbox__checkmark:after {
    opacity: 1;
}

.checkbox.style-b:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-b:hover input:checked~.checkbox__checkmark {
    background-color: #fff;
}

.checkbox.style-b .checkbox__checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #333;
    transition: background-color 0.25s ease;
    border-radius: 4px;
}

.checkbox.style-b .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.checkbox.style-b .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    font-weight: bold;
}


/* STYLE C */

.checkbox.style-c {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-c input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-c input:checked~.checkbox__checkmark:after {
    opacity: 1;
}

.checkbox.style-c:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-c:hover input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-c .checkbox__checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 4px;
}

.checkbox.style-c .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.checkbox.style-c .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
}


/* STYLE D */

.checkbox.style-d {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-d input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-d input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-d input:checked~.checkbox__checkmark:after {
    opacity: 1;
}

.checkbox.style-d:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-d:hover input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-d:hover input~.checkbox__body {
    color: #f7cb15;
}

.checkbox.style-d .checkbox__checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 11px;
}

.checkbox.style-d .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.checkbox.style-d .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    transition: color 0.25s ease;
}


/* STYLE E */

.checkbox.style-e {
    display: inline-block;
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-e input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-e input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-e input:checked~.checkbox__checkmark:after {
    left: 21px;
}

.checkbox.style-e:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-e:hover input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-e .checkbox__checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 22px;
    width: 40px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 11px;
}

.checkbox.style-e .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    transition: left 0.25s ease;
}

.checkbox.style-e .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    transition: color 0.25s ease;
}

.footer-sign {
    margin-top: 20px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-sign-one {
    margin-top: 20px;
    margin-bottom: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


/* STYLE F */

.checkbox.style-f {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-f input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-f input:checked~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-f input:checked~.checkbox__checkmark:after {
    transform: scale(1);
}

.checkbox.style-f input:checked~.checkbox__body {
    font-weight: bold;
}

.checkbox.style-f:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-f:hover input:checked~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-f .checkbox__checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 11px;
}

.checkbox.style-f .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 22px;
    display: block;
    background-color: #f7cb15;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.25s ease;
}

.checkbox.style-f .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    transition: font-weight 0.25s ease;
}


/* STYLE G */

.checkbox.style-g {
    display: inline-block;
    position: relative;
    padding-right: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-g input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-g input:checked~.checkbox__checkmark {
    background-color: #fff;
}

.checkbox.style-g input:checked~.checkbox__checkmark:after {
    opacity: 1;
    left: 8px;
}

.checkbox.style-g input:checked~.checkbox__body {
    font-weight: bold;
}

.checkbox.style-g:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-g:hover input:checked~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-g .checkbox__checkmark {
    position: absolute;
    top: 1px;
    right: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 4px;
}

.checkbox.style-g .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: -20px;
    top: -8px;
    width: 15px;
    height: 25px;
    border: solid #f7cb15;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease, left 0.25s ease;
}

.checkbox.style-g .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    transition: font-weight 0.25s ease;
}

.text-indent {
    text-indent: 12.7mm !important;
}


/* STYLE H */

.checkbox.style-h {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-h input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-h input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-h input:checked~.checkbox__checkmark:after {
    opacity: 1;
    top: -3px;
}

.checkbox.style-h input:checked~.checkbox__body {
    background-position: 0 0;
    color: #fff;
}

.checkbox.style-h:hover input~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-h:hover input:checked~.checkbox__checkmark {
    background-color: #f7cb15;
}

.checkbox.style-h:hover .checkbox__body {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.checkbox.style-h .checkbox__checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    height: 22px;
    width: 22px;
    background-color: #f7cb15;
    transition: background-color 0.25s ease;
    border-radius: 4px;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 0.4);
}

.checkbox.style-h .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 10px;
    top: -15px;
    width: 10px;
    height: 20px;
    border: solid #fff;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease, top 0.25s ease;
}

.checkbox.style-h .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    transition: font-weight 0.25s ease;
    font-weight: bold;
    color: #333;
    background: linear-gradient(45deg, #ff0070 0%, #f7cb15 50%, #f7cb15 50%, #f7cb15 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    padding: 15px;
    padding-left: 52px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.25s ease, background 1s ease, color 0.25s ease;
}


/* STYLE I */

.checkbox.style-i {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 65px;
}

.checkbox.style-i input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-i input:checked~.checkbox__checkmark {
    background-color: #49db44;
}

.checkbox.style-i input:checked~.checkbox__checkmark:after {
    transform: rotate(90deg) translateY(-50%) translateX(-50%);
    background-color: #49db44;
}

.checkbox.style-i .checkbox__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background-color: #ff0070;
    transition: background-color 0.25s ease;
    border-radius: 50%;
}

.checkbox.style-i .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    height: 12px;
    border-radius: 6px;
    transform: rotate(0deg) translateY(-50%) translateX(-50%);
    transform-origin: left top;
    background-color: #ff0070;
    transition: transform 0.25s ease, background-color 0.25s ease;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), -2px -2px 4px rgba(255, 255, 255, 0.6);
}

.checkbox.style-i .checkbox__body {
    font-weight: bold;
    font-size: 30px;
}


/* THANKS */

.thanks {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #eee;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 60px;
}

.thanks>*:not(:last-child) {
    margin-right: 30px;
}

.footer-confirm {
    /* margin-top: 10px; */
}

fieldset#edit-created-1-wrapper .fieldset-wrapper,
fieldset#edit-field-return-time-value-wrapper .fieldset-wrapper {
    display: flex;
    align-items: center;
}

.n-three-column .fieldset-wrapper .field-wrap {
    width: 33%;
}

.n-two-column .fieldset-wrapper .field-wrap {
    width: 48%;
}

.n-four-column .fieldset-wrapper .field-wrap {
    width: 24%;
}


/* fieldset#edit-created-1-wrapper .fieldset-wrapper strong:first-child {
    display: none;
} */


/* .dt-layout-row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding: 10px 0;
} */

.tb-table td,
.tb-table th {
    height: 2.5rem !important;
    padding: 0 0.5rem !important;
}

.view-display-id-tbvl .dataTables_info,
.view-display-id-tbvl .dataTables_paginate {
    display: none !important;
}

.view-display-id-tbvl .view-filters {
    display: block;
}

.view-btn {
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url(../img/icons/eye.svg);
    background-size: contain;
    display: block;
}

.list-action {
    display: flex;
    width: 100%;
}

.list-action a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

.list-action a:hover {
    border-color: #0f6944;
}

.list-action a svg {
    margin: 0 !important;
}

#edit-date-wrapper .fieldset-wrapper {
    display: flex;
    align-items: center;
}

.fieldset-wrapper .form-item {
    margin-top: 0 !important;
}

.class-quan-huyen {
    width: 33%;
}

.class-quan-huyen .field--name-field-quan-huyen {
    width: 100% !important;
}

.class-quan-huyen .field--name-field-quan-huyen .form-select {
    width: 97% !important;
}

.class-quan-huyen .field--name-field-kcn-kkt {
    width: 100% !important;
}

.class-quan-huyen .field--name-field-kcn-kkt .form-select {
    width: 97% !important;
}

.class-kcn {
    width: 50%;
}

.class-kcn .field--name-field-kcn-ktt {
    width: 100% !important;
}

.class-kcn .field--name-field-kcn-ktt .form-select {
    width: 97% !important;
}

.simpler-select-root {
    display: none !important;
}

.form-type--cshs {
    display: flex;
    padding-top: 25px;
    margin: 0;
}

.form-type--cshs .form-label {
    position: absolute;
    top: 0px;
}

.form-type--cshs.form-item--field-don-vi-hanh-chinh-0-target-id .select-wrapper {
    width: 33% !important;
    margin-right: 10px !important;
}

.form-type--cshs.form-item--field-don-vi-hanh-chinh-0-target-id .select-wrapper:last-child {
    margin-right: 0 !important;
}

.form-type--cshs.form-item--field-manghe-0-target-id .select-wrapper {
    width: 20% !important;
    margin-right: 10px !important;
}

.form-type--cshs.form-item--field-manghe-0-target-id .select-wrapper:last-child {
    margin-right: 0 !important;
}

.node-employer-edit-form .field--name-field-kcn-ktt {
    z-index: 50;
}

.node-employer-edit-form .field--name-field-nganh-nghe-kinh-doanh {
    z-index: 30;
}

.editable-text {
    cursor: pointer;
}

.editable-input {
    min-width: 136px;
    max-width: 100%;
    width: auto;
    box-sizing: border-box;
    padding: 5px;
}

.sidebar-heading {
    display: flex;
    justify-content: space-between;
}

.sidebar-heading span svg {
    cursor: pointer;
}

.hide-sidebar-menu {
    display: none !important;
}

div.dt-buttons {
    position: relative;
    float: left;
    padding: 10px 0;
}

.dataTables_wrapper .dataTables_length {
    padding: 10px 0;
    float: right;
}

.handle-data .dataTables_info,
.handle-data .dataTables_paginate {
    display: block !important;
}


/* CSS cho bảng */

.js-large-datatable {
    width: 100%;
    /* Đặt chiều rộng bảng là 100% */
    table-layout: auto;
    /* Cho phép tự động điều chỉnh chiều rộng cột */
}

.js-large-datatable th,
.js-large-datatable td {
    white-space: nowrap;
    /* Ngăn chặn xuống dòng trong ô */
    overflow: hidden;
    /* Ẩn nội dung vượt quá chiều rộng ô */
    text-overflow: ellipsis;
    /* Hiển thị dấu "..." cho nội dung bị cắt */
}

.table-container {
    overflow-x: auto;
    /* Thêm cuộn ngang cho bảng khi cần thiết */
}

.form-pos {
    position: relative;
    display: flex;
    flex-direction: column;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 100% !important;
}

select.form-select.form-item-pos, .form-pos .select2-container {
    width: 79% !important;
    padding-top: 0 !important;
}

.btn-pos-add {
    position: absolute;
    right: 0;
    top: 46%;
    padding: 5px;
}

.btn-pos-view {
    position: absolute;
    right: 36px;
    top: 46%;
    padding: 5px;
}

.btn-pos-add .icon,.btn-pos-view .icon {
    margin: 0;
}

.btn-connect-add {
    position: absolute;
    right: 10px;
    top: 18%;
    padding: 5px;
}

.criteria-input {
    margin-left: 0 !important;
    margin-right: 5px;
}

.form-switch .form-check-input:checked {
    background-repeat: no-repeat !important;
}

/* 20052024 */

@media (min-width: 1440px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 100%;
        /* max-width: 1368px; */
    }
}

@media (min-width: 1400px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 100%;
        /* max-width: 1368px; */
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 100%;
        /* max-width: 1368px; */
    }
}

.document-content .content-table td,
.document-content .content-table th {
    margin-bottom: unset;
    display: table-cell;
}

.document-content .content-table tr td:first-child {
    text-indent: unset;
}

/* Spin */
#loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    /* Overlay màu trắng với độ trong suốt */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#loading-spinner .spinner-border {
    width: 3rem;
    height: 3rem;
}

/* Thêm animation cho spinner */
@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

#loading-spinner .spinner-border {
    animation: spinner 0.6s linear infinite;
}

/* Khi spinner ẩn */
#loading-spinner.d-none {
    display: none !important;
}

#nhucauTable_length,
#goiyTable_length {
    float: left;
    padding: 10px 20px;
}

#nhucauTable,
.new-table,
#goiyTable {
    width: 100% !important;
}

#nhucauTable_filter,
#goiyTable_filter {
    float: right;
    display: block;
    padding: 10px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {
    display: none;
}

td.dtr-control:before {
    content: "+";
    border-radius: 100% !important;
    color: #fff !important;
    cursor: pointer !important;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    height: 16px;
    width: 16px;
    display: block !important;
}

#nhucauTable .none-important,
.new-table .none-important,
#goiyTable .none-important {
    display: table-cell !important;
}

.new-table thead th,
#nhucauTable thead th,
#goiyTable thead th {
    background-color: #0f6944;
    color: #fff;
    padding: 10px 5px !important;
}

#nhucauTable thead td,
.new-table thead td,
#goiyTable thead td {
    padding: 10px !important;
}

#goiyTable_wrapper div.dt-buttons {
    padding: 10px 0 0;
    margin-left: 10px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 10px;
    white-space: nowrap;
}

.dataTables_paginate .pagination li {
    margin: 0 5px;
    padding: 10px;
    background: #eee;
}

.dataTables_paginate .pagination li.active {
    color: #fff;
    background: #0f6944;
}

.dataTables_paginate .pagination li.active a {
    color: #fff !important;
}

/* Mobile */

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

    .n-three-column .fieldset-wrapper .field-wrap,
    .n-two-column .fieldset-wrapper .field-wrap,
    .n-four-column .fieldset-wrapper .field-wrap {
        width: 100%;
    }

    .n-three-column .fieldset-wrapper,
    .n-two-column .fieldset-wrapper,
    .n-four-column .fieldset-wrapper {
        display: flex;
        flex-direction: column;
    }

    .n-three-column .fieldset-wrapper .form-wrapper {
        width: 100%;
        margin-right: unset;
    }

    .n-two-column .fieldset-wrapper .form-wrapper {
        width: 100%;
        margin-right: unset;
    }

    .n-four-column .fieldset-wrapper .form-wrapper {
        width: 100%;
        margin-right: unset;
    }

    .exp-table .exp-head,
    .header-clock {
        display: none;
    }

    .two-column .fieldset-wrapper .field-wrap,
    .two-column .fieldset-wrapper .form-wrapper,
    .two-column-73 .fieldset-wrapper .form-wrapper:nth-child(odd),
    .two-column-73 .fieldset-wrapper .form-wrapper:nth-child(even),
    .two-column-73 .fieldset-wrapper .field-wrap:nth-child(odd),
    .two-column-73 .fieldset-wrapper .field-wrap:nth-child(even) {
        width: 100%;
    }

    .two-column .fieldset-wrapper .field-wrap:first-child,
    .two-column-73 .fieldset-wrapper .field-wrap:first-child {
        border-right: unset;
    }

    .two-column .fieldset-wrapper .form-wrapper:nth-child(odd) {
        margin-right: 0;
    }
}


/* print styles */

@page {
    size: A4;
}

@media print {
    .print-hide {
        display: none;
    }

    .print-show {
        display: block;
    }

    .print-sign-show {
        display: flex;
    }

    .pagebreak {
        page-break-before: always;
    }

    /* page-break-after works, as well */
}