@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("../font/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800&family=Lugrasimo&display=swap");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }

body {
    font-size: 15px;
    line-height: 160%;
    font-family: "Inter", sans-serif;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%; }

body, html {
    height: 100%;
    overflow: hidden; }

.grid-1545 {
    width: 100%;
    max-width: 1545px;
    margin: 0 auto;
    position: relative; }

*::after,
*::before {
    box-sizing: border-box; }

img {
    max-width: 100%;
    height: auto; }

a:hover, a:visited, a:focus {
    outline: none;
    border: none; }

a, button {
    color: inherit;
    text-decoration: none;
    -webkit-transition: ease all 0.5s;
    -moz-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s; }

input, textarea, button, select {
    outline: none;
    resize: none; }

a:hover, a:focus, a:active, button:hover, button:focus, button:active {
    -webkit-transition: ease all 0.35s;
    -moz-transition: ease all 0.35s;
    -ms-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    transition: ease all 0.35s; }

.hv-o {
    -webkit-transition: ease all 0.35s;
    -moz-transition: ease all 0.35s;
    -ms-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    transition: ease all 0.35s; }

.hv-o:hover {
    opacity: 0.8; }

.anchor_fixtop {
    display: block;
    position: relative;
    top: -50px;
    width: 100%;
    visibility: hidden; }

.row,
[class*="col-"] {
    padding: 0;
    margin: 0;
    flex: inherit; }

