* {
    padding: 0;
    margin: 0;
    border: 0;
}

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

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    font-feature-settings: "salt" on, "liga" off;
    color: rgba(24, 25, 31, 0.8);
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

ul {
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
}

p {
    margin: 0;
}

.sidebar_body {
    min-height: 100vh;
    height: 100%;
}

.breadcrumb .span {
    color: #848484;
}

.col_breadcrumb {
    margin-top: calc(var(--bs-gutter-x) * 0.5);
}

.del_link {
    display: inline-flex;
    align-items: center;
    padding: 3px;
    background-color: #f8baba;
    border-radius: 5px;
}

.del_link::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V9C18 7.9 17.1 7 16 7H8C6.9 7 6 7.9 6 9V19ZM18 4H15.5L14.79 3.29C14.61 3.11 14.35 3 14.09 3H9.91C9.65 3 9.39 3.11 9.21 3.29L8.5 4H6C5.45 4 5 4.45 5 5C5 5.55 5.45 6 6 6H18C18.55 6 19 5.55 19 5C19 4.45 18.55 4 18 4Z" fill="%23FF0000"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.sidebar_body {
    background-color: #37394f;
}
.sidebar_body .wrapper_logo {
    padding: 15px 20px 20px;
}
.sidebar_body .wrapper_input_search {
    display: none;
    padding: 0 10px;
    position: relative;
}
.sidebar_body .wrapper_input_search::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z" stroke="%23838388" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 17.5L13.875 13.875" stroke="%23838388" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.sidebar_body .wrapper_input_search .input_search {
    width: 100%;
    padding: 10px;
    padding-left: 40px;
    border-radius: 6px;
    background: #292b3b;
    color: #838388;
    border: 0;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.sidebar_body .nav_list {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.sidebar_body .nav_list .nav-item {
    padding: 5px 19px;
}
.sidebar_body .nav_list .nav-item a {
    color: #a2a3ac;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
}
.sidebar_body .nav_list .nav-item a:hover {
    color: #f36f21;
}
.sidebar_body .nav_list .nav-item.active a {
    color: #ffffff;
}
.sidebar_body .nav_list .nav-item.active {
    border-left: 2px solid #f36f21;
    background: linear-gradient(
        90deg,
        rgba(244, 177, 39, 0.3) 0%,
        rgba(244, 177, 39, 0) 91.5%
    );
}

.col_main_content {
    padding-top: 30px;
    background: #f8f8f8;
}
.col_main_content .title_section {
    color: #37394f;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}
.col_main_content .breadcrumb {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #37394f;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.col_main_content .breadcrumb .disabled {
    color: #a2a3ac;
}
.col_main_content .btn_primary_project {
    background-color: #f36f21;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: all 0.3s ease;
}
.col_main_content .btn_primary_project:hover {
    background-color: #e3a528;
}

.wrapper_table_project {
    border: 1px solid #ececef;
    border-radius: 6px;
}

.table_project {
    border-radius: 6px;
    overflow: hidden;
    border-color: #ececef;
    margin: 0;
}
.table_project thead th {
    background: #ececef;
    padding: 10px;
    color: #334155;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.table_project td {
    border: 0;
    vertical-align: middle;
    background-color: #fff;
    padding: 10px;
    color: #5b697d;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-bg-type: #f7f7fa;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: #fff;
}

.item_group_input {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}
.item_group_input label {
    color: var(--gray-700, #334155);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}
.item_group_input textarea,
.item_group_input input,
.item_group_input select {
    padding: 6px;
    border-radius: 6px;
    border: 1px solid var(--dew, #ececef);
    background: var(--white-white, #fff);
}

.btn_project_form {
    display: inline-block;
    border-radius: 6px;
    background: #f36f21;
    color: var(--w, #fff);
    font-family: "Roboto", sans-serif;
    padding: 10px 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.wrapper_table_project_h {
    max-height: 400px;
    overflow: auto;
}

.modal form {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: flex-end;
}
.modal .btn-close {
    position: absolute;
    right: 16px;
    top: 16px;
}
.modal .title_modal {
    color: var(--txt-1, #37394f);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.modal .btn_submit {
    flex: 0 47%;
    height: 47.6px;
    border-radius: 6px;
    background: var(--ye, #f36f21);
    padding: 10px 20px;
    color: var(--w, #fff);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.modal .item_wrapper_input {
    flex: 0 47%;
}
.modal .item_wrapper_input label {
    color: var(--gray-700, #334155);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 8px;
}
.modal .item_wrapper_input input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid var(--dew, #ececef);
    background: var(--white-white, #fff);
}

.wrapper_login {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #37394f;
}
.wrapper_login .admin_main {
    width: 100%;
}
.wrapper_login .admin_main .admin-login {
    padding: 20px;
    width: 100%;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 8px 36px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.wrapper_login .wrapper_logo_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wrapper_login .wrapper_logo_form .logo {
    width: 120px;
    margin-bottom: 20px;
}
.wrapper_login .wrapper_logo_form .name_input {
    color: #334155;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 8px;
}
.wrapper_login .input_view {
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--dew, #ececef);
    background: var(--white-white, #fff);
    padding: 6px 10px;
}
.wrapper_login .btn_submit {
    width: 100%;
    border-radius: 6px;
    background: #f36f21;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    padding: 10px 20px;
}

.table_project .link_change_status {
    display: inline-flex;
    align-items: center;
    padding: 3px;
    background-color: #f36f21;
    border-radius: 5px;
}
.table_project .link_change_status.play_link::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="320" height="368" viewBox="0 0 320 368" fill="none"><path d="M37 368C30.8603 367.989 24.8292 366.379 19.5 363.33C7.50004 356.53 0.0400391 343.33 0.0400391 329V39.0001C0.0400391 24.6301 7.50004 11.4701 19.5 4.67005C24.9561 1.53442 31.1542 -0.0780893 37.4466 0.00107139C43.739 0.0802321 49.8946 1.84816 55.27 5.12006L303.12 153.48C308.285 156.719 312.544 161.217 315.495 166.551C318.447 171.886 319.995 177.883 319.995 183.98C319.995 190.077 318.447 196.074 315.495 201.409C312.544 206.743 308.285 211.241 303.12 214.48L55.23 362.88C49.729 366.206 43.4282 367.975 37 368Z" fill="white"/></svg>');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}
.table_project .link_change_status.pause_link::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="176" height="192" viewBox="0 0 176 192" fill="none"><path d="M176 16V176C176 180.243 174.314 184.313 171.314 187.314C168.313 190.314 164.243 192 160 192H120C115.757 192 111.687 190.314 108.686 187.314C105.686 184.313 104 180.243 104 176V16C104 11.7565 105.686 7.68687 108.686 4.68629C111.687 1.68571 115.757 0 120 0H160C164.243 0 168.313 1.68571 171.314 4.68629C174.314 7.68687 176 11.7565 176 16ZM56 0H16C11.7565 0 7.68687 1.68571 4.68629 4.68629C1.68571 7.68687 0 11.7565 0 16V176C0 180.243 1.68571 184.313 4.68629 187.314C7.68687 190.314 11.7565 192 16 192H56C60.2435 192 64.3131 190.314 67.3137 187.314C70.3143 184.313 72 180.243 72 176V16C72 11.7565 70.3143 7.68687 67.3137 4.68629C64.3131 1.68571 60.2435 0 56 0Z" fill="white"/></svg>');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}
.table_project .edit_link {
    display: inline-flex;
    align-items: center;
    padding: 3px;
    background-color: #f36f21;
    border-radius: 5px;
}
.table_project .edit_link::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M17.71 4.04006C18.1 3.65006 18.1 3.00006 17.71 2.63006L15.37 0.290059C15 -0.0999414 14.35 -0.0999414 13.96 0.290059L12.12 2.12006L15.87 5.87006M0 14.2501V18.0001H3.75L14.81 6.93006L11.06 3.18006L0 14.2501Z" fill="white"/></svg>');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.table_project .statistics_link {
    display: inline-flex;
    align-items: center;
    padding: 3px;
    background-color: #f36f21;
    border-radius: 5px;
}
.table_project .statistics_link::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H21" stroke="white" stroke-width="2" stroke-miterlimit="5.759" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 14L11 10L15 14L21 8" stroke="white" stroke-width="2" stroke-miterlimit="5.759" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 8H21V11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.form_create_base input {
    flex: 1 1 auto;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid var(--dew, #ececef);
    background: var(--white-white, #fff);
}

.wrapper_statistics_item {
    display: flex;
}
.wrapper_statistics_item .body_statistics_item {
    border-radius: 15px;
    background: #fff;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.wrapper_statistics_item .body_statistics_item .value {
    color: #f36f21;
    text-align: right;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}

.btns_project_form_wrapper {
    position: fixed;
    z-index: 10;
    bottom: 20px;
}

.pagination_wrapper {
    margin: 20px 0;
    display: flex;
    justify-content: flex-end;
}

.pagination {
    display: inline-flex;
    justify-content: flex-end;
    border-radius: 20px;
    overflow: hidden;
}
.pagination a {
    color: #334155;
}
.pagination .active {
    color: #334155;
    text-decoration: underline;
}
.pagination li {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ececef;
} /*# sourceMappingURL=style.css.map */