.navbar-custom {
    display: block;
    width: calc(100% - 280px);
    background-color: #ffffff;
    margin-left: auto;
    margin-right: 0;
    padding: 0px 20px;
    border-bottom: 1px solid #E6EFF5; }

.button-admin,
.wrap-breadcrumb {
    height: 64px; }

.button-admin {
    padding-left: 16px;
    background-color: #fff;
    border-left: 1px solid #E6EFF5; }
.button-admin:after {
    content: none; }
.button-admin--user {
    width: 36px;
    height: 36px;
    padding: 6px;
    border-radius: 100%;
    background: #07143B;
    display: inline-block; }
.button-admin--text {
    color: #33415C;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 143%;
    margin-left: 10px;
    margin-right: 16px; }
.button-admin--down {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }

.wrap-breadcrumb .breadcrumb {
    margin-bottom: 0; }
.wrap-breadcrumb .breadcrumb-item {
    color: #17D079;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 143%; }
.wrap-breadcrumb .breadcrumb-item::before {
    color: #99A0AD !important; }
.wrap-breadcrumb a {
    color: #808999;
    font-family: "SVN-Gotham v5", sans-serif;
    transition: ease all 0.35s; }
.wrap-breadcrumb a:hover {
    color: #17D079; }

ul.dropdown-menu.show {
    border-radius: 0; }

.navbar-siderbar {
    width: 280px;
    height: 100vh;
    border-right: 1px solid #E6EFF5;
    position: absolute;
    left: 0;
    top: 0; }

.wrap__logo {
    width: 100%;
    height: 64px; }
.wrap__logo-left h1,
.wrap__logo-left a {
    font-size: 0;
    line-height: 100%;
    margin: 0; }

.nav_menu {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 0;
    overflow-y: auto;
    height: calc(100% - 64px); }
.nav_menu::-webkit-scrollbar {
    width: 1px; }

.nav_menu-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    padding: 12px;
    padding-right: 5px;
    border-radius: 12px;
    background: #F2F3F5; }
.nav_menu-link--icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
.nav_menu-link--text {
    width: calc(100% - 44px);
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 133%;
    padding-left: 8px;
    text-transform: uppercase; }

.nav_menu-item:not(:last-child) {
    margin-bottom: 8px; }

.dropdown-menubar {
    padding-left: 0;
    margin-bottom: 8px;
    margin-top: 4px;
    display: none; }
.dropdown-menubar.open {
    display: block; }

.dropdown-menu-item {
    padding: 10px 12px 10px 32px;
    display: flex;
    align-items: center;
    color: #111928;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 133%;
    transition: ease all 0.35s;
    height: 40px;
    position: relative; }
.dropdown-menu-item::before {
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
    transition: ease all 0.35s; }
.dropdown-menu-item:hover, .dropdown-menu-item.active {
    border-radius: 6px;
    background: #EBFFF5;
    color: #17D079;
    opacity: 1; }
.dropdown-menu-item:hover::before, .dropdown-menu-item.active::before {
    background-color: #17D079; }

.icon-open img {
    transition: ease all 0.35s;
    transform: rotate(180deg); }
.icon-open.active img {
    transform: rotate(0deg); }

.wrap__main {
    width: calc(100% - 280px);
    height: 100vh;
    display: block;
    margin-left: auto;
    margin-right: 0;
    background: #F3F4F6;
    padding-top: 76px;
    padding-right: 20px;
    padding-left: 20px; }

.job__details {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 8px;
    border-top: 1px solid var(--neutral-50, #F2F3F5);
    border-bottom: 1px solid var(--neutral-50, #F2F3F5);
    background: var(--neutral-white, #FFF); }
.job__details--item:first-child {
    width: 120px; }
.job__details--item:last-child {
    width: calc(100% - 120px);
    padding-left: 36px; }
.job__details--title {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 450;
    line-height: 115%;
    margin-bottom: 0; }
.job__details--body {
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 12px;
    background: #E6F8EF;
    padding: 14px 12px; }
.job__details--body .row {
    flex-wrap: nowrap; }
.job__details--body [class*="col-"] {
    flex: inherit; }
.job__details--body [class*="col-"]:not(:last-child) {
    margin-right: 36px; }

.label__text {
    color: #667085;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 133.333%;
    margin-bottom: 4px;
    padding-left: 13px;
    padding-right: 13px; }

.form-control {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #CCCFD6;
    background: #FFF; }

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #99A0AD;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; }

::-moz-placeholder {
    /* Firefox 19+ */
    color: #99A0AD;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; }

:-ms-input-placeholder {
    /* IE 10+ */
    color: #99A0AD;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; }

:-moz-placeholder {
    /* Firefox 18- */
    color: #99A0AD;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; }

.job__details--header {
    align-items: center; }

.btn--recruit {
    display: flex;
    width: 160px;
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px;
    background: var(--primary-500, #17D079);
    transition: ease all 0.35s;
    border: 1.5px solid #17D079 !important; }
.btn--recruit:hover {
    background-color: #fff; }
.btn--recruit span:first-child {
    color: #07143B;
    text-align: center;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 114%; }

.btn--more {
    width: 40px;
    height: 40px;
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid #17D079 !important;
    margin-left: 10px;
    background-color: #fff; }
.btn--more::after {
    content: none; }

.procedure__list {
    padding-left: 0;
    flex-wrap: nowrap; }
.procedure__list > li {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    display: flex;
    flex-direction: column; }
.procedure__list > li:not(:last-child) {
    margin-right: 8px; }
.procedure__list > li:last-child .procedure__icon::before {
    content: none; }
.procedure__list > li.active .procedure__icon::before {
    background-color: #00BF7A; }
.procedure__list > li.change .procedure__text, .procedure__list > li.active .procedure__text {
    color: #07143B; }

.procedure__text {
    color: #99A0AD;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 142.857%;
    margin-top: 9px; }

.procedure__icon {
    width: 122px;
    position: relative;
    line-height: 100%; }
.procedure__icon::before {
    content: "";
    width: 90px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    background-color: #E6E8EB; }

.job-name {
    flex-wrap: nowrap; }
.job-name > * {
    flex-shrink: inherit;
    padding: 0; }

.title-name--work {
    color: #B3B8C2;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 450;
    line-height: 114.286%;
    margin-bottom: 0; }

.btn__job {
    display: flex;
    width: 120px;
    padding: 0px 8px;
    height: 40px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px;
    transition: ease all 0.35s;
    color: #07143B;
    text-align: center;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 114.286%;
    padding-bottom: 2px; }

.btn-17D079 {
    background: #17D079;
    border: 1.5px solid #17D079; }
.btn-17D079:hover {
    background-color: #fff; }

.btn-ffffff {
    color: #D13138;
    background-color: #fff;
    border: 1.5px solid #D13138; }
.btn-ffffff:hover {
    background-color: #D13138;
    color: #fff; }

.group__title h3 {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 450;
    line-height: 115%;
    margin-top: 7px; }

.control-input {
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding: 0px 12px;
    border-radius: 8px;
    border: 1px solid #CCCFD6;
    background: #FFF;
    color: #99A0AD;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; }

.control-input::-webkit-input-placeholder {
    color: #99A0AD !important;
    font-family: "SVN-Gotham Book", sans-serif;
    font-weight: 400; }

.control-input::-moz-placeholder {
    color: #99A0AD !important;
    font-family: "SVN-Gotham Book", sans-serif;
    font-weight: 400; }

.control-input:-ms-input-placeholder {
    color: #99A0AD !important;
    font-family: "SVN-Gotham Book", sans-serif;
    font-weight: 400; }

.control-input:-moz-placeholder {
    color: #99A0AD !important;
    font-family: "SVN-Gotham Book", sans-serif;
    font-weight: 400; }

select.control-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    color: #99A0AD;
    font-size: 14px;
    background-image: url(../image/arrow_down.svg);
    background-size: 12px;
    height: 40px;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: center right 10px; }

select.control-input::-ms-expand {
    display: none; }

.box__form {
    padding-top: 3px; }
.box__form--item {
    margin-right: 60px; }
.box__form--item:nth-child(2n), .box__form--item:last-child {
    margin-right: 0; }
.box__form--item .wp_item {
    width: 100px; }
.box__form--item .wp_item:first-child {
    color: var(--neutral-700, #667085);
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 133.333%; }
.box__form--item .wp_item:last-child {
    width: calc(100% - 100px);
    padding-left: 16px; }

.wp__title--one {
    color: var(--neutral-900, #07143B);
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%; }

.main__content::-webkit-scrollbar {
    width: 1px; }
.main__content.h153 {
    height: calc(100vh - 153px); }

input[type=date]::-webkit-calendar-picker-indicator {
    background-image: url(../image/calendar.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center right -4px; }

body,
html {
    overflow-y: auto; }

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
    height: 56px !important; }

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-radius: 0 0 12px 12px; }

.fr-box.fr-basic .fr-element {
    min-height: 305px; }

.fr-toolbar {
    background: #07143B; }

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    fill: #17D079; }

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 65px;
    background: #07143B;
    border-top: 1px solid #eee; }

.fr-sticky-dummy,
.fr-quick-insert,
.fr-second-toolbar {
    display: none !important; }

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin: 4px 2px !important;
    border-radius: 4px !important; }

.fr-toolbar .fr-newline {
    height: 0 !important; }

.title__big {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 450;
    line-height: 115%;
    margin-bottom: 12px; }
@media (max-width: 767px) {
    .title__big {
        font-size: 23px; } }

.title__small {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: 117%; }
.title__small.fz20 {
    font-size: 20px; }
@media (max-width: 1350px) {
    .title__small {
        font-size: 20px; } }

.wrap__statistical {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff; }

.icon___user {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #07143B;
    display: flex;
    align-items: center;
    justify-content: center; }
.icon___user + .flex-grow-1 {
    padding-left: 20px; }

.text-access {
    color: #808999;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 143%;
    margin-bottom: 0; }
.text-access.fz-12 {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-weight: 400; }

.counter-value {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: 117%; }

.statistical__info {
    border-radius: 16px;
    background: #E6F8EF;
    margin: 32px 0; }
.statistical__info .card {
    background-color: transparent; }

.text-subtle {
    display: flex;
    height: 28px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #5AFFB1;
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: 125%;
    padding-bottom: 2px;
    margin-left: 10px; }
.text-subtle-red {
    color: #ffffff;
    background: #FF4D54; }

.total__hits {
    padding: 24px;
    border-radius: 16px;
    border: #E6E8EB 1px solid; }
.total__hits .row {
    flex-wrap: nowrap; }
.total__hits .row > * {
    flex-shrink: inherit;
    padding: 0;
    margin: 0; }
.total__hits--item:first-child {
    width: 425px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.total__hits--item:last-child {
    width: calc(100% - 425px); }
.total__hits--title {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%; }
.total__hits--title span {
    display: block;
    color: #808999;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    margin-top: 5px; }
.total__hits .counter-value {
    color: #07143B;
    font-family: "Inter", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; }
.total__hits--bottom p {
    margin-top: 12px;
    color: var(--neutral-500, #808999);
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; }
.total__hits--bottom p strong {
    color: #17D079;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 16px;
    font-weight: 450; }

.form-select-chat {
    display: flex;
    width: 240px;
    padding: 10px 10px 10px 12px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    border: 1px solid #CCCFD6;
    background: #FFF;
    color: #4D5971;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 114.286%;
    background-image: url(../image/arrow_down.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center right 10px; }

.job__statistics {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff;
    margin-top: 42px; }

.wp__2colums {
    margin-top: 17px;
    display: flex; }
.wp__2colums--item {
    width: 40%;
    padding: 28px 24px;
    border-radius: 12px;
    background-color: #fff; }
.wp__2colums--item:first-child {
    width: calc(100% - 40%);
    margin-right: 13px; }

.box {
    margin: 28px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center; }
.box__item {
    width: 33.33%;
    margin-right: 28px; }
.box__item:last-child {
    margin-right: 0; }
.box__item p {
    margin-bottom: 3px; }
.box__item--txt1 {
    color: #808999;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 142.857%; }
.box__item--txt2 {
    color: var(--neutral-900, #07143B);
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    display: flex;
    align-items: center; }
.box__item--txt2 span {
    color: var(--neutral-900, #07143B);
    font-size: 12px;
    line-height: 133.333%;
    display: inline-block;
    padding: 2px 4px 3px;
    border-radius: 100px;
    background: var(--primary-300, #5AFFB1);
    margin-left: 10px;
    position: relative;
    top: 2px; }
.box__item--txt3 {
    padding-top: 5px;
    color: #808999;
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; }
.box__item--txt3 strong {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif; }

.rate__desc {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto; }
.rate__desc li {
    width: calc((100% - 24.02px) / 2);
    margin-right: 24px;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start; }
.rate__desc li:nth-child(2n), .rate__desc li:last-child {
    margin-right: 0; }
.rate__desc li p {
    color: var(--neutral-800, #33415C);
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 142.857%;
    margin-bottom: 0; }
.rate__desc li p:first-child {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: var(--primary-500, #17D079); }
.rate__desc li p:last-child {
    width: calc(100% - 24px);
    padding-left: 12px; }
.rate__desc li p span:first-child {
    max-width: 155px;
    width: 100%;
    display: block; }
.rate__desc li p span:last-child {
    display: flex;
    align-items: center;
    color: var(--primary-500, #17D079);
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: 125%;
    margin-top: 2px; }
.rate__desc li p span:last-child span {
    width: auto;
    max-width: auto;
    color: var(--primary-500, #17D079);
    font-family: SVN-Gotham;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 100%;
    border-radius: 120px;
    background: var(--primary-100, #E6F8EF);
    padding: 2px 4px;
    position: relative;
    top: 1px;
    margin-left: 10px; }

.donut_chart {
    margin-top: 85px;
    width: 350px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
.donut_chart canvas {
    margin-left: auto;
    margin-right: auto; }
@media (max-width: 1440px) {
    .donut_chart {
        width: 240px;
        height: 240px; } }

#chart2,
#chart {
    margin-top: 40px; }

#chart3 {
    margin-top: 32px; }

.chart3__desc {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 32px;
    padding-left: 0; }
.chart3__desc li {
    display: flex;
    align-items: center;
    color: var(--neutral-800, #33415C);
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 142.857%;
    margin-right: 36px; }
.chart3__desc li:last-child {
    margin-right: 0; }
.chart3__desc li span:first-child {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    margin-right: 8px;
    background: var(--primary-300, #5AFFB1); }
@media (max-width: 767px) {
    .chart3__desc {
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 0; }
    .chart3__desc li {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%; }
    .chart3__desc li:last-child {
        margin-bottom: 0; } }

@media (max-width: 1440px) {
    .total__hits .counter-value {
        font-size: 3.3333vw; }

    .total__hits--item:first-child {
        width: 29.5139vw; }

    .total__hits--item:last-child {
        width: calc(100% - 29.5139vw); }

    .icon___user + .flex-grow-1 {
        width: calc(100% - 56px);
        padding-left: 1.3889vw; }

    .counter-value {
        font-size: 1.3vw; }

    .statistical__info .card-body {
        padding: 15px !important;
        padding-right: 0 !important; }
    .statistical__info .text-access {
        margin-bottom: 5px; } }
@media (max-width: 1024px) {
    .wp__2colums {
        flex-direction: column; }

    .counter-value {
        font-size: 22px; }

    .text-subtle {
        font-size: 14px; }

    .wp__2colums--item {
        margin-right: 0 !important;
        width: 100% !important; }
    .wp__2colums--item:not(:last-child) {
        margin-bottom: 16px; }

    .rate__desc {
        max-width: 405px; }

    .wrap__statistical .statistical__info .row {
        display: flex;
        flex-wrap: nowrap; }

    .text-access {
        font-size: 12px; }

    .icon___user {
        width: 40px;
        height: 40px; }
    .icon___user svg {
        width: 25px;
        height: 25px; } }
@media (max-width: 900px) {
    .wrap__statistical .statistical__info .row {
        flex-wrap: wrap; }

    .statistical__info .card-body {
        padding: 15px !important; }

    .wp__2colums--item,
    .wrap__statistical {
        padding: 15px; }

    .donut_chart {
        margin-top: 10.9028vw; } }
@media (max-width: 767px) {
    .rate__desc li p {
        font-size: 12px; }

    .job__statistics .d-flex.align-items-center.justify-content-between,
    .total__hits .d-flex.align-items-center.justify-content-between {
        flex-wrap: wrap;
        flex-direction: column; }
    .job__statistics .d-flex.align-items-center.justify-content-between select,
    .total__hits .d-flex.align-items-center.justify-content-between select {
        margin-top: 10px; }

    .total__hits > .row {
        flex-direction: column; }
    .total__hits > .row .d-flex.align-items-center.justify-content-end {
        justify-content: center !important; }

    .total__hits--item {
        width: 100% !important; }

    .total__hits .counter-value {
        font-size: 25px; }

    .total__hits--bottom {
        margin-top: 30px;
        margin-bottom: 15px; }

    .box {
        flex-wrap: wrap; }

    .box__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
        border: 1px solid #E6E8EB;
        border-radius: 8px;
        padding: 15px; }
    .box__item:last-child {
        margin-bottom: 0; }

    .box__item--txt2 {
        text-align: center;
        justify-content: center;
        margin-top: 5px; }

    .icon___user + .flex-grow-1 {
        padding-left: 15px; }

    .statistical__info {
        background: transparent;
        margin-top: 8px;
        margin-bottom: 8px; }
    .statistical__info .card-body {
        border-radius: 16px;
        background: #E6F8EF;
        margin: 10px 0; }

    .box__item p {
        margin-bottom: 0;
        padding-top: 0; } }
/* Row menu */
.fr-wrapper.show-placeholder > div[style="z-index: 9999; width: 100%; position: relative;"] {
    display: none !important; }

.fr-wrapper > div[style="z-index: 9999; width: 100%; position: relative;"] {
    display: none !important; }

.fr-more-toolbar.position-relative.fr-expanded {
    padding-left: 20px !important;
    padding-right: 20px !important; }

.dropdown__cancel {
    width: auto;
    padding: 0 !important; }
.dropdown__cancel .dropdown-toggle::after {
    content: none; }
.dropdown__cancel-op {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    width: 550px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #E5E7EB;
    background: #FFF; }

.title__cancel {
    color: #06283D;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: 116.667%; }

.dropdown__cancel--row {
    display: flex;
    margin-top: 20px; }

.dropdown__cancel--item {
    width: 150px; }
.dropdown__cancel--item:first-child span {
    color: #D13138; }

.dropdown__cancel--item:last-child {
    width: calc(100% - 150px);
    padding-left: 16px; }

.dropdown__cancel--item:last-child textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    height: 160px;
    padding: 10px 12px;
    color: #99A0AD;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; }
.dropdown__cancel--item:last-child textarea::-webkit-scrollbar {
    width: 1px; }
.dropdown__cancel--item:last-child textarea + div {
    color: #667085;
    text-align: right;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%; }

.btn-bd-17D079 {
    color: #17D079;
    border: 1px solid #17D079; }
.btn-bd-17D079:hover {
    background-color: #17D079; }

.btn-D13138 {
    background-color: #D13138;
    border: 1px solid #D13138;
    color: #fff; }
.btn-D13138:hover {
    background-color: #fff;
    color: #D13138; }

.job__details--recruit----item ul.dropdown-menu {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    padding: 15px;
    border-radius: 16px;
    border: 1px solid #E5E7EB;
    background: #FFF; }
.job__details--recruit----item ul.dropdown-menu li:last-child a {
    border-bottom: 1px solid #E5E7EB; }
.job__details--recruit----item ul.dropdown-menu a {
    display: block;
    border-top: 1px solid #E5E7EB; }

.table_gp tr th:first-child {
    border-radius: 8px 0 0 8px; }
.table_gp tr th:last-child {
    border-radius: 0px 8px 8px 0px; }
.table_gp tr td:first-child {
    border-radius: 8px 0 0 8px; }
.table_gp tr td:last-child {
    border-radius: 0px 8px 8px 0px; }

@media (max-width: 767px) {
    .dropdown__cancel-op .btn__job {
        width: auto; }

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

    .dropdown__cancel--item:last-child {
        width: 100%;
        padding-left: 0;
        padding-top: 15px; }

    .title__cancel {
        font-size: 20px; } }
@media (max-width: 480px) {
    .dropdown__cancel-op {
        width: 90.667vw; } }
.jcsb {
    justify-content: space-between; }

.aic {
    align-items: center; }

.wp__option {
    padding: 24px;
    padding-bottom: 1px;
    margin-bottom: 24px;
    border-radius: 12px; }
.wp__option-gp {
    flex-wrap: wrap; }
.wp__option-gp ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
.wp__option-gp li {
    width: calc((100% - 34.02px) / 3);
    margin-right: 17px;
    margin-bottom: 12px;
    padding-bottom: 0 !important;
    position: relative; }
.wp__option-gp li:nth-child(3n), .wp__option-gp li:last-child {
    margin-right: 0; }
.wp__option .search .form-control {
    height: 48px;
    border-radius: 24px;
    background-image: url(../image/icon_search.svg);
    background-position: center left 12px;
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-right: 98px; }
.wp__option .search button {
    position: absolute;
    right: 8px;
    display: flex;
    width: 120px;
    padding: 0px 12px 2px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #17D079;
    color: #07143B;
    text-align: center;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 115%;
    /* 114.286% */
    height: 32px;
    justify-content: center;
    border: solid 1px #17D079; }
.wp__option .search button:hover {
    background: #FFF; }
.wp__option .form-select {
    border-radius: 8px;
    color: #99A0AD;
    font-size: 14px;
    font-family: "SVN-Gotham v3", sans-serif;
    background-image: url(../image/arrow_down.svg);
    background-size: 12px;
    height: 40px; }
select {
    color: #99A0AD;
}
option:not(:first-of-type) {
    color: black;
}
.wp__option .w100 {
    width: 100%; }

.wrap__title-01 {
    color: #07143B;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: 117%; }
.wrap__title-01 .txt {
    display: block;
    color: var(--neutral-500, #808999);
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
    padding-top: 2px; }

.wrap__main_head {
    background: #F1FCF6;
    padding: 24px 35px;
    margin-bottom: 12px;
    border-radius: 8px;
    background-image: url(../image/bg.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: left top; }
.wrap__main_head svg {
    margin-right: 8px; }

.navigation__gp {
    padding: 12px 0;
    border-top: #E6E8EB solid 1px; }
.navigation__gp .form-select {
    width: 78px; }
.navigation__gp p {
    margin-bottom: 0;
    margin-right: 8px;
    color: var(--neutral-600, #4D5971);
    font-family: "SVN-Gotham v3", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */ }
.navigation__gp ul {
    margin-bottom: 0; }
.navigation__gp .page-link {
    padding: 7px 11px;
    color: #374151;
    text-align: center;
    /* Heading/Heading6 - 14 Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 143%;
    /* 142.857% */
    border: 1px solid #D1D5DB;
    background: #FFF; }
.navigation__gp .page-link.prev, .navigation__gp .page-link.next {
    padding: 7px 9px; }
.navigation__gp .page-link.prev {
    border-radius: 8px 0 0 8px; }
.navigation__gp .page-link.next {
    border-radius: 0 8px 8px 0; }
.navigation__gp .page-link.active, .navigation__gp .page-link:hover {
    background: #E5E7EB; }

.table_gp {
    width: 80.7292vw;
    overflow: hidden;
    /*overflow-x: scroll;*/
}
.table_gp tr td {
    vertical-align: middle;
    padding: 24px 10px;
    border-bottom-width: 0;
    color: var(--neutral-900, #07143B);
    word-break: break-all;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 133%; }
.table_gp tr td:nth-child(4) {
    padding-right: 25px; }
.table_gp tr td .status {
    padding: 5.5px 12.5px;
    border-radius: 6px;
    background: #E7F9ED;
    color: var(--semantic-success-700, #008F5B);
    font-size: 10px;
    font-weight: 450;
    line-height: 160%; }
.table_gp tr td.action_gp a {
    margin-right: 20px; }
.table_gp tr th {
    vertical-align: middle;
    border-bottom-width: 0;
    color: #008A49;
    font-family: "SVN-Gotham v6", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 133%;
    text-transform: uppercase; }
.table_gp tr:nth-child(2n-1) {
    border-radius: 8px;
    background: #F2F3F5; }
.table_gp tr:first-child {
    background: #E6F8EF; }
.table_gp .action_gp a {
    margin-right: 20px; }
/*.table_gp table {*/
/*    width: 1680px; }*/
.table_gp::-webkit-scrollbar {
    height: 8px;
    border-bottom: 1px solid #E6E6E6;
    border-radius: 8px;
    background: #E6E8EB; }
.table_gp::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); }
.table_gp::-webkit-scrollbar-thumb {
    height: 8px;
    border-radius: 8px;
    transition: ease all 0.35s;
    background-color: #B3B8C2; }
.table_gp::-webkit-scrollbar-thumb:hover {
    background-color: #B3B8C2; }
.table_gp::-webkit-scrollbar:vertical {
    display: none; }

.main__content {
    width: 100%;
    height: calc(100vh - 223px);
    overflow-y: auto; }
.main__content::-webkit-scrollbar {
    width: 0 !important;
    display: none; }

.action_status .dropdown-toggle {
    background: transparent; }
.action_status .dropdown-toggle::after {
    content: none; }
.action_status .dropdown-menu {
    padding: 0;
    border-radius: 8px !important;
    background: #FFF;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.12); }
.action_status .dropdown-menu li a {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    color: #667085;
    /* Portal Button/14 Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 143%;
    /* 142.857% */
    position: relative; }
.action_status .dropdown-item.active, .action_status .dropdown-item:hover {
    background: transparent;
    color: #17D079; }
.action_status .dropdown-item.active::before, .action_status .dropdown-item:hover::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../image/icon_check.svg) no-repeat center; }

.logo_header__sp {
    display: none; }

.breadcrumb-inner.hide {
    display: none; }

.fr-wrapper.show-placeholder > div[style="z-index:9999;width:100%;position:relative"] {
    display: none !important; }

@media (max-width: 1600px) {
    .table_gp {
        width: 100%; } }
@media screen and (max-width: 1024px) {
    .navbar-custom {
        z-index: 99999; }

    .navbar-siderbar {
        z-index: 99995; }

    .navbar-siderbar {
        width: 300px;
        left: -100%;
        transition: ease all 0.35s;
        position: fixed;
        z-index: 10; }
    .navbar-siderbar.active {
        left: 0;
        background-color: transparent; }
    .navbar-siderbar.active::before {
        content: "";
        position: absolute;
        left: 300px;
        top: 0;
        background-color: rgba(0, 0, 0, 0.8);
        width: 250%;
        height: 100vh; }
    .navbar-siderbar .nav_menu {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 150px;
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px; }

    .dropdown-menubar {
        margin-bottom: 15px;
        margin-top: 15px; }
    .dropdown-menubar li:not(:last-child) {
        margin-bottom: 5px; }

    .wrap__main, .navbar-custom {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; }

    .wrap__main {
        padding-top: 85px; }

    .row.breadcrumb-inner {
        display: none; }

    .table_gp {
        width: 100%; }

    .wrap__header {
        display: none !important; }

    .wrap__main_head {
        padding: 15px; }

    .logo_header__sp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* MENU HUMBURGER */ }
    .logo_header__sp .wrap__header {
        text-align: right;
        display: flex !important; }
    .logo_header__sp .wrap__header--item:last-child .hide {
        display: flex !important;
        align-items: center;
        margin-left: 15px; }
    .logo_header__sp #hamburger {
        display: block;
        position: relative; }
    .logo_header__sp #hamburger > div {
        width: 40px;
        height: 30px;
        position: relative;
        display: flex; }
    .logo_header__sp #hamburger span {
        background: #059605;
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
        position: absolute;
        width: 40px;
        height: 4px;
        -webkit-transition: top 0.1s ease 0.3s, background 0.1s ease 0.3s, -webkit-transform 0.3s ease;
        transition: top 0.1s ease 0.3s, background 0.1s ease 0.3s, -webkit-transform 0.3s ease;
        transition: top 0.1s ease 0.3s, transform 0.3s ease, background 0.1s ease 0.3s;
        transition: top 0.1s ease 0.3s, transform 0.3s ease, background 0.1s ease 0.3s, -webkit-transform 0.3s ease; }
    .logo_header__sp #hamburger span:nth-child(1) {
        top: 3px; }
    .logo_header__sp #hamburger span:nth-child(2) {
        top: 52%; }
    .logo_header__sp #hamburger span:nth-child(3) {
        bottom: -2px; }
    .logo_header__sp #hamburger .change span {
        -webkit-transition: top 0.1s ease, background 0.1s ease, -webkit-transform 0.3s ease 0.1s;
        transition: top 0.1s ease, background 0.1s ease, -webkit-transform 0.3s ease 0.1s;
        transition: top 0.1s ease, transform 0.3s ease 0.1s, background 0.1s ease;
        transition: top 0.1s ease, transform 0.3s ease 0.1s, background 0.1s ease, -webkit-transform 0.3s ease 0.1s; }
    .logo_header__sp #hamburger .change span:nth-child(1) {
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(315deg);
        transform: translateY(-50%) rotate(315deg); }
    .logo_header__sp #hamburger .change span:nth-child(2) {
        -webkit-transform: translateY(-50%) rotate(405deg);
        transform: translateY(-50%) rotate(405deg);
        display: none; }
    .logo_header__sp #hamburger .change span:nth-child(3) {
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(405deg);
        transform: translateY(-50%) rotate(405deg); }
    .logo_header__sp .chane-x {
        display: inline-block;
        position: relative;
        cursor: pointer; }

    .job__details {
        padding: 15px; }
    .job__details--item:last-child {
        padding-left: 35px; }
    .job__details--body [class*="col-"]:not(:last-child) {
        margin-right: 15px; }

    .procedure__icon::before {
        width: 80px; }

    .procedure__icon {
        width: 110px; }

    .title-name--work {
        font-size: 24px; }

    .button-admin--down,
    .button-admin--text {
        display: none; }

    .label__text {
        margin-top: 15px;
        padding-left: 0;
        padding-bottom: 5px; } }
@media screen and (max-width: 767px) {
    .wp__option {
        padding: 15px; }
    .wp__option-gp li {
        width: 100%;
        margin-right: 0; }

    .navigation {
        flex-wrap: wrap; }
    .navigation__gp {
        flex-wrap: wrap;
        justify-content: center; }
    .navigation__gp .pages {
        flex-wrap: wrap;
        justify-content: center; }
    .navigation__gp .pages p {
        margin-right: 0;
        margin-bottom: 5px; }
    .navigation__gp .gp_num {
        margin-bottom: 15px; }

    .table_gp tr td {
        padding: 15px 10px; }
    .table_gp tr td.action_gp a {
        margin-right: 10px; }

    .wp__option .search button {
        width: 80px;
        font-size: 12px;
        padding: 0 5px 2px; }

    .job__details {
        padding: 15px; }

    .wrap__main, .navbar-custom {
        padding-left: 15px;
        padding-right: 15px; }

    .navbar-custom .row > * {
        width: auto;
        padding: 0; }

    .job__details--header {
        flex-wrap: wrap; }

    .job__details--title {
        margin-bottom: 15px;
        font-size: 20px; }

    .job__details--recruit {
        justify-content: flex-end;
        width: 100%; }

    .job__details--item:first-child {
        display: none; }
    .job__details--item:last-child {
        width: 100%;
        padding-left: 0; }

    .job__details--body .row {
        flex-wrap: wrap; }

    .job__details--body [class*="col-"]:not(:last-child) {
        margin-right: 0; }

    .btn--recruit {
        width: 140px; }

    .procedure__text {
        display: block;
        font-size: 12px; }

    .box__form--item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px; }

    .box__form {
        flex-wrap: wrap; }

    .job-name {
        flex-wrap: wrap; }

    .title-name--work {
        font-size: 22px;
        margin-bottom: 15px; }

    .btn__job {
        width: 80px; }

    .procedure__list > li {
        display: block; }

    .procedure__icon {
        display: flex; }

    .job-name {
        padding-bottom: 15px; }

    .procedure__list {
        width: 455px; }

    .button-admin--user {
        width: 30px;
        height: 30px; }

    .logo_header__sp a img {
        width: 100px; }

    .job__details--procedure {
        overflow-y: auto; }

    .procedure__icon::before {
        width: 55px; }

    .procedure__icon {
        width: 85px; }

    .fr-box.fr-basic .fr-element {
        min-height: 220px;
        padding: 15px; }

    .title-name--work {
        font-size: 20px; }

    .main__footer {
        height: auto !important;
        padding-top: 15px !important;
        padding-bottom: 5px !important; }

    .main__footer--item:last-child {
        display: none; }

    .main__footer--item {
        display: flex;
        flex-direction: column;
        width: 100% !important; }
    .main__footer--item a {
        margin-right: 0 !important;
        margin-bottom: 5px; }
    .main__footer--item img {
        width: 80px; }

    input[type="date"] {
        width: 100%;
        background-image: url(../image/calendar.svg);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center right 10px; }

    input[type=date]::-webkit-inner-spin-button {
        width: 100%;
        background-image: url(../image/calendar.svg);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center right 10px; }

    input[type="date"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-calendar-picker-indicator {
        display: none !important;
        -webkit-appearance: none !important; } }
@media (max-width: 480px) {
    .wrap__title-01 .txt {
        font-size: 10px;
        padding-top: 6px; }

    .wrap__main_head svg {
        margin-right: 10px; } }
/*
======================
=    STYLE FOOTER    =
======================
*/
.main__footer {
    height: 77px;
    padding-bottom: 25px; }
.main__footer--item {
    color: #99A0AD;
    font-family: "SVN-Gotham v5", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 133.333%;
    /* 133.333% */ }
.main__footer a {
    margin-right: 16px; }
.main__footer p {
    margin-bottom: 0; }

/*# sourceMappingURL=style.css.map */