:root {
--font-body: "Plus Jakarta Sans", sans-serif;
--color-blue: rgba(1, 122, 255, 1);
--color-black: rgba(17, 17, 17, 1);
--color-yellow: rgba(255, 193, 7, 1);
--color-dark: rgba(23, 31, 45, 1);
--color-body: rgba(69, 69, 69, 1);
--color-red: rgba(237, 28, 36, 1);
--color-theme: rgba(247, 249, 252, 1);
--width-container: 1272px;
--color-stroke: rgba(228, 228, 228, 1);
--color-Bg: rgba(243, 243, 243, 1);
--color-white: rgba(255, 255, 255, 1);
--color-caption: rgba(145, 145, 145, 1);
--color-icon: rgba(139, 139, 139, 1);
}
[data-theme="dark"] {
--color-blue: rgba(1, 122, 225, 1);
--color-black: rgb(255, 255, 255);
--color-yellow: rgba(255, 193, 7, 1);
--color-dark: rgba(23, 31, 45, 1);
--color-body: rgba(255, 255, 255, 1);
--color-red: rgba(237, 28, 36, 1);
--color-theme: #000000;
--width-container: 1272px;
--color-stroke: rgba(228, 228, 228, 1);
--color-Bg: rgba(243, 243, 243, 1);
--color-white: rgba(255, 255, 255, 1);
--color-caption: rgba(145, 145, 145, 1);
--color-icon: rgba(139, 139, 139, 1);
--color-dark-theme: #25282a;
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
}
[data-theme="dark"] .modal .cardContact {
background: var(--color-dark-theme);
position: relative;
}
[data-theme="dark"] .modal .cardContact input {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
[data-theme="dark"] .modal .cardContact textarea {
color: #fff;
}
[data-theme="dark"] .modal .cardContact .nice-select {
background: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .modal .cardContact .nice-select span {
color: #fff;
}
[data-theme="dark"] .modal .cardContact .nice-select .list {
color: #fff;
background: #838383;
}
[data-theme="dark"] .modal .cardContact .nice-select .list .option.selected.focus,
[data-theme="dark"] .modal .cardContact .nice-select .list .option:hover,
[data-theme="dark"] .modal .cardContact .nice-select .list .option:focus {
background-color: #595959 !important;
}
[data-theme="dark"] .package_mobile_modal .modal-content {
background: var(--color-dark-theme);
}
[data-theme="dark"] .package_mobile_modal .modal-content .btn-close {
color: #fff;
}
[data-theme="dark"] .pageProd .listing_solution .item_solution {
background: var(--color-dark-theme);
}
[data-theme="dark"] .section_order .btn_primary:hover span,
[data-theme="dark"] .section_order .btn_primary:hover i {
color: #fff;
}
@media (max-width: 767px) {
[data-theme="dark"] #listProduct .btn_control_fil {
background: #353535;
}
[data-theme="dark"] #listProduct .list_widget {
background: var(--color-dark-theme);
}
[data-theme="dark"] #listProduct .list_widget .close {
background: var(--color-caption);
}
}
[data-theme="dark"] .nav_language .nice-select .option:hover,
[data-theme="dark"] .nav_language .nice-select .option.focus,
[data-theme="dark"] .nav_language .nice-select .option.selected.focus {
background-color: #3b3b3b !important;
}
[data-theme="dark"] .cardFile .dataTables_length label {
color: #fff;
}
[data-theme="dark"] #packageModal .modal-content {
background: var(--color-dark-theme);
}
[data-theme="dark"] #packageModal .modal-header {
border-bottom: none;
}
[data-theme="dark"] #packageModal .modal-footer {
border-top: none;
}
[data-theme="dark"] #packageModal .btn_trans {
background: var(--color-blue);
color: #fff;
}
[data-theme="dark"] #packageModal .btn-close {
filter: contrast(0.5) brightness(20);
}
[data-theme="dark"] .modal-content {
background: var(--color-dark-theme);
}
[data-theme="dark"] tbody .--item .status.default {
background: var(--color-icon) !important;
}
[data-theme="dark"] .menu_mobile {
background: var(--color-dark-theme);
border-bottom: 1px solid rgba(255, 255, 255, 0.1607843137);
}
[data-theme="dark"] .menu_mobile .nav_menu_mobile {
background-color: var(--color-dark-theme);
}
[data-theme="dark"] .menu_mobile .nav_menu_mobile .item_menu_mobile {
color: #fff !important;
}
[data-theme="dark"] .menu_mobile .accordion-item {
background-color: transparent;
}
[data-theme="dark"] .menu_mobile .accordion-button::after {
filter: contrast(0.5) brightness(20);
}
[data-theme="dark"] .menu_mobile .nav__link,
[data-theme="dark"] .menu_mobile .item_menu_sub_mobile {
color: #fff !important;
}
[data-theme="dark"] .homeNews .item_news {
background: rgba(1, 122, 255, 0.05);
}
[data-theme="dark"] .item_product {
background: #2e2e2e;
}
[data-theme="dark"] .item_product .image_prod img {
border-radius: 8px 8px 0 0;
}
[data-theme="dark"] .fileContent .item_product {
background: var(--color-theme);
}
[data-theme="dark"] .fileContent .cardFile .page-link {
background: var(--color-dark-theme);
color: #fff;
}
@media (max-width: 1056px) {
[data-theme="dark"] .aboutBanner::after {
background: rgb(0, 0, 0);
}
[data-theme="dark"] .aboutBanner .content_about article {
color: #fff;
}
}
[data-theme="dark"] .btn_auth_acc {
background: #353637 !important;
}
[data-theme="dark"] .overviewProd .connect_link .list_link .item {
background: var(--color-dark-theme);
}
[data-theme="dark"] .tabListNews .item_product {
background: var(--color-theme);
}
[data-theme="dark"] .tabListNews .page-link {
color: rgba(255, 255, 255, 0.2901960784);
}
[data-theme="dark"] .tabListNews .page-link.active {
color: #fff;
}
[data-theme="dark"] .relateProd .slick_arrow {
background: var(--color-dark-theme);
}
[data-theme="dark"] .relateProd .item_product {
background: var(--color-dark-theme);
}
[data-theme="dark"] .pageProd .item_product {
background: var(--color-dark-theme);
}
[data-theme="dark"] .pageProd .cardSolution .name a {
color: #fff !important;
}
[data-theme="dark"] .pageProd .homeProduct .sidebar_widget {
background: var(--color-dark-theme);
}
[data-theme="dark"] .pageProd .homeProduct .sidebar_widget .icon_filter {
background: var(--color-icon);
color: #fff;
}
[data-theme="dark"] .homeAbout .--right ul span {
color: #fff;
}
[data-theme="dark"] .featureProd .accordion-flush .accordion-button::after {
background-image: url('data:image/svg+xml,');
}
[data-theme="dark"] .select2-selection__clear {
color: #fff !important;
}
[data-theme="dark"] .select2 {
background: transparent;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .select2 .select2-selection--single {
background-color: transparent;
}
[data-theme="dark"] .select2 .select2-selection__rendered {
color: #fff;
}
[data-theme="dark"] .select2-dropdown {
background-color: var(--color-dark-theme) !important;
}
[data-theme="dark"] .select2-dropdown input {
background: var(--color-dark-theme) !important;
color: #fff;
}
[data-theme="dark"] #endow_select .list {
background: #353535;
}
[data-theme="dark"] #endow_select .option:hover,
[data-theme="dark"] #endow_select .option.focus,
[data-theme="dark"] #endow_select .option.selected.focus {
background-color: var(--color-dark-theme);
}
[data-theme="dark"] .--formSelectSupport .nice-select-search-box input {
color: #fff;
}
[data-theme="dark"] .item_product .content_prod {
background: rgba(255, 255, 255, 0.1803921569);
}
[data-theme="dark"] .flatpickr-calendar {
background: transparent;
opacity: 0;
background: #3f4458;
box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
}
[data-theme="dark"] .flatpickr-calendar.open {
opacity: 1;
max-height: 640px;
visibility: visible;
display: inline-block;
z-index: 99999;
}
[data-theme="dark"] .flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
display: block;
position: relative;
top: 2px;
}
[data-theme="dark"] .flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
[data-theme="dark"] .flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
[data-theme="dark"] .flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
[data-theme="dark"] .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
[data-theme="dark"] .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
[data-theme="dark"] .flatpickr-calendar .hasWeeks .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
}
[data-theme="dark"] .flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
[data-theme="dark"] .flatpickr-calendar:before {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: "";
height: 0;
width: 0;
left: 22px;
border-width: 5px;
margin: 0 -5px;
}
[data-theme="dark"] .flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: "";
height: 0;
width: 0;
left: 22px;
border-width: 4px;
margin: 0 -4px;
}
[data-theme="dark"] .flatpickr-calendar:focus {
outline: 0;
}
[data-theme="dark"] .flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #20222c;
}
[data-theme="dark"] .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
[data-theme="dark"] .flatpickr-calendar.rightMost:before {
left: auto;
right: 22px;
}
[data-theme="dark"] .flatpickr-calendar.rightMost:after {
left: auto;
right: 22px;
}
[data-theme="dark"] .flatpickr-calendar.arrowRight:before {
left: auto;
right: 22px;
}
[data-theme="dark"] .flatpickr-calendar.arrowRight:after {
left: auto;
right: 22px;
}
[data-theme="dark"] .flatpickr-calendar.arrowCenter:before {
left: 50%;
right: 50%;
}
[data-theme="dark"] .flatpickr-calendar.arrowCenter:after {
left: 50%;
right: 50%;
}
[data-theme="dark"] .flatpickr-calendar.arrowTop:before {
bottom: 100%;
border-bottom-color: #20222c;
}
[data-theme="dark"] .flatpickr-calendar.arrowTop:after {
bottom: 100%;
border-bottom-color: #3f4458;
}
[data-theme="dark"] .flatpickr-calendar.arrowBottom:before {
top: 100%;
border-top-color: #20222c;
}
[data-theme="dark"] .flatpickr-calendar.arrowBottom:after {
top: 100%;
border-top-color: #3f4458;
}
[data-theme="dark"] .flatpickr-wrapper {
position: relative;
display: inline-block;
}
[data-theme="dark"] .flatpickr-months {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
[data-theme="dark"] .flatpickr-months .flatpickr-month {
background: #3f4458;
color: #fff;
fill: #fff;
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: #fff;
fill: #fff;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month i {
position: relative;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover {
color: #eee;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover svg {
fill: #f64747;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month svg {
width: 14px;
height: 14px;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month svg path {
-webkit-transition: fill 0.1s;
transition: fill 0.1s;
fill: inherit;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: #fff;
fill: #fff;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month i {
position: relative;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month:hover {
color: #eee;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill 0.1s;
transition: fill 0.1s;
fill: inherit;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
display: none;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
left: 0;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
left: 0;
}
[data-theme="dark"] .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
right: 0;
}
[data-theme="dark"] .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
right: 0;
}
[data-theme="dark"] .numInputWrapper {
position: relative;
height: auto;
}
[data-theme="dark"] .numInputWrapper input {
display: inline-block;
width: 100%;
}
[data-theme="dark"] .numInputWrapper input::-ms-clear {
display: none;
}
[data-theme="dark"] .numInputWrapper input::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
[data-theme="dark"] .numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
[data-theme="dark"] .numInputWrapper span {
display: inline-block;
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(255, 255, 255, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[data-theme="dark"] .numInputWrapper span:hover {
background: rgba(192, 187, 167, 0.1);
}
[data-theme="dark"] .numInputWrapper span:active {
background: rgba(192, 187, 167, 0.2);
}
[data-theme="dark"] .numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
[data-theme="dark"] .numInputWrapper span svg {
width: inherit;
height: auto;
}
[data-theme="dark"] .numInputWrapper span svg path {
fill: rgba(255, 255, 255, 0.5);
}
[data-theme="dark"] .numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
[data-theme="dark"] .numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(255, 255, 255, 0.6);
top: 26%;
}
[data-theme="dark"] .numInputWrapper span.arrowDown {
top: 50%;
}
[data-theme="dark"] .numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.6);
top: 40%;
}
[data-theme="dark"] .numInputWrapper:hover {
background: rgba(192, 187, 167, 0.05);
}
[data-theme="dark"] .numInputWrapper:hover span {
opacity: 1;
}
[data-theme="dark"] .flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
[data-theme="dark"] .flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
[data-theme="dark"] .flatpickr-current-month span.cur-month:hover {
background: rgba(192, 187, 167, 0.05);
}
[data-theme="dark"] .flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
[data-theme="dark"] .flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: #fff;
}
[data-theme="dark"] .flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: #fff;
}
[data-theme="dark"] .flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: 15px;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
[data-theme="dark"] .flatpickr-current-month input.cur-year:focus {
outline: 0;
}
[data-theme="dark"] .flatpickr-current-month input.cur-year[disabled] {
font-size: 100%;
color: rgba(255, 255, 255, 0.5);
background: transparent;
pointer-events: none;
}
[data-theme="dark"] .flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(255, 255, 255, 0.5);
background: transparent;
pointer-events: none;
}
[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: #3f4458;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
outline: none;
}
[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none;
}
[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(192, 187, 167, 0.05);
}
[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: #3f4458;
outline: none;
padding: 0;
}
[data-theme="dark"] .flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px;
}
[data-theme="dark"] .flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
[data-theme="dark"] span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: #3f4458;
color: #fff;
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder;
}
[data-theme="dark"] .dayContainer {
padding: 1px 0 0 0;
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
[data-theme="dark"] .dayContainer+.dayContainer {
-webkit-box-shadow: -1px 0 0 #20222c;
box-shadow: -1px 0 0 #20222c;
}
[data-theme="dark"] .flatpickr-weeks {
padding: 1px 0 0 0;
}
[data-theme="dark"] .flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 307.875px;
}
[data-theme="dark"] .flatpickr-days:focus {
outline: 0;
}
[data-theme="dark"] .flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.95);
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
[data-theme="dark"] .flatpickr-day:hover {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day:focus {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.inRange {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
}
[data-theme="dark"] .flatpickr-day.prevMonthDay.inRange {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.nextMonthDay.inRange {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.today.inRange {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.prevMonthDay.today.inRange {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.nextMonthDay.today.inRange {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.prevMonthDay {
color: rgba(255, 255, 255, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
[data-theme="dark"] .flatpickr-day.prevMonthDay:hover {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.prevMonthDay:focus {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.nextMonthDay {
color: rgba(255, 255, 255, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
[data-theme="dark"] .flatpickr-day.nextMonthDay:hover {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #646c8c;
border-color: #646c8c;
}
[data-theme="dark"] .flatpickr-day.today {
border-color: #eee;
}
[data-theme="dark"] .flatpickr-day.today:hover {
border-color: #eee;
background: #eee;
color: #3f4458;
}
[data-theme="dark"] .flatpickr-day.today:focus {
border-color: #eee;
background: #eee;
color: #3f4458;
}
[data-theme="dark"] .flatpickr-day.selected {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.selected:focus {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.selected:hover {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.startRange {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.startRange:focus {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.startRange:hover {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.endRange {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.endRange:focus {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.endRange:hover {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.selected.inRange {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.startRange.inRange {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.endRange.inRange {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.selected.prevMonthDay {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.startRange.prevMonthDay {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.endRange.prevMonthDay {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.selected.nextMonthDay {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.startRange.nextMonthDay {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.endRange.nextMonthDay {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
[data-theme="dark"] .flatpickr-day.selected.startRange {
border-radius: 50px 0 0 50px;
}
[data-theme="dark"] .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n + 1)) {
-webkit-box-shadow: -10px 0 0 #80cbc4;
box-shadow: -10px 0 0 #80cbc4;
}
[data-theme="dark"] .flatpickr-day.startRange.startRange {
border-radius: 50px 0 0 50px;
}
[data-theme="dark"] .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n + 1)) {
-webkit-box-shadow: -10px 0 0 #80cbc4;
box-shadow: -10px 0 0 #80cbc4;
}
[data-theme="dark"] .flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
[data-theme="dark"] .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n + 1)) {
-webkit-box-shadow: -10px 0 0 #80cbc4;
box-shadow: -10px 0 0 #80cbc4;
}
[data-theme="dark"] .flatpickr-day.selected.endRange {
border-radius: 0 50px 50px 0;
}
[data-theme="dark"] .flatpickr-day.startRange.endRange {
border-radius: 0 50px 50px 0;
}
[data-theme="dark"] .flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
[data-theme="dark"] .flatpickr-day.selected.startRange.endRange {
border-radius: 50px;
}
[data-theme="dark"] .flatpickr-day.startRange.startRange.endRange {
border-radius: 50px;
}
[data-theme="dark"] .flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
[data-theme="dark"] .flatpickr-day.flatpickr-disabled {
color: rgba(255, 255, 255, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
cursor: not-allowed;
color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .flatpickr-day.flatpickr-disabled:hover {
color: rgba(255, 255, 255, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
cursor: not-allowed;
color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .flatpickr-day.notAllowed {
color: rgba(255, 255, 255, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
[data-theme="dark"] .flatpickr-day.notAllowed.prevMonthDay {
color: rgba(255, 255, 255, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
[data-theme="dark"] .flatpickr-day.notAllowed.nextMonthDay {
color: rgba(255, 255, 255, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
[data-theme="dark"] .flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
}
[data-theme="dark"] .flatpickr-day.hidden {
visibility: hidden;
}
[data-theme="dark"] .rangeMode .flatpickr-day {
margin-top: 1px;
}
[data-theme="dark"] .flatpickr-weekwrapper {
float: left;
}
[data-theme="dark"] .flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #20222c;
box-shadow: 1px 0 0 #20222c;
}
[data-theme="dark"] .flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
[data-theme="dark"] .flatpickr-weekwrapper span.flatpickr-day {
display: block;
width: 100%;
max-width: none;
color: rgba(255, 255, 255, 0.3);
background: transparent;
cursor: default;
border: none;
}
[data-theme="dark"] .flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(255, 255, 255, 0.3);
background: transparent;
cursor: default;
border: none;
}
[data-theme="dark"] .flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
[data-theme="dark"] .flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[data-theme="dark"] .flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(255, 255, 255, 0.95);
}
[data-theme="dark"] .flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: rgba(255, 255, 255, 0.95);
}
[data-theme="dark"] .flatpickr-time input {
background: transparent;
color: rgba(255, 255, 255, 0.95);
}
[data-theme="dark"] .flatpickr-time input:hover {
background: #6a7395;
}
[data-theme="dark"] .flatpickr-time input:focus {
background: #6a7395;
}
[data-theme="dark"] .flatpickr-time .flatpickr-time-separator {
color: rgba(255, 255, 255, 0.95);
}
[data-theme="dark"] .flatpickr-time .flatpickr-am-pm {
color: rgba(255, 255, 255, 0.95);
}
[data-theme="dark"] .flatpickr-time .flatpickr-am-pm:hover {
background: #6a7395;
}
[data-theme="dark"] .flatpickr-time .flatpickr-am-pm:focus {
background: #6a7395;
}
[data-theme="dark"] .overviewProd #pills-tabProd {
background: rgb(61, 61, 61);
}
@media (max-width: 900px) {
[data-theme="dark"] .overviewProd #pills-tabProd {
background: var(--color-dark-theme);
}
}
[data-theme="dark"] body {
color: var(--color-body);
}
[data-theme="dark"] .main {
background-color: var(--color-theme) !important;
}
[data-theme="dark"] .itemPrize {
background: var(--color-dark-theme);
}
[data-theme="dark"] .itemPrize .--icon::after {
background: var(--color-dark-theme);
}
[data-theme="dark"] .btn_trans {
background: var(--color-dark-theme);
}
[data-theme="dark"] .header {
background: var(--color-dark-theme);
}
[data-theme="dark"] .header .nav_menu a {
color: var(--color-white);
}
[data-theme="dark"] .header .nice-select {
background-color: var(--color-dark-theme);
border: 1px solid var(--color-icon);
}
[data-theme="dark"] .header .nice-select span {
color: #fff !important;
}
[data-theme="dark"] .header .nice-select ul {
background-color: rgb(60, 60, 61);
}
[data-theme="dark"] .header .nice-select .option:hover,
[data-theme="dark"] .header .nice-select .option.focus,
[data-theme="dark"] .header .nice-select .option.selected.focus {
background-color: rgb(60, 60, 61);
}
[data-theme="dark"] .header .avatar_user .menu_profile {
background: var(--color-dark-theme);
}
[data-theme="dark"] .header .avatar_user .menu_profile ul li:last-child a {
border-bottom: none;
}
[data-theme="dark"] .footer {
background: rgba(37, 40, 42, 0.8509803922);
}
[data-theme="dark"] .--tooltipNoti .box_tootip {
background: #313639;
}
[data-theme="dark"] .--tooltipNoti .box_tootip::after {
background: rgb(49, 54, 57);
border: 1px solid #313639;
}
[data-theme="dark"] .--tooltipNoti .box_tootip .--item {
color: #fff;
}
[data-theme="dark"] .homeAbout .--right .--des,
[data-theme="dark"] .homeAbout .--right article {
opacity: 0.7;
}
[data-theme="dark"] .homeAbout .--left .--item:nth-child(4) {
background: var(--color-dark-theme);
}
[data-theme="dark"] .homeAbout .--left .--item:nth-child(1) .--video {
background: var(--color-dark-theme);
}
[data-theme="dark"] .item_product .content_prod .title a {
color: var(--color-white);
}
[data-theme="dark"] .aboutAward {
background: var(--color-dark-theme);
}
[data-theme="dark"] .aboutAward .item_award .description {
background: var(--color-dark-theme);
}
[data-theme="dark"] .aboutStory {
background: var(--color-dark-theme);
}
@media (max-width: 900px) {
[data-theme="dark"] .aboutStory .btn_trans {
border: 1px solid rgba(0, 109, 183, 0.54);
}
}
[data-theme="dark"] .aboutEnviroment .item_envi .content_envi {
background: var(--color-dark-theme);
}
[data-theme="dark"] .list_partner .logo {
background: rgba(255, 255, 255, 0.4);
padding: 10px;
flex: 0 0 14%;
height: 90px;
}
[data-theme="dark"] .infoOverProd {
background: var(--color-dark-theme);
}
[data-theme="dark"] .menu_over_detail {
background: var(--color-dark-theme);
}
[data-theme="dark"] .menu_over_detail .list_info_prod a {
color: #fff;
}
[data-theme="dark"] .overviewProd .connect_link .icon i {
color: #fff;
}
[data-theme="dark"] .overviewProd .connect_link .info .label,
[data-theme="dark"] .overviewProd .connect_link .info a {
color: #fff;
}
[data-theme="dark"] .overviewProd ul li button.active {
background: var(--color-dark-theme) !important;
}
[data-theme="dark"] .advantageProd .content_advan {
background: var(--color-dark-theme);
}
[data-theme="dark"] .advantageProd .content_advan .content {
color: #000;
}
[data-theme="dark"] .featureProd .accordion-flush .accordion-body {
color: #000;
}
[data-theme="dark"] .reviewprod .box_review {
background: var(--color-dark-theme);
}
[data-theme="dark"] .reviewprod .page-item i {
color: #000;
}
[data-theme="dark"] .prodFaqs .content_faq_prod {
background: var(--color-dark-theme);
}
[data-theme="dark"] .prodFaqs .content_faq_prod .blck_title {
color: #fff;
}
[data-theme="dark"] .prodFaqs .content_faq_prod .accordion-button {
color: #fff;
background-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .prodFaqs .content_faq_prod .accordion-body {
background-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .pageNews .list_hight .item_hight .content {
background: var(--color-dark-theme);
}
[data-theme="dark"] .pageNews .page-link i {
color: #000;
}
[data-theme="dark"] .accountSidebar {
background: var(--color-dark-theme) !important;
}
[data-theme="dark"] .--formInput .--item {
flex-flow: column;
display: flex;
gap: 6px;
}
[data-theme="dark"] .--formInput .--item .--input {
background: transparent;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .nice-select {
border: 1px solid rgba(255, 255, 255, 0.1882352941) !important;
background: transparent;
}
[data-theme="dark"] #formInfo .form_group .box_drag,
[data-theme="dark"] #formInfo .form_group.active .box_drag {
background: rgb(37, 40, 42);
color: #fff;
}
[data-theme="dark"] #formInfo .form_group .box_drag path,
[data-theme="dark"] #formInfo .form_group.active .box_drag path {
fill: #fff;
}
[data-theme="dark"] #formInfo .form_group .drag_upload_cv,
[data-theme="dark"] #formInfo .form_group.active .drag_upload_cv {
border: 1px dashed rgba(228, 228, 228, 0.26);
}
[data-theme="dark"] .fileContent .popover {
background: #3a3c3c !important;
}
[data-theme="dark"] .fileContent .popover::after {
background: #3a3c3c !important;
}
[data-theme="dark"] .fileContent .modal-content {
background-color: var(--color-dark-theme);
}
[data-theme="dark"] .fileContent .modal-content .btn_primary {
background: #393939;
border: none !important;
}
[data-theme="dark"] .fileContent .modal-content textarea {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1411764706);
color: #fff;
}
[data-theme="dark"] .fileContent .modal-footer {
border-top: 1px solid rgba(255, 255, 255, 0.231372549);
}
[data-theme="dark"] .fileContent .btn_primary {
background: var(--color-dark-theme);
}
[data-theme="dark"] .fileContent .btn_primary::after {
background: rgb(73, 73, 73);
}
[data-theme="dark"] .fileContent tr {
border-bottom: 1px solid rgba(236, 236, 236, 0.26);
}
[data-theme="dark"] .fileContent .paginate_button {
border: 1px solid rgba(235, 235, 235, 0.36) !important;
}
[data-theme="dark"] .fileContent .paginate_button a {
color: #fff;
}
[data-theme="dark"] .fileContent .--item .--icon {
color: var(--color-red);
}
[data-theme="dark"] .cardFile .nice-select {
background: transparent !important;
}
[data-theme="dark"] .fileFilter {
background: var(--color-dark-theme);
}
[data-theme="dark"] .fileFilter .--formSelectSupport .nice-select {
background: var(--color-dark-theme);
}
[data-theme="dark"] .fileFilter .--formSelectSupport .nice-select .list {
color: #000;
}
[data-theme="dark"] .fileForm {
background: var(--color-dark-theme);
}
[data-theme="dark"] .priceProd .item_price {
background: var(--color-dark-theme);
}
[data-theme="dark"] .priceProd .item_price .nice-select {
background: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .priceProd .item_price .nice-select .option:hover,
[data-theme="dark"] .priceProd .item_price .nice-select .option.focus,
[data-theme="dark"] .priceProd .item_price .nice-select .option.selected.focus {
background-color: rgb(63, 63, 63);
}
[data-theme="dark"] .priceProd .item_price .nice-select .list {
background: rgb(63, 63, 63);
}
[data-theme="dark"] .priceProd .item_price .nice-select .list li {
color: #fff;
}
[data-theme="dark"] .priceProd .item_price .btn_trans {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
[data-theme="dark"] .priceProd .holder a {
color: #fff;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.431372549);
}
[data-theme="dark"] .priceProd .holder a::after {
color: rgb(163, 163, 163) !important;
}
[data-theme="dark"] .priceProd .info_price .form_package {
border: 1px solid rgba(228, 228, 228, 0.24);
}
[data-theme="dark"] .priceProd .info_price .card-body {
background: var(--color-dark-theme) !important;
}
[data-theme="dark"] .priceProd .priceProd_popover {
background: var(--color-dark) !important;
}
[data-theme="dark"] .priceProd .priceProd_popover::after {
background: var(--color-dark) !important;
}
[data-theme="dark"] .priceProd .priceProd_popover .btn_delete:hover {
background: rgb(247, 136, 136) !important;
color: #c30000 !important;
}
[data-theme="dark"] .navigation a,
[data-theme="dark"] .pagination a,
[data-theme="dark"] .holder a {
color: #000;
}
[data-theme="dark"] .sub_menu_desktop {
background: #313639;
color: #fff;
}
[data-theme="dark"] .sub_menu_desktop .btn_link,
[data-theme="dark"] .sub_menu_desktop .list_submenu .item .cate a {
color: #fff;
}
[data-theme="dark"] .sub_menu_desktop .item_tab_menu.active {
background: var(--color-dark-theme) !important;
}
[data-theme="dark"] .sub_menu_desktop .list_submenu .item .--child a {
color: rgba(255, 255, 255, 0.7411764706) !important;
}
[data-theme="dark"] .sub_menu_desktop .service_menu .left {
border-right: 1px solid rgb(91, 91, 91);
}
[data-theme="dark"] .aboutIntro .number_hightlight .label {
color: #ffffff;
}
[data-theme="dark"] .item_award .description .number {
color: rgb(37, 40, 42);
border-bottom: 4px solid rgb(135, 31, 35);
}
[data-theme="dark"] .aboutAward .arrow_award .slick_arrow {
background: var(--color-icon);
}
[data-theme="dark"] .aboutAward .arrow_award .slick_arrow path {
fill: #fff;
}
[data-theme="dark"] .aboutEnviroment .item_envi .content_envi::after {
background: #25282a;
}
[data-theme="dark"] .aboutEnviroment .slick_arrow {
background: #25282a;
}
[data-theme="dark"] .search_widget .icon_filter {
background: var(--color-dark-theme) !important;
border: 1px solid rgba(255, 255, 255, 0.4196078431) !important;
}
[data-theme="dark"] .search_widget input {
background: #000;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.3019607843);
}
[data-theme="dark"] .item_widget .--title {
color: #fff;
}
[data-theme="dark"] .label_btn {
color: #ffffff;
background: #4b4b4b;
}
[data-theme="dark"] .menu_over_detail {
border-bottom: 1px solid rgb(71, 71, 71);
}
[data-theme="dark"] .overviewProd .share-link .icon {
background: var(--color-dark-theme) !important;
}
[data-theme="dark"] .overviewProd .share-link .icon i {
color: #fff !important;
}
[data-theme="dark"] .overviewProd .connect_link .icon {
background: var(--color-icon);
}
[data-theme="dark"] .overviewProd ul li button {
background: #000 !important;
}
[data-theme="dark"] .item_product .icon_prod {
background: var(--color-dark-theme);
border: 1px solid rgba(221, 221, 221, 0.3882352941);
}
[data-theme="dark"] .item_product .content_prod article {
color: #b3b3b3;
}
[data-theme="dark"] .featureProd .accordion-flush {
background: var(--color-dark-theme);
}
[data-theme="dark"] .featureProd .accordion-button {
color: #fff;
}
[data-theme="dark"] .featureProd .accordion-button .icon {
background: rgb(44, 44, 44) !important;
border: 1px solid #454545;
}
[data-theme="dark"] .advantageProd .item_advant .content {
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.1294117647);
}
[data-theme="dark"] .advantageProd .item_advant .icon img {
filter: contrast(0.5) brightness(5);
}
[data-theme="dark"] .advantageProd .item_advant .number {
color: rgba(255, 255, 255, 0.54);
}
[data-theme="dark"] .advantageProd .item_advant:nth-child(3n+1) .content,
[data-theme="dark"] .advantageProd .item_advant:nth-child(n+1) .content,
[data-theme="dark"] .advantageProd .item_advant:nth-child(2n+1) .content {
background: rgb(27, 28, 28);
}
[data-theme="dark"] .advantageProd .item_advant:nth-child(3n+1) .number,
[data-theme="dark"] .advantageProd .item_advant:nth-child(n+1) .number,
[data-theme="dark"] .advantageProd .item_advant:nth-child(2n+1) .number {
color: rgba(255, 255, 255, 0.54);
}
[data-theme="dark"] .reviewprod .count_review {
border-right: 1px solid rgb(79, 79, 79);
}
[data-theme="dark"] .reviewprod .count_review .info_rate .item_star {
border: 1px solid rgb(79, 79, 79);
}
[data-theme="dark"] .reviewprod .count_review .info_rate .item_star:hover,
[data-theme="dark"] .reviewprod .count_review .info_rate .item_star.active {
background: rgb(63, 63, 63);
}
[data-theme="dark"] .reviewprod .count_review .rate {
border-bottom: 1px solid rgb(79, 79, 79);
}
[data-theme="dark"] .reviewprod .head_review {
border-bottom: 1px solid rgb(79, 79, 79);
}
[data-theme="dark"] .reviewprod .page-link {
background-color: var(--color-dark-theme);
}
[data-theme="dark"] .reviewprod .page-link i {
color: #fff !important;
}
[data-theme="dark"] .reviewprod .page-link {
border: 1px solid rgba(255, 255, 255, 0.3882352941);
color: #fff;
}
[data-theme="dark"] .reviewprod .page-link.active {
background: var(--color-blue);
}
[data-theme="dark"] .modal.fade.checkLogin .modal-body {
background: var(--color-dark-theme);
border: 1px solid rgba(222, 226, 230, 0.22);
}
[data-theme="dark"] .modal.fade.checkLogin .modal-content {
background: transparent;
}
[data-theme="dark"] .modal.fade.checkLogin .btn_primary::after {
background: var(--color-dark-theme);
}
[data-theme="dark"] .pageNews .slick_arrow {
background: var(--color-dark-theme);
border: 1px solid rgba(255, 255, 255, 0.1294117647);
}
[data-theme="dark"] .pageNews .tabListNews .nav .nav-link {
background: var(--color-dark-theme);
color: #fff;
}
[data-theme="dark"] .pageNews .page-link {
background: var(--color-dark-theme);
border: 1px solid rgba(255, 255, 255, 0.3019607843);
}
[data-theme="dark"] .pageNews .page-link i {
color: #fff;
}
[data-theme="dark"] .accountSidebar .--itemSidebar {
border-bottom: 1px solid rgb(71, 67, 67);
}
[data-theme="dark"] .cardOrder .orderInfo {
background: var(--color-dark-theme);
}
[data-theme="dark"] .cardOrder .orderDetails {
background: var(--color-dark-theme);
}
[data-theme="dark"] .cardOrder .orderDetails .productName .--name label {
color: #fff;
}
[data-theme="dark"] .formPrice .formPriceContent {
background: var(--color-dark-theme);
}
[data-theme="dark"] .formPrice .formPriceContent .btn_primary::after {
background: var(--color-dark-theme);
}
[data-theme="dark"] .checkoutContentDetails .--formCheckout {
background: var(--color-dark-theme);
}
[data-theme="dark"] .nav-link.next .--index {
background: var(--color-dark-theme);
}
[data-theme="dark"] .btn_primary::after {
background: var(--color-dark-theme);
}
[data-theme="dark"] .cardContact .contactForm .--form input {
border: 1px solid rgba(222, 222, 222, 0.2196078431);
}
[data-theme="dark"] .cardContact .contactForm .--form textarea {
background: #3b3e40;
border: 1px solid rgba(222, 222, 222, 0.2196078431);
}
[data-theme="dark"] .recruimentApply .--applyDetails {
background-color: var(--color-dark-theme);
}
[data-theme="dark"] .recruimentApply .--applyDetails .accordion-item {
background-color: var(--color-dark-theme);
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3098039216);
}
[data-theme="dark"] .recruimentApply .--applyDetails .accordion-item .accordion-button {
color: #fff;
background: var(--color-dark-theme);
}
[data-theme="dark"] .recruimentApply .--applyDetails .accordion-item article,
[data-theme="dark"] .recruimentApply .--applyDetails .accordion-item #minus,
[data-theme="dark"] .recruimentApply .--applyDetails .accordion-item span {
color: #fff !important;
}
[data-theme="dark"] .recruimentApply .--applyDetails .accordion-item a {
color: #fff !important;
font-weight: bold !important;
}
[data-theme="dark"] .momentSection .slick-arrow {
background-color: var(--color-dark-theme) !important;
}
[data-theme="dark"] .contentRecruimentDetails .listingDescription,
[data-theme="dark"] .contentRecruimentDetails .department,
[data-theme="dark"] .contentRecruimentDetails .--jobForm {
background-color: var(--color-dark-theme) !important;
}
[data-theme="dark"] .pageLoginCollaborator {
background-color: var(--color-dark-theme);
}
[data-theme="dark"] .pageLoginCollaborator input {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2196078431) !important;
}
[data-theme="dark"] .pageLoginCollaborator .btn_primary:hover {
background: rgb(57, 57, 57) !important;
}
[data-theme="dark"] .cardContract {
background: var(--color-dark-theme);
border: 1px solid rgba(255, 255, 255, 0.2784313725);
}
[data-theme="dark"] .--formSelectSupport .nice-select .option.selected.focus,
[data-theme="dark"] .--formSelectSupport .nice-select .option:hover,
[data-theme="dark"] .--formSelectSupport .nice-select .option:focus {
background-color: var(--color-blue) !important;
}
[data-theme="dark"] .--formSelectSupport .nice-select .list {
background: #4a4d4f;
color: #fff !important;
}
[data-theme="dark"] table thead th input {
border: 1px solid #5d5d5d;
background: transparent;
color: #fff;
}
[data-theme="dark"] .paymentConfirmation {
background: var(--color-dark-theme);
}
[data-theme="dark"] .right_header .box_search {
background: #3d3e3f;
}
[data-theme="dark"] .right_header .box_search input {
background: transparent;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2784313725);
}
[data-theme="dark"] .pageRegister .form_register {
background: var(--color-dark-theme);
}
[data-theme="dark"] .pageRegister .form_register input {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2588235294);
color: #fff;
}
[data-theme="dark"] .pageRegister .form_register .form::-webkit-scrollbar {
width: 3px;
}
[data-theme="dark"] .pageProd .sidebar_widget {
border-right: 1px solid rgba(228, 228, 228, 0.28) !important;
}
[data-theme="dark"] .pageProd .sidebar_widget .item_widget {
border-bottom: 1px solid rgba(228, 228, 228, 0.28);
}
[data-theme="dark"] .pageProd .sidebar_widget .item_widget .viewCheckboxDetail i {
color: var(--color-icon);
}
[data-theme="dark"] .pageCollaborator .form_collaborator {
background: var(--color-dark-theme);
}
[data-theme="dark"] .pageCollaborator .form_collaborator .nav-tabs,
[data-theme="dark"] .pageCollaborator .form_collaborator .list_btn {
background: #393939;
}
[data-theme="dark"] .pageCollaborator .form_collaborator input {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.3490196078);
}
[data-theme="dark"] .featureProd .accordion-flush .accordion-button:not(.collapsed) {
background: #383839;
}
[data-theme="dark"] .featureProd .accordion-flush .accordion-collapse {
background: #383839;
}
[data-theme="dark"] .featureProd .accordion-flush .accordion-collapse .accordion-body {
color: #fff;
}
[data-theme="dark"] .listService {
background: rgb(65, 65, 65);
}
[data-theme="dark"] .listService .serviceContent {
background: rgb(65, 65, 65);
color: #fff;
}
[data-theme="dark"] .chatbot .chatbotContent {
background: var(--color-dark-theme);
}
[data-theme="dark"] .chatbot .chatbotContent .answer {
background: #3b3b3b;
}
[data-theme="dark"] .chatbot .chatbotFooter {
background: #3b3b3b;
}
[data-theme="dark"] .chatbot .chatbotFooter input {
background: transparent;
color: #fff;
}
[data-theme="dark"] .chatbot .close {
background: var(--color-dark-theme) !important;
box-shadow: none !important;
border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
}
[data-theme="dark"] .cartContent .listService {
background: rgb(37, 40, 42) !important;
}
[data-theme="dark"] .checkoutContentDetails .list {
background-color: #434343;
}
[data-theme="dark"] .checkoutContentDetails .nice-select .option:hover,
[data-theme="dark"] .checkoutContentDetails .nice-select .option.focus,
[data-theme="dark"] .checkoutContentDetails .nice-select .option.selected.focus {
background-color: #717171;
}
[data-theme="dark"] .formStatistical,
[data-theme="dark"] .formInfoAff,
[data-theme="dark"] .formLink,
[data-theme="dark"] .modal-content .content_advanced,
[data-theme="dark"] .modal-content .content_basic {
background: var(--color-dark-theme);
}
[data-theme="dark"] .priceProd .pagination .page-link {
color: #fff;
background: var(--color-dark-theme);
border: 1px solid rgba(255, 255, 255, 0.2509803922);
}
[data-theme="dark"] .priceProd .pagination .page-link.active {
background: var(--color-blue);
}
[data-theme="dark"] .priceProd .priceProd_search,
[data-theme="dark"] .priceProd .priceProd_filter {
background: var(--color-dark-theme) !important;
border: 1px solid rgba(255, 255, 255, 0.4196078431) !important;
}
[data-theme="dark"] .priceProd .priceProd_search input,
[data-theme="dark"] .priceProd .priceProd_filter input {
background: var(--color-dark-theme) !important;
color: #fff;
}
[data-theme="dark"] .priceProd .card-body {
background: var(--color-dark-theme) !important;
}
[data-theme="dark"] #modalCreateLink .modal-content {
border-radius: 16px;
}
[data-theme="dark"] select[disabled] {
background: rgba(239, 239, 239, 0.3) !important;
}
[data-theme="dark"] .nice-select.disabled {
background: rgba(239, 239, 239, 0.3) !important;
}
[data-theme="dark"] .select2-container--disabled {
background: rgba(239, 239, 239, 0.3) !important;
}
html {
scroll-behavior: smooth;
}
.container_frame {
width: var(--width-container);
display: block;
margin: auto;
}
.container_frame-customer {
width: 100%;
display: block;
margin: auto;
}
.product-item-favourite {
flex: 0 0 auto;
width: calc(25% - 16px);
scroll-snap-align: start;
margin: 4px 8px;
}
@media (max-width: 1439px) {
.container_frame-customer,
.container_frame {
width: calc(100% - 168px);
}
}
@media (max-width: 1200px) {
.container_frame-customer,
.container_frame {
width: calc(100% - 108px);
}
.--formInput-2 {
margin-bottom: 20px;
}
}
@media (max-width: 900px) {
.container_frame-customer,
.container_frame {
width: 100% !important;
padding: 0 15px;
}
}
@media (min-width: 768px) and (max-width: 1056px) {
.container_frame-customer,
.container_frame {
width: 100%;
padding: 0 15px;
}
}
.main {
background-color: var(--color-theme);
}
body {
font-family: var(--font-body) !important;
font-size: 15px;
font-weight: 400;
}
.btn_trans {
background: rgba(0, 109, 183, 0.08);
border: 1px solid rgba(0, 109, 183, 0.16);
border-radius: 8px;
padding: 9px 25px;
color: var(--color-blue);
width: max-content;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
position: relative;
}
.btn_trans svg {
margin-left: 7px;
position: relative;
z-index: 1;
}
.btn_trans span,
.btn_trans form,
.btn_trans i {
position: relative;
z-index: 1;
}
.btn_trans a {
color: var(--color-blue);
}
.btn_trans::after {
content: "";
border-radius: 8px;
position: absolute;
width: 100%;
height: 0;
bottom: 0;
left: 0;
transition: height 0.5s ease;
background: var(--color-blue);
}
.btn_trans:hover path {
fill: var(--color-white);
}
.btn_trans:hover span,
.btn_trans:hover a,
.btn_trans:hover i {
color: var(--color-white);
}
.btn_trans:hover::after {
height: 100%;
}
article img {
max-width: 100%;
}
article p:last-child {
margin-bottom: 0;
}
.link {
text-decoration: none;
}
.header {
padding: 20px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 90000;
background: #fff;
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.0392156863);
}
.header .logo {
margin-right: 52px;
}
.header .logo img {
width: 180px;
}
.header .nav_menu {
height: 100%;
}
.header .nav_menu a {
text-decoration: none;
color: #000;
padding: 0 15px;
font-size: 14px;
}
@media (max-width: 1280px) and (min-width: 1160px) {
.header .nav_menu a {
padding: 0 10px;
font-size: 13px;
}
}
.header .nav_menu li {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.header .nav_menu li a {
display: flex;
align-items: center;
gap: 10px;
text-transform: uppercase;
font-weight: 700;
}
.header .nav_menu li a i {
font-size: 10px;
}
.header .nav_menu li a:hover {
color: var(--color-blue);
font-weight: 700;
}
.header .nav_menu li a.active {
color: var(--color-blue);
font-weight: 700;
}
.header .nav_menu .sub_menu {
display: none;
}
.header .nice-select {
margin-bottom: 0;
}
@media (max-width: 1200px) {
.header {
display: none;
}
}
.right_header {
position: relative;
}
.right_header .search {
position: relative;
cursor: pointer;
}
.right_header .noti {
margin: 0 0 0 16px;
height: 24px;
position: relative;
}
.right_header .noti .overlay {
height: 14px;
width: 20px;
top: 20px;
left: 1px;
position: absolute;
}
.right_header .noti:hover .--tooltipNoti {
opacity: 1;
pointer-events: all;
}
.right_header .noti .number {
position: absolute;
top: 0;
right: -2px;
background: var(--color-red);
width: 14px;
height: 14px;
border-radius: 50%;
font-size: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
}
.right_header .noti a {
height: 100%;
display: flex;
text-decoration: none;
}
.right_header .noti a i {
font-size: 24px;
color: var(--color-icon);
}
.right_header .icon_control {
width: 40px;
height: 40px;
border: 1px solid var(--color-icon);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.right_header .nice-select {
background-color: var(--color-Bg);
height: unset;
line-height: unset;
padding: 5px 27px 5px 10px;
}
.right_header .box_search {
position: absolute;
top: calc(100% + 25px);
right: 0;
padding: 13px;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
border-radius: 8px;
order: 1px solid var(--color-stroke);
opacity: 0;
pointer-events: none;
}
.right_header .box_search .fa-search {
position: absolute;
transform: translate(0, -50%);
top: 50%;
left: 20px;
color: var(--color-icon);
}
.right_header .box_search .icon {
position: absolute;
top: -2px;
right: -2px;
color: var(--color-icon);
}
.right_header .box_search.active {
opacity: 1;
pointer-events: auto;
}
.right_header .box_search button {
width: 100%;
margin-top: 12px;
padding: 8px 14px;
}
.right_header .box_search input {
padding: 6px;
border: 1px solid var(--color-stroke);
border-radius: 8px;
width: 290px;
padding: 10px 5px 10px 30px;
}
.right_header .box_search input::placeholder {
color: var(--color-icon);
}
.right_header .box_search input:focus {
outline: none;
border: 1px solid var(--color-blue);
}
.right_header .cart_prod {
margin: 0 24px 0 16px;
position: relative;
}
.right_header .cart_prod .number {
position: absolute;
top: 0;
right: -2px;
background: var(--color-red);
width: 14px;
height: 14px;
border-radius: 50%;
font-size: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
}
.right_header .btn_trans {
margin-right: 8px;
}
.right_header select {
background: #f3f3f3;
color: #000;
border-radius: 8px;
border: none;
padding: 8px 10px;
margin-right: 24px;
}
.right_header .btn_controrls {
display: flex;
border: none;
text-decoration: none;
}
.right_header .btn_controrls i {
font-size: 25px;
}
@media (max-width: 900px) {
.right_header .cart_prod {
margin: 0 10px;
}
.right_header .search {
position: unset;
}
.right_header .icon_control {
border: none;
text-decoration: none;
}
.right_header .box_search {
top: calc(100% + 10px);
}
.right_header .nice-select {
background-color: transparent;
border: 1px solid var(--color-icon);
height: unset;
line-height: unset;
padding: 5px 22px 5px 10px;
}
}
.sub_menu_desktop {
position: fixed;
top: 75px;
background: #ffffff;
left: 50%;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
width: 1100px;
opacity: 0;
border-radius: 20px;
pointer-events: none;
z-index: 99;
overflow: hidden;
color: #000;
transition: all 0.5s ease;
transform: translate(-50%, 0);
}
@media (max-width: 1430px) {
.sub_menu_desktop {
width: 1000px;
}
}
.sub_menu_desktop .cardSubMenu {
display: flex;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu {
width: max-content;
padding: 8px;
background: var(--color-theme);
display: flex;
flex-flow: column;
gap: 4px;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu .item_tab_menu {
padding: 20px 0;
border-radius: 8px;
font-weight: 600;
color: var(--color-body);
padding: 20px 30px;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
white-space: nowrap;
text-decoration: none;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu .item_tab_menu.active {
background: var(--color-white);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
color: var(--color-blue);
}
.sub_menu_desktop .cardSubMenu .tab_subMenu .item_tab_menu:hover {
background: var(--color-white);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
color: var(--color-blue);
}
.sub_menu_desktop .cardSubMenu .tab_subMenu .nav.nav-tabs {
border-bottom: none;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu .nav.nav-tabs .nav-link {
color: var(--color-body);
}
.sub_menu_desktop .cardSubMenu .tab_subMenu .nav.nav-tabs .nav-link:hover {
border-color: transparent;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu .nav.nav-tabs .nav-link.active {
border-color: transparent;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
color: var(--color-blue);
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content {
width: 100%;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution {
display: none;
padding: 20px;
gap: 12px;
opacity: 0;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution.active {
display: flex;
opacity: 1;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .imgSolution {
width: 190px;
height: 150px;
flex: 0 0 auto;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .imgSolution img {
width: 100%;
height: 100%;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right {
flex-grow: 1;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution {
display: flex;
gap: 12px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution {
display: flex;
gap: 8px;
align-items: center;
text-decoration: none;
color: var(--color-body);
width: calc(50% - 6px);
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution:hover .view_detail {
pointer-events: all;
opacity: 1;
cursor: pointer;
flex: 0 0 auto;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution:hover .name {
color: var(--color-blue);
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution .index {
font-weight: 600;
font-size: 16px;
position: relative;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-blue);
flex: 0 0 auto;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution .index::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(1, 122, 255, 0.1);
transform: rotate(45deg);
border-radius: 8px;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution .name {
font-weight: 600;
font-size: 14px;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution .view_detail {
margin-left: auto;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
border-radius: 50%;
border: 1px solid var(--color-icon);
opacity: 0;
pointer-events: none;
}
.sub_menu_desktop .cardSubMenu .tab_subMenu_content .cardSolution .--right .list_solution .item_solution .view_detail i {
color: var(--color-icon);
font-size: 12px;
}
.sub_menu_desktop .close_menu {
position: absolute;
top: 15px;
right: 15px;
border: 1px solid var(--color-blue);
border-radius: 50%;
color: var(--color-blue);
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.5s ease;
}
.sub_menu_desktop .close_menu:hover {
background: var(--color-blue);
color: #fff;
}
.sub_menu_desktop.active {
opacity: 1;
pointer-events: auto;
}
.cart_prod {
position: relative;
}
.cart_prod span {
position: absolute;
background: var(--color-red);
width: 16px;
height: 16px;
border-radius: 50%;
bottom: calc(100% - 8px);
left: calc(100% - 8px);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.user_logged .avatar_user {
display: flex;
align-items: center;
}
.avatar_user {
display: none;
position: relative;
}
.avatar_user a {
text-decoration: none;
}
.avatar_user img {
width: 37px;
height: 37px;
border-radius: 50%;
}
.avatar_user .icon {
margin-left: 8px;
cursor: pointer;
}
.avatar_user .menu_profile {
position: absolute;
opacity: 0;
pointer-events: none;
background: #fff;
top: calc(100% + 15px);
right: 0;
width: max-content;
border-radius: 8px;
box-shadow: 1px 3px 7px rgba(44, 44, 44, 0.3215686275);
}
.avatar_user .menu_profile li {
padding: 0 15px;
}
.avatar_user .menu_profile a {
color: var(--color-black);
text-decoration: none;
padding: 8px 15px;
display: flex;
border-bottom: 1px solid var(--color-stroke);
transition: color 0.5s ease;
}
.avatar_user .menu_profile a:hover {
color: var(--color-blue);
}
.avatar_user .menu_profile.active {
opacity: 1;
pointer-events: all;
}
@media (max-width: 1200px) {
.avatar_user {
display: block;
}
}
.footer {
background: var(--color-dark);
padding-top: 72px;
}
.footer a {
color: #fff;
text-decoration: none;
}
.footer a:hover {
opacity: 0.5;
}
.footer .logo_ft {
margin-bottom: 16px;
}
.footer .logo_ft img {
width: 137px;
}
@media (max-width: 900px) {
.footer .list_menu_ft {
flex-wrap: wrap;
}
}
.footer_bottom {
justify-content: space-between;
color: rgba(255, 255, 255, 0.75);
padding: 20px 0;
font-size: 13px;
border-top: 1px solid rgba(255, 255, 255, 0.4);
margin-top: 32px;
}
.footer_bottom a {
color: rgba(255, 255, 255, 0.75);
position: relative;
margin-right: 10px;
}
.footer_bottom a:first-child::after {
display: none;
}
.footer_bottom a::after {
position: absolute;
content: "";
top: 0;
left: -6px;
height: 16px;
width: 1px;
background: rgba(255, 255, 255, 0.75);
}
@media (max-width: 900px) {
.footer_bottom {
flex-flow: column;
align-items: center;
}
.footer_bottom .link_policy {
margin-bottom: 5px;
}
}
.item_contact {
font-size: 14px;
display: flex;
margin-bottom: 16px;
align-items: center;
}
.item_contact svg {
margin-right: 12px;
width: 24px;
flex: 0 0 auto;
}
.menu_ft {
flex: 0 0 25%;
}
.menu_ft .title_menu {
font-size: 16px;
font-weight: 600;
margin-bottom: 23px;
color: #fff;
}
.menu_ft li {
margin-bottom: 16px;
}
.menu_ft a {
color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 900px) {
.menu_ft {
flex: 0 0 50%;
}
}
.itemSolution {
backdrop-filter: blur(20px);
text-align: center;
background: rgba(255, 255, 255, 0.15);
padding: 20px 0;
border-radius: 12px;
display: flex !important;
flex-flow: column;
justify-content: space-between;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.06);
}
.itemSolution .--icon {
width: 100%;
height: 240px;
margin: 0 auto 1rem auto;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 900px) {
.itemSolution .--icon {
height: 200px;
}
}
.itemSolution .--icon img {
width: 100%;
height: 100%;
object-fit: contain !important;
}
.itemSolution .content_info {
padding: 0 20px;
}
.itemSolution .--name {
font-size: 20px;
font-weight: 700;
color: rgb(255, 255, 255);
margin-bottom: 8px;
height: 60px;
}
.itemSolution article {
color: var(--color-white);
opacity: 0.5;
margin-bottom: 24px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 3;
text-align: justify;
height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.itemSolution .--viewDetail {
background: var(--color-white);
width: 100%;
text-align: center;
padding: 10px 0;
border-radius: 6px;
color: var(--color-blue);
display: block;
font-weight: 600;
font-size: 16px;
}
.itemPrize {
background: #fff;
overflow: hidden;
border-radius: 12px;
padding-bottom: 40px;
margin: 0 10px;
}
.itemPrize .imgPrize {
height: 330px;
position: relative;
}
.itemPrize .imgPrize img {
clip-path: polygon(0 0, 100% 0, 100% 84%, 0% 100%);
width: 100%;
height: 100%;
}
.itemPrize .imgPrize::after {
content: "";
position: absolute;
width: 100%;
height: calc(100% + 22px);
background: rgba(1, 122, 255, 0.1);
clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
top: 0;
left: 0;
}
.itemPrize .--icon {
height: 160px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.itemPrize .--icon:hover {
transform: scale(1.1);
}
.itemPrize .--icon img {
width: 100%;
height: 100%;
object-fit: contain !important;
}
.itemPrize .content_prize {
padding: 0 40px;
margin-top: -90px;
z-index: 100;
position: relative;
}
@media (max-width: 1430px) {
.itemPrize .content_prize {
padding: 0 32px;
}
}
.itemPrize .content_prize .--name {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
text-align: center;
height: 48px;
}
.itemClient {
height: 120px;
padding: 24px 16px;
display: flex;
transition: all 0.3s ease-in-out;
}
.itemClient:hover {
filter: unset;
}
.itemClient img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
width: 100%;
filter: invert(17%) sepia(0%) saturate(4%) hue-rotate(28deg) brightness(100%) contrast(80%);
}
.itemClient img:hover {
filter: initial;
/* filter: invert(17%) sepia(0%) saturate(4%) hue-rotate(28deg) brightness(100%) contrast(80%); */
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.slick-dots li {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 3px;
background: rgba(217, 217, 217, 0.5);
cursor: pointer;
}
.slick-dots li.slick-active {
background: var(--color-blue);
position: relative;
z-index: 9;
width: 14px;
height: 14px;
border: 4px solid #fff;
}
.slick-dots li button {
display: none;
}
.blck_title {
font-size: 40px;
font-weight: bold;
line-height: 1.2;
}
@media (max-width: 1439px) {
.blck_title {
font-size: 35px;
}
}
.label_btn {
color: #6c6c6c;
background: #eeeeee;
border-radius: 4px;
padding: 4px 6px;
font-size: 12px;
max-width: 100%;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.router {
display: flex;
gap: 8px;
align-items: center;
}
@media (min-width: 768px) and (max-width: 1056px) {
.router {
padding-top: 10px;
}
}
.router a {
text-decoration: none;
color: var(--color-black);
}
.router .--nextPage {
color: var(--color-blue);
}
.router .link {
display: flex;
gap: 8px;
align-items: center;
}
.router .link.active {
color: var(--color-blue);
}
@media (max-width: 767px) {
.router {
font-size: 13px;
}
}
.pageProd {
padding: 0px 0 80px 0;
background: var(--color-theme);
}
.pageProd .homeProduct {
padding-top: 0;
padding-bottom: 0;
}
.pageProd .homeProduct .banner_product {
border-radius: 20px;
overflow: hidden;
height: 440px;
width: 100%;
margin-bottom: 32px;
position: relative;
}
.pageProd .homeProduct .banner_product .blck_title {
margin-bottom: 16px;
}
.pageProd .homeProduct .banner-img .banner_content {
position: absolute;
left: 42px;
bottom: 42px;
color: var(--color-white);
width: 40%;
}
.pageProd .homeProduct .banner_product img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pageProd .homeProduct .sidebar_widget {
padding-right: 15px;
border-right: 1px solid var(--color-stroke);
background: var(--color-white);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
border-radius: 16px;
padding: 20px;
}
@media (max-width: 900px) {
.pageProd .homeProduct .sidebar_widget {
margin-bottom: 24px;
}
}
@media (max-width: 767px) {
.pageProd .homeProduct .sidebar_widget {
padding: 20px 20px 1px 20px;
}
}
@media (max-width: 900px) {
.pageProd .homeProduct .banner_product img {
filter: brightness(0.7);
}
}
@media (max-width: 767px) {
.pageProd .homeProduct .banner_content {
text-align: center;
left: 50% !important;
transform: translate(-50%, 0);
width: 100% !important;
padding: 0 15px;
}
}
.homeProduct {
padding-bottom: 56px;
padding-top: 80px;
}
.homeProduct .btn_primary {
left: 50%;
transform: translate(-50%, 0);
}
.item_product {
padding: 8px;
margin-bottom: 24px;
display: flex;
flex-flow: column;
background: var(--color-white);
border-radius: 16px;
}
.item_product.item_news .image_prod img {
height: 194px;
border-radius: 8px 8px 0 0;
}
.item_product .img_scale {
border-radius: 8px 8px 0 0;
}
.item_product .image_prod {
position: relative;
flex: 0 0 auto;
}
.item_product .image_prod img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px;
}
.item_product .label_prod {
position: absolute;
top: 8px;
left: 8px;
display: flex;
}
.item_product .label_prod .hot_label {
margin-right: 10px;
}
.item_product .favourite {
position: absolute;
top: unset;
bottom: -18px;
left: 12px;
border: 1px solid var(--color-stroke);
border-radius: 100px;
padding: 10px 20px;
display: flex;
gap: 8px;
align-items: center;
width: max-content;
background: var(--color-white);
}
.item_product .favourite.loved_it {
background: rgb(255, 23, 68);
border: 1px solid rgba(255, 255, 255, 0.25);
}
.item_product .favourite.loved_it i,
.item_product .favourite.loved_it span {
color: var(--color-white);
}
.item_product .favourite i {
color: var(--color-stroke);
}
.item_product .favourite span {
font-weight: 700;
font-size: 12px;
color: var(--color-caption);
}
.item_product .icon_prod {
display: none !important;
position: absolute;
right: 8px;
bottom: -18px;
background: #fff;
border-radius: 8px;
border: 1px solid #dddddd;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.item_product .icon_prod img {
width: 20px;
height: auto;
}
.item_product .content_prod {
padding: 20px 20px 16px 20px;
border-radius: 0 0 8px 8px;
height: auto;
flex: 1;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.item_product .content_prod .title {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
margin-top: 10px;
}
.item_product .content_prod .title a {
transition: color 0.5s ease;
}
.item_product .content_prod .title:hover a {
color: var(--color-blue);
}
.item_product .content_prod .list_label {
flex-wrap: wrap;
}
.item_product .content_prod .label_btn {
margin-bottom: 6px;
margin-right: 6px;
}
.item_product .content_prod .cate_prod {
font-size: 12px;
text-transform: uppercase;
}
.item_product .content_prod .create_at {
font-size: 14px;
color: #b5b5b5;
margin-top: 16px;
}
.item_product .content_prod article {
text-align: justify;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
font-size: 14px;
line-height: 22px;
-webkit-box-orient: vertical;
font-weight: 400;
}
.item_product .content_prod .title {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
height: 52px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.item_product .content_prod .title a {
color: #000;
text-decoration: none;
}
.item_product .content_prod .info_rate {
color: var(--color-yellow);
font-size: 14px;
margin-bottom: 16px;
}
.item_product .content_prod .info_rate .count {
color: #393232;
margin-left: 4px;
}
.hot_label {
background: #fff;
border-radius: 8px;
color: #000;
padding: 5px;
font-weight: 500;
}
.title_widget {
font-size: 24px;
font-weight: 600;
}
.sidebar_widget .search_widget {
margin-bottom: 24px;
display: flex;
align-items: center;
}
.sidebar_widget .search_widget .icon_filter {
/* width: 40px; */
/* height: 40px; */
display: none;
align-items: center;
justify-content: center;
background: var(--color-Bg);
border-radius: 6px;
margin-left: 6px;
flex: 0 0 auto;
padding: 9px 12px;
}
.sidebar_widget .search_widget .icon_filter.active {
background: var(--color-blue);
color: #fff;
}
.sidebar_widget .search_widget .icon_filter[aria-expanded="true"] {
background: var(--color-blue) !important;
color: #fff !important;
}
.sidebar_widget .title_widget {
margin-bottom: 16px;
}
@media (max-width: 767px) {
.sidebar_widget .icon_filter {
display: flex !important;
}
}
.search_widget {
display: flex;
position: relative;
}
.search_widget svg {
position: absolute;
left: 14px;
transform: translate(0, -50%);
top: 50%;
}
.search_widget input {
color: #000;
width: 420px;
padding: 10px 14px 10px 36px;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 20px;
}
.search_widget input:focus-visible {
outline: none;
}
.search_widget input::placeholder {
color: #8b8b8b;
}
.item_widget {
padding-bottom: 24px;
border-bottom: 1px solid #ededed;
margin-bottom: 24px;
}
.item_widget:last-child {
border-bottom: none !important;
}
.item_widget .--title {
color: #7f7f7f;
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
}
.item_widget .card.card-body {
background: transparent;
border: none;
padding: 0;
padding-left: 30px;
}
.item_widget .form_group {
display: flex;
align-items: center;
}
.item_widget .form_group input,
.item_widget .form_group label {
cursor: pointer;
}
.item_widget .form_group input:hover,
.item_widget .form_group label:hover {
/* color: var(--color-blue); */
}
.item_widget .form_group.subCaregory {
padding-left: 10px;
}
.item_widget .form_group.rate_star label {
color: var(--color-yellow);
}
.item_widget .form_group input {
width: 17px;
height: 17px;
border: 1px solid #ddd;
margin-right: 10px;
}
.item_widget .form_group .viewCheckboxDetail {
margin-left: auto;
cursor: pointer;
}
.item_widget .form_group .viewCheckboxDetail.collapsed #downCheckbox {
display: block;
}
.item_widget .form_group .viewCheckboxDetail.collapsed #upCheckbox {
display: none;
}
.item_widget .form_group .viewCheckboxDetail #downCheckbox {
display: none;
}
.item_widget .form_group .viewCheckboxDetail #upCheckbox {
display: block;
}
.homeSupport {
padding: 107px 0;
background: #fff;
}
.homeSupport .content_support article {
margin: 20px 0 44px 0;
color: #454545;
}
.homeSupport .image_sp {
padding-left: 60px;
height: 100%;
}
.homeSupport .image_sp img {
height: 100%;
border-radius: 12px;
object-fit: cover;
}
@media (max-width: 900px) {
.homeSupport .image_sp {
padding-left: 0;
}
}
.contact_support .item_sp {
background: #f6f6f6;
border: 1px solid transparent;
border-radius: 8px;
transition: all 0.5s ease;
padding: 16px 12px;
margin-right: 12px;
text-decoration: none;
}
.contact_support .item_sp:last-child {
margin-right: 0;
}
.contact_support .item_sp:hover {
background: rgba(0, 109, 183, 0.08);
border: 1px solid var(--color-blue);
}
.contact_support .item_sp:hover .name {
color: var(--color-blue);
}
.contact_support .item_sp .icon {
width: 44px;
height: 44px;
background: var(--color-blue);
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
border-radius: 50%;
color: #fff;
}
.contact_support .item_sp .label {
color: #4f4f4f;
margin-bottom: 2px;
}
.contact_support .item_sp .name {
font-size: 16px;
color: #000;
font-weight: 500;
}
button:focus {
box-shadow: none !important;
outline: none !important;
}
.accordionFaqs .accordion-item {
background-color: transparent;
border: none;
margin-bottom: 16px;
}
.accordionFaqs .accordion-header {
align-items: center;
}
.accordionFaqs .accordion-header .number {
font-size: 14px;
border-radius: 8px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(195, 195, 195, 0.43);
margin-right: 16px;
flex: 0 0 auto;
}
.accordionFaqs .accordion-collapse {
border-radius: 0 0 12px 12px !important;
}
.accordionFaqs .accordion-collapse .accordion-body {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0 0 12px 12px;
padding-left: 70px;
text-align: justify;
}
.accordion-body p,
.accordion-body ul,
.accordion-body {
line-height: 24px;
}
.accordionFaqs .accordion-button {
border-radius: 12px 12px 0 0 !important;
color: #fff;
}
.accordionFaqs .accordion-button::after {
filter: brightness(20);
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 50%;
background-size: 44%;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.accordionFaqs .accordion-button:not(.collapsed) {
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
}
.accordionFaqs .accordion-button:not(.collapsed)::after {
background-image: url('data:image/svg+xml,');
}
.accordionFaqs .accordion-button.collapsed {
background-color: transparent;
}
.aboutBanner {
height: calc(100vh - 100px);
position: relative;
overflow: hidden;
}
.aboutBanner::after {
content: "";
position: absolute;
width: 100%;
height: 60%;
bottom: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8196078431), transparent);
}
.aboutBanner .content_about {
height: 100%;
position: relative;
z-index: 1;
color: #fff;
align-items: flex-end;
padding-bottom: 46px;
justify-content: space-between;
}
.aboutBanner .content_about .description {
width: 100%;
display: flex;
position: relative;
padding-bottom: 100px;
}
@media (max-width: 768px) {
.aboutBanner .content_about .description {
flex-flow: column;
}
}
.aboutBanner .content_about .description p {
height: 100%;
display: flex;
align-items: flex-end;
}
.aboutBanner .content_about .segTitle {
font-size: 60px;
font-weight: 600;
text-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutBanner .content_about .segTitle {
font-size: 50px;
}
}
.aboutBanner .content_about article {
position: relative;
text-shadow: 0 4px 12px black;
padding-left: 170px;
width: 50%;
position: absolute;
right: 0;
bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutBanner .content_about article {
padding-left: 100px;
}
}
@media (max-width: 768px) {
.aboutBanner .content_about article {
right: unset !important;
bottom: unset !important;
width: 100% !important;
position: relative;
}
}
.aboutBanner .content_about article::after {
content: "";
position: absolute;
top: 5px;
left: 0;
height: 1px;
width: 150px;
background: #fff;
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutBanner .content_about article::after {
width: 90px;
}
}
.aboutBanner .box_number {
background: linear-gradient( 180deg, rgba(0, 0, 0, 0.6117647059), rgba(0, 0, 0, 0.1803921569), rgba(0, 0, 0, 0));
border-radius: 12px;
}
.aboutBanner .box_number .item_number {
padding: 24px;
}
.aboutBanner .box_number .number {
font-size: 40px;
font-weight: 600;
line-height: 1;
margin-bottom: 4px;
color: var(--color-red);
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutBanner .box_number .number {
font-size: 23px;
}
}
.aboutBanner .box_number .note {
text-transform: uppercase;
}
.aboutBanner .img_banner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
filter: brightness(0.7);
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutBanner .content_about .description {
padding-bottom: 0;
}
}
@media (max-width: 1056px) {
.aboutBanner {
height: auto;
}
.aboutBanner .box_number {
background: rgba(0, 0, 0, 0.431372549);
}
.aboutBanner::after {
background: rgb(247, 249, 252);
display: none;
}
.aboutBanner .img_banner {
position: relative;
height: auto;
}
.aboutBanner .content_about {
flex-flow: column;
padding-top: 2rem;
align-items: center;
text-align: center;
justify-content: flex-end;
padding: 2rem 0;
}
.aboutBanner .content_about .description {
width: 100%;
margin-bottom: 1.5rem;
padding-bottom: 0;
}
.aboutBanner .content_about .segTitle {
font-size: 50px;
text-shadow: none;
color: var(--color-blue);
}
.aboutBanner .content_about article {
padding-left: 0;
text-align: center;
text-shadow: none;
color: #000;
margin-top: 0.5rem;
}
.aboutBanner .content_about article p {
text-align: justify !important;
}
.aboutBanner .content_about article::after {
display: none;
}
}
.aboutIntro {
padding: 80px 0;
background: var(--color-theme);
overflow: hidden;
}
.aboutIntro .img_intro {
height: auto;
object-fit: cover;
border-radius: 20px;
}
.aboutIntro .content_intro {
padding-left: 57px;
}
.aboutIntro .content_intro article {
position: relative;
padding-left: 124px;
margin: 34px 0;
}
.aboutIntro .content_intro article::after {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 100px;
height: 1px;
background: var(--color-blue);
}
.aboutIntro .number_hightlight {
align-items: center;
}
.aboutIntro .number_hightlight .number {
color: var(--color-blue);
margin-right: 24px;
font-size: 100px;
font-weight: 300;
line-height: 1;
}
.aboutIntro .number_hightlight .label {
color: #1b1b1b;
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutIntro .col-md-4,
.aboutIntro .col-md-8 {
width: 50%;
}
.aboutIntro .--des_intro .img_intro {
height: auto;
}
}
@media (max-width: 900px) {
.aboutIntro {
padding: 0 0 60px 0;
}
.aboutIntro .--des_intro .img_intro {
height: auto;
}
.aboutIntro .content_intro {
padding-left: 0;
margin-top: 2rem;
padding-bottom: 0;
}
.aboutIntro .blck_title {
text-align: center;
}
.aboutIntro article {
padding-left: 0 !important;
text-align: justify;
}
.aboutIntro article::after {
top: -15px !important;
transform: translate(-50%, 0);
left: 50% !important;
}
}
@media (min-width: 900px) and (max-width: 1056px) {
.aboutIntro {
padding: 20px 0 80px 0;
}
}
.slick_arrow {
background: rgba(255, 255, 255, 0.2);
width: 44px;
height: 44px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
transition: background 0.5s ease-in-out;
cursor: pointer;
}
.slick_arrow:hover {
background: var(--color-blue) !important;
}
.slick_arrow:hover path {
fill: #fff;
}
.slick_arrow.prev_arrow {
margin-right: 8px;
}
@media (max-width: 767px) {
.slick_arrow:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.slick_arrow:hover path {
fill: #8b8b8b;
}
}
.aboutAward {
padding-left: calc((100% - var(--width-container)) / 2);
padding-top: 80px;
position: relative;
background: #fff;
}
.aboutAward .list_award .slick-track {
margin-left: 0;
}
.aboutAward .descrip_award {
position: absolute;
left: calc((100% - var(--width-container)) / 2 + 900px + 24px);
top: 80px;
z-index: 1;
}
.aboutAward .arrow_award {
display: flex;
}
.aboutAward .arrow_award .slick_arrow {
background: var(--color-Bg);
}
@media (min-width: 2560px) {
.aboutAward {
padding-right: calc((100% - 900px) / 2);
}
}
@media (max-width: 1439px) {
.aboutAward {
padding-left: calc((100% - (100% - 168px)) / 2);
}
.aboutAward .descrip_award {
left: 1000px;
}
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutAward .descrip_award {
position: relative;
left: unset;
text-align: center;
top: unset;
}
.aboutAward .arrow_award {
justify-content: center;
margin-bottom: 1rem;
}
}
@media (min-width: 900px) and (max-width: 1056px) {
.aboutAward {
padding-left: 30px;
}
}
@media (max-width: 900px) {
.aboutAward {
overflow: hidden;
padding-top: 40px;
padding-bottom: 60px;
padding-left: 0;
}
.aboutAward .descrip_award {
position: relative;
left: unset;
text-align: center;
top: unset;
}
.aboutAward .list_award .slick-list {
padding-left: 0;
}
.aboutAward .arrow_award {
justify-content: center;
margin-bottom: 1rem;
}
}
.item_award {
width: 900px;
margin-right: 24px;
height: 612px;
margin-left: -2px;
}
.item_award .text_slide {
padding: 0 10px;
}
.item_award .content_award {
align-items: flex-end;
height: 100%;
position: relative;
justify-content: flex-end;
flex-flow: row-reverse;
}
.item_award.slick-current {
z-index: 2;
}
.item_award.slick-current .content_award {
flex-flow: row;
}
.item_award.slick-current .description {
opacity: 1;
}
.item_award.slick-current img {
height: 100%;
}
.item_award img {
object-fit: cover;
height: 375px;
border-radius: 20px 20px 0 0;
width: 50%;
transition: all 0.5s ease;
}
.item_award .description {
opacity: 0;
background: var(--color-white);
transition: opacity 0.5s ease-in-out;
width: 50%;
height: 100%;
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
height: 100%;
text-align: right;
padding-bottom: 90px;
padding-right: 48px;
}
.item_award .description .title {
font-size: 20px;
margin-bottom: 15px;
font-weight: 600;
}
.item_award .description .number {
font-size: 120px;
font-weight: bold;
line-height: 1;
border-bottom: 4px solid var(--color-red);
color: var(--color-white);
text-shadow: -1px 0 var(--color-red), 0 1px var(--color-red), 1px 0 var(--color-red), 0 -1px var(--color-red);
}
@media (min-width: 768px) and (max-width: 1056px) {
.item_award .description {
padding-right: 20px;
bottom: -3px;
}
}
@media (max-width: 900px) {
.item_award {
padding: 0 15px;
width: 100vw;
height: auto;
}
.item_award img {
width: 100%;
border-radius: 20px;
}
.item_award .content_award {
flex-flow: column !important;
justify-content: center;
}
.item_award .description {
position: relative;
width: 100%;
align-items: center;
padding-bottom: 2rem;
justify-content: center;
right: 0;
padding-right: 0;
}
.item_award .description .text_slide {
text-align: center;
margin-top: 1.5rem;
}
.item_award .description .title {
margin-bottom: 5px;
}
}
.aboutPartner {
padding: 80px 0;
background: var(--color-theme);
}
.aboutPartner .blck_title {
text-align: center;
}
@media (max-width: 900px) {
.aboutPartner {
padding: 50px 0;
}
}
.list_partner {
justify-content: center;
margin-top: 2rem;
}
.list_partner .logo {
margin: 20px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
}
.list_partner .logo img {
width: 100px;
}
@media (max-width: 900px) {
.list_partner {
margin-top: 0;
}
}
.aboutStory {
padding: 80px 0;
background: #fff;
}
.aboutStory .content_story {
padding-right: 100px;
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutStory .content_story {
padding-right: 20px;
}
}
.aboutStory .content_story article {
margin: 20px 0 44px 0;
text-align: justify;
}
.aboutStory .image_story {
height: 100%;
display: flex;
}
.aboutStory .image_story img {
height: 360px;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 900px) {
.aboutStory {
padding: 60px 0;
}
.aboutStory .btn_trans {
margin: 0 auto 2rem auto;
}
.aboutStory .content_story {
padding-right: 0;
padding-top: 0;
text-align: center;
}
}
.aboutEnviroment {
padding: 80px 0;
padding-right: calc((100% - var(--width-container)) / 2);
background: var(--color-theme);
position: relative;
}
.aboutEnviroment .blck_title {
margin-left: 292px;
margin-bottom: 50px;
padding-left: 24px;
border-left: 3px solid var(--color-blue);
line-height: 1;
}
.aboutEnviroment .arrow_envi {
display: flex;
position: absolute;
bottom: 100px;
left: 812px;
}
@media (min-width: 768px) and (max-width: 1056px) {
.aboutEnviroment .arrow_envi {
left: 640px !important;
}
}
.aboutEnviroment .item_envi {
display: flex;
width: 268px;
margin-right: 24px;
height: 423px;
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) {
width: calc(93vw - 268px);
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) .content_envi {
display: block;
opacity: 1;
text-align: justify;
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) .content_envi::after {
width: 0;
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) img {
width: 636px;
height: 423px;
transition: all 0.75s ease;
}
.aboutEnviroment .item_envi img {
width: 268px;
height: 210px;
object-fit: cover;
border-radius: 20px;
margin-right: -90px;
z-index: 1;
transition: all 0.75s ease;
}
.aboutEnviroment .item_envi .content_envi {
background: #fff;
border-radius: 0 20px 20px 0;
padding: 28px 36px 51px 126px;
opacity: 0;
height: 403px;
width: 457px;
position: relative;
}
.aboutEnviroment .item_envi .content_envi::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: #fff;
border-radius: 0 20px 20px 0;
right: 0;
transition: all 2s ease;
}
@media (min-width: 1440px) {
.aboutEnviroment .arrow_envi {
left: 880px;
}
.aboutEnviroment .list_envi {
padding-left: 5vw;
}
}
@media (min-width: 1500px) {
.aboutEnviroment {
padding-left: calc((100% - var(--width-container)) / 2);
}
.aboutEnviroment .list_envi {
padding-left: 0;
}
.aboutEnviroment .arrow_envi {
left: 59vw;
}
}
@media (min-width: 2100px) {
.aboutEnviroment .arrow_envi {
left: 57vw;
}
}
@media (max-width: 900px) {
.aboutEnviroment .arrow_envi {
left: unset !important;
position: relative;
bottom: unset;
display: flex;
justify-content: center;
margin-top: 1rem;
}
}
@media (max-width: 1280px) {
.aboutEnviroment .item_envi {
width: 210px;
}
.aboutEnviroment .item_envi img {
width: 210px;
height: 190px;
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) {
width: calc(100vw - 210px);
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) img {
width: 572px;
}
.aboutEnviroment .arrow_envi {
left: 695px;
}
.fileTitle .--name {
font-size: 18px;
}
}
@media (min-width: 901px) and (max-width: 1134px) {
.aboutEnviroment .item_envi.slick-active:not(.slick-current) img {
width: 410px;
}
.aboutEnviroment .arrow_envi {
position: relative;
bottom: unset;
margin-top: 2rem;
justify-content: center;
left: unset !important;
}
}
@media (max-width: 900px) {
.aboutEnviroment {
overflow: hidden;
padding: 60px 0;
}
.aboutEnviroment .list_envi {
padding-left: 15px;
}
.aboutEnviroment .blck_title {
margin-left: 15px;
}
.aboutEnviroment .item_envi {
width: 90vw;
flex-flow: column;
margin-right: 12px;
height: auto;
}
.aboutEnviroment .item_envi img {
width: 100%;
height: 250px;
}
.aboutEnviroment .item_envi .content_envi {
display: block;
padding: 15px;
width: 100%;
text-align: justify;
height: auto;
opacity: 1;
}
.aboutEnviroment .item_envi .content_envi::after {
display: none;
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) {
width: unset;
}
.aboutEnviroment .item_envi.slick-active:not(.slick-current) img {
width: 100%;
height: 250px;
}
}
.pageNews .router {
margin-bottom: 32px;
}
.pageNews .blck_title {
margin-bottom: 24px;
}
.pageNews .list_hight .slick_arrow {
position: absolute;
transform: translate(0, -50%);
top: 50%;
z-index: 1;
}
.pageNews .list_hight .slick_arrow.prev_arrow {
left: -22px;
}
.pageNews .list_hight .slick_arrow.next_arrow {
right: -22px;
}
.pageNews .list_hight .item_hight {
display: flex;
}
.pageNews .list_hight .item_hight .image {
flex: 0 0 60%;
}
.pageNews .list_hight .item_hight .image img {
width: 100%;
border-radius: 20px 0 0 20px;
height: 444px;
object-fit: cover;
}
.pageNews .list_hight .item_hight .content {
background: var(--color-white);
border-radius: 0 20px 20px 0;
padding: 40px;
}
.pageNews .list_hight .item_hight .content .title {
margin: 12px 0 16px 0;
font-size: 20px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.pageNews .list_hight .item_hight .content .title a {
color: var(--color-black);
text-decoration: none;
transition: color 0.5s ease;
}
.pageNews .list_hight .item_hight .content .title:hover a {
color: var(--color-blue);
}
.pageNews .list_hight .item_hight .content article {
margin-bottom: 57px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 25px;
-webkit-line-clamp: 6;
height: 150px;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align: justify;
}
.pageNews .list_hight .item_hight .content .cate {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
}
.pageNews .list_hight .item_hight .content .date {
color: rgb(181, 181, 181);
}
.pageNews .list_hight .slick-dots {
margin-top: 32px;
}
.pageNews .list_hight .slick-dots li {
position: relative;
width: 8px;
height: 8px;
margin: 0 8px;
}
.pageNews .list_hight .slick-dots li.slick-active {
width: 14px;
height: 14px;
background-color: var(--color-blue);
}
.pageNews .list_hight .slick-dots li.slick-active::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
background-color: #fff;
border-radius: 50%;
}
.pageNews .tabListNews {
margin-top: 44px;
padding-bottom: 80px;
padding-top: 44px;
border-top: 1px solid rgb(228, 228, 228);
}
.pageNews .tabListNews .item_news .article {
margin: 10px 0;
}
.pageNews .tabListNews .item_news .create_at {
font-size: 13px;
}
.pageNews .tabListNews .nav {
margin-bottom: 32px;
justify-content: center;
}
.pageNews .tabListNews .nav .nav-link {
background: #fff;
border-radius: 8px;
margin: 0 6px;
color: #000;
}
.pageNews .tabListNews .nav .nav-link.active {
background: var(--color-blue);
color: #fff;
}
.pageNews .tabListNews .image_prod img {
height: 244px;
}
@media (max-width: 900px) {
.pageNews .blck_title {
text-align: center;
}
.pageNews .list_hight .slick_arrow {
transform: none;
top: 64px;
left: 0 !important;
}
.pageNews .list_hight .slick_arrow.next_arrow {
right: 0;
left: unset !important;
}
.pageNews .list_hight .item_hight {
flex-flow: column;
}
.pageNews .list_hight .item_hight .image {
flex: 0 0 100%;
}
.pageNews .list_hight .item_hight .image img {
border-radius: 20px 20px 0 0;
height: 180px;
}
.pageNews .list_hight .item_hight .content {
padding: 10px 15px 15px 15px;
}
.pageNews .list_hight .item_hight .content .title,
.pageNews .list_hight .item_hight .content .date,
.pageNews .list_hight .item_hight .content .cate {
text-align: left;
}
.pageNews .list_hight .item_hight .content article {
height: auto;
}
.pageNews .tabListNews .nav {
flex-wrap: nowrap;
overflow-x: scroll;
justify-content: flex-start;
}
.pageNews .tabListNews .nav li {
flex: 0 0 auto;
}
}
@media (max-width: 767px) {
.pageNews .list_hight .item_hight img {
height: 270px;
}
}
.holder .jp-previous,
.holder .jp-next {
position: relative;
cursor: pointer;
}
.holder .jp-previous::after,
.holder .jp-next::after {
content: "\f100";
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: var(--color-dark);
}
.holder .jp-next::after {
content: "\f101";
}
.navigation,
.pagination,
.holder {
display: flex;
}
.navigation a,
.pagination a,
.holder a {
background: var(--color-white);
border-radius: 6px !important;
margin: 0 2px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
height: 32px;
color: var(--color-black);
text-decoration: none;
cursor: pointer;
}
.navigation a.active,
.pagination a.active,
.holder a.active {
background: var(--color-blue);
color: #fff;
}
.navigation li.jp_prev a,
.pagination li.jp_prev a,
.holder li.jp_prev a {
color: rgb(189, 189, 189);
}
.navigation li.jp_next a,
.pagination li.jp_next a,
.holder li.jp_next a {
color: rgb(79, 79, 79);
}
.navigation li.active a,
.pagination li.active a,
.holder li.active a {
background: var(--color-blue);
color: #fff;
}
.infoOverProd {
padding-top: 24px;
background: #fff;
}
.infoOverProd .router {
margin-bottom: 32px;
}
.infoOverProd .btn_controrls {
justify-content: flex-end;
}
@media (max-width: 900px) {
.infoOverProd .btn_controrls {
justify-content: center;
margin-top: 2rem;
}
}
.menu_over_detail {
background: var(--color-white);
padding-top: 32px;
border-bottom: 1px solid rgb(228, 228, 228);
position: sticky;
top: 75px;
left: 0;
width: 100%;
z-index: 9;
}
.menu_over_detail .list_info_prod li {
border-bottom: 2px solid transparent;
padding-bottom: 15px;
flex: 0 0 auto;
}
.menu_over_detail .list_info_prod li.active {
border-bottom: 2px solid var(--color-blue);
}
.menu_over_detail .list_info_prod li.active a {
color: var(--color-blue);
}
.menu_over_detail .list_info_prod a {
padding: 15px 26px;
color: rgb(69, 69, 69);
text-decoration: none;
font-weight: 600;
font-size: 16px;
}
@media (max-width: 1200px) {
.menu_over_detail {
top: 60px;
}
}
@media (max-width: 900px) {
.menu_over_detail {
top: 55px;
}
.menu_over_detail .list_info_prod {
overflow-x: scroll;
}
}
.info_prod_overview .icon_prod {
width: 112px;
height: 112px;
border: 1px solid rgb(228, 228, 228);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 32px;
flex: 0 0 auto;
}
.info_prod_overview .icon_prod img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.info_prod_overview .overview .name {
font-size: 32px;
font-weight: 700;
}
.info_prod_overview .overview .label_btn {
margin-right: 8px;
}
.info_prod_overview .ratting {
margin-bottom: 19px;
}
.info_prod_overview .ratting .star i {
color: var(--color-yellow);
}
.info_prod_overview .ratting .count_star {
font-weight: 600;
margin: 0 5px;
}
.info_prod_overview .ratting .count_view {
color: rgb(139, 139, 139);
}
.info_prod_overview .ratting .count_favourite {
color: rgb(139, 139, 139);
position: relative;
}
@media (max-width: 900px) {
.info_prod_overview .icon_prod {
width: 80px;
height: 80px;
margin-right: 15px;
}
.info_prod_overview .overview .name {
line-height: 1.3;
margin-bottom: 1rem;
font-size: 25px;
}
}
#commentModal .modal-body,
#commentModal .modal-footer {
background: var(--color-theme);
}
#commentModal .btn_controls button {
padding: 10px 17px;
}
#commentModal .btn_controls .btn_primary {
margin-right: 10px;
}
#commentModal .btn_controls .btn_trans {
border: 1px solid rgba(220, 0, 0, 0.19);
background: rgba(220, 0, 0, 0.08);
color: var(--color-red);
}
#commentModal .modal-title {
font-size: 20px;
font-weight: 700;
}
#commentModal .modal-footer {
align-items: center;
justify-content: space-between;
}
#commentModal .icon_prod {
width: 80px;
height: 80px;
}
#commentModal .overview .name {
font-size: 23px;
line-height: 1.3;
}
#commentModal .review_comment .star_comment {
display: flex;
align-items: center;
justify-content: center;
color: var(--color-yellow);
margin: 16px 0 21px 0;
font-size: 22px;
}
#commentModal .review_comment .star_comment .rating-list .fa-star {
cursor: pointer;
}
#commentModal .review_comment .star_comment .rating-list .fa-star:before {
content: "\f005";
}
#commentModal .review_comment .star_comment .rating-list li {
padding: 0px;
}
#commentModal .review_comment .star_comment .rating-list li i.yellow {
color: var(--color-yellow);
}
#commentModal .review_comment .star_comment .rating-list li i.gray {
color: var(--color-stroke);
}
#commentModal .review_comment .star_comment .rating-list>li {
display: inline-block;
}
#commentModal .review_comment .star_comment .rating-list .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
#commentModal .review_comment textarea {
width: 100%;
padding: 11px 12px;
border: 1px solid var(--color-stroke);
border-radius: 6px;
}
#commentModal .review_comment textarea::placeholder {
color: var(--color-caption);
}
#commentModal .review_comment textarea:focus {
outline: none;
border: 1px solid var(--color-blue);
}
.modal-backdrop {
z-index: 99999;
pointer-events: none;
}
.modal {
z-index: 9999999;
}
.modal .blck_title {
font-size: 28px;
}
.overviewProd {
overflow: hidden;
padding: 80px 24px;
flex: 1;
}
.overviewProd .left_intro {
display: flex;
flex-flow: column;
justify-content: space-between;
padding-right: 170px;
flex: 0 0 50%;
}
@media (min-width: 768px) and (max-width: 1056px) {
.overviewProd .left_intro {
padding-right: 20px;
flex: 0 0 calc(50% + 20px) !important;
}
.overviewProd .left_intro article ul {
text-align: left;
}
}
.overviewProd .left_intro article {
margin: 24px 0;
}
.overviewProd .left_intro article p {
margin-bottom: 10px;
}
.overviewProd .left_intro .more-info {
display: inline-block;
background: transparent;
border: none;
color: var(--color-blue);
padding: 0;
}
.overviewProd .left_intro .btn_primary {
margin-bottom: 12px;
}
.overviewProd .left_intro .share-link {
display: flex;
align-items: center;
}
.overviewProd .left_intro .share-link .icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
margin-right: 12px;
border-radius: 8px;
}
.overviewProd .left_intro .share-link .icon i {
color: var(--color-blue);
}
.overviewProd .right_intro {
flex: 0 0 50%;
width: 50%;
}
@media (min-width: 768px) and (max-width: 1056px) {
.overviewProd .right_intro {
flex: 0 0 calc(50% - 20px) !important;
}
}
.overviewProd .list_gallery {
width: 100%;
}
@media (min-width: 768px) and (max-width: 1056px) {
.overviewProd .list_gallery {
width: 100%;
}
}
.overviewProd .list_gallery img {
width: 100%;
height: 427px;
border-radius: 20px;
object-fit: cover;
}
.overviewProd .list_gallery .item {
position: relative;
width: 100%;
}
.overviewProd .list_gallery .play_icon {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
color: var(--color-dark);
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
font-size: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24);
}
.overviewProd .list_gallery .slick_arrow {
position: absolute;
transform: translate(0, -50%);
top: 50%;
left: -22px;
z-index: 1;
}
.overviewProd .list_gallery .slick_arrow.next_arrow {
left: unset;
right: -22px;
}
.overviewProd .connect_link {
border-top: 1px solid var(--color-stroke);
padding-top: 15px;
}
.overviewProd .connect_link .list_link {
display: flex;
gap: 16px;
}
.overviewProd .connect_link .list_link .item {
flex: 0 0 calc(50% - 8px);
background: var(--color-white);
border-radius: 12px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
gap: 10px;
padding: 8px;
width: calc(50% - 8px);
}
.overviewProd .connect_link .list_link .label {
color: rgb(0, 0, 0);
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: inline-block;
height: 20px;
white-space: nowrap;
}
.overviewProd .connect_link .list_link a {
color: rgb(44, 44, 44);
opacity: 0.5;
font-size: 12px;
text-decoration: none;
}
.overviewProd .connect_link .name {
font-size: 20px;
font-weight: 600;
margin-bottom: 12px;
}
.overviewProd .connect_link .icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-blue);
flex: 0 0 auto;
border-radius: 8px;
}
.overviewProd .connect_link .icon i {
color: var(--color-white);
}
.overviewProd ul li button {
font-weight: 700;
font-size: 12px;
color: rgb(145, 145, 145) !important;
background: #fff !important;
}
.overviewProd ul li button.active {
color: var(--color-white) !important;
background: var(--color-blue) !important;
border: 1px solid rgba(0, 109, 183, 0.16) !important;
}
@media (min-width: 1057px) and (max-width: 1280px) {
.overviewProd .left_intro {
padding-right: 50px;
flex: 0 0 50%;
}
.overviewProd .right_intro {
width: 50%;
}
}
@media (max-width: 900px) {
.overviewProd {
padding: 40px 0;
}
.overviewProd .list_gallery {
width: 100%;
}
.overviewProd .right_intro {
margin-top: 2rem;
flex: 0 0 100%;
width: 100%;
}
.overviewProd .right_intro #pills-tabProd {
justify-content: center;
}
.overviewProd .intro_overview {
flex-flow: column;
}
.overviewProd .intro_overview .left_intro {
flex: 0 0 100%;
padding-right: 0;
}
.overviewProd .intro_overview .left_intro .btn_primary {
margin: 0 auto 26px auto !important;
}
.overviewProd .intro_overview .left_intro article ul {
text-align: left;
}
.overviewProd .intro_overview .description .blck_title {
text-align: center;
}
.overviewProd .intro_overview .description article {
text-align: justify;
}
.overviewProd .intro_overview .connect_link .name {
text-align: center;
}
.overviewProd .intro_overview .connect_link .list_link {
gap: unset;
justify-content: space-between;
padding: 0 15px;
}
.overviewProd .intro_overview .connect_link .list_link .item {
margin-bottom: 10px;
}
}
.advantageProd {
padding-bottom: 80px;
}
.advantageProd .content_advan {
padding: 80px 60px;
background: #fff;
border-radius: 20px;
}
.advantageProd .blck_title {
text-align: center;
margin-bottom: 44px;
}
.advantageProd .list_advant {
justify-content: center;
}
.advantageProd .item_advant {
padding: 0 12px;
height: auto;
margin-bottom: 24px;
}
@media (min-width: 768px) and (max-width: 1056px) {
.advantageProd .item_advant {
width: 50%;
}
}
.advantageProd .item_advant .content {
border-radius: 8px;
padding: 16px;
height: 100%;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.advantageProd .item_advant .content .title {
margin-bottom: 12px;
font-size: 16px;
font-weight: 600;
height: 25px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.advantageProd .item_advant .content .icon {
justify-content: end;
display: flex;
}
.advantageProd .item_advant .content .icon img {
width: 42px;
}
.advantageProd .item_advant .content .number {
font-size: 40px;
font-weight: 700;
}
.advantageProd .item_advant .content article {
text-align: justify;
}
.advantageProd .item_advant:nth-child(4n+1) .content {
background: rgba(0, 109, 183, 0.1);
}
.advantageProd .item_advant:nth-child(4n+1) .number {
color: rgba(0, 109, 183, 0.2);
}
.advantageProd .item_advant:nth-child(n+1) .content {
background: rgb(245, 230, 225);
}
.advantageProd .item_advant:nth-child(n+1) .number {
color: rgba(241, 90, 37, 0.2);
}
.advantageProd .item_advant:nth-child(2n+1) .content {
background: rgb(230, 239, 236);
}
.advantageProd .item_advant:nth-child(2n+1) .number {
color: rgba(93, 183, 153, 0.2);
}
.advantageProd .item_advant:nth-child(3n+1) .content {
background: rgb(237, 231, 246);
}
.advantageProd .item_advant:nth-child(3n+1) .number {
color: rgba(103, 58, 183, 0.2);
}
@media (max-width: 900px) {
.advantageProd {
padding-bottom: 40px;
}
.advantageProd .blck_title {
margin-bottom: 1.5rem;
}
.advantageProd .content_advan {
padding: 40px 20px 20px 20px;
}
.advantageProd .slick-arrow {
position: absolute;
transform: translate(0, -50%);
background: var(--color-blue);
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
top: 50%;
left: -10px;
z-index: 1;
color: #fff;
}
.advantageProd .slick-arrow#iArrowRight {
left: unset;
right: -10px;
}
}
.featureProd {
padding-bottom: 80px;
}
.featureProd article {
width: 45%;
margin: 24px 0 36px 0;
}
.featureProd .accordion-flush {
border-radius: 8px;
padding: 5px;
max-height: 500px;
overflow-y: scroll;
background: rgba(0, 109, 183, 0.05);
/* width */
/* Track */
/* Handle */
/* Handle on hover */
}
.featureProd .accordion-flush .accordion-collapse {
background: #fff;
border-radius: 0 0 8px 8px;
line-height: 24px;
}
.featureProd .accordion-flush::-webkit-scrollbar {
width: 5px;
}
.featureProd .accordion-flush::-webkit-scrollbar-track {
background: #f1f1f1;
}
.featureProd .accordion-flush::-webkit-scrollbar-thumb {
background: rgba(136, 136, 136, 0.2);
}
.featureProd .accordion-flush::-webkit-scrollbar-thumb:hover {
background: rgba(85, 85, 85, 0.6705882353);
}
.featureProd .accordion-flush .accordion-item {
border-radius: 8px;
background-color: transparent;
border: none;
}
.featureProd .accordion-flush .accordion-button {
background: transparent;
font-weight: 600;
border-radius: 8px 8px 0 0;
box-shadow: none;
}
.featureProd .accordion-flush .accordion-button:not(.collapsed) {
background: #fff;
}
.featureProd .accordion-flush .accordion-button:not(.collapsed) .icon {
background: rgb(0, 109, 183);
}
.featureProd .accordion-flush .accordion-button:not(.collapsed) .icon i {
color: #fff;
}
.featureProd .accordion-flush .accordion-button:not(.collapsed) .icon img {
filter: grayscale(1) brightness(20);
}
.featureProd .accordion-flush .accordion-button .icon {
width: 48px;
height: 48px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: #d0dfea;
margin-right: 16px;
flex: 0 0 auto;
}
.featureProd .accordion-flush .accordion-button .icon i {
color: rgb(0, 109, 183);
}
.featureProd .accordion-flush .accordion-button .icon img {
width: 20px;
}
.featureProd .right_feat {
padding-left: 20px;
}
@media (min-width: 768px) and (max-width: 1056px) {}
.featureProd .list_image .item img {
width: 100%;
height: 500px;
border-radius: 20px;
}
@media (max-width: 900px) {
.featureProd {
padding: 0 0 30px 0;
}
.featureProd article {
width: 100%;
text-align: center;
}
.featureProd .blck_title {
text-align: center;
}
.featureProd .info_feature {
flex-flow: column;
}
.featureProd .info_feature .col-md-7,
.featureProd .info_feature .col-md-5 {
width: 100%;
}
.featureProd .list_image .item img {
height: auto;
}
.featureProd .right_feat {
padding-left: 15px;
margin-top: 1rem;
}
}
.priceProd {
padding-bottom: 80px;
}
.priceProd .holder {
justify-content: center;
}
.priceProd .priceProd_header {
margin-bottom: 32px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
.priceProd .priceProd_header {
flex-flow: column;
}
.priceProd .priceProd_header .blck_title {
margin-bottom: 12px;
}
.priceProd .priceProd_header .priceProd_widget {
gap: 10px;
width: 100%;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_filter {
flex: 0 0 30%;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_search {
flex: 1;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_search input {
width: 100%;
}
}
.priceProd .priceProd_header .priceProd_widget {
display: flex;
gap: 8px;
align-items: center;
position: relative;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover {
position: absolute;
top: 60px;
right: 0;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
border-radius: 12px;
background: var(--color-white);
padding: 16px;
z-index: 1000;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover::after {
top: -10px;
content: "";
width: 20px;
height: 20px;
right: 40px;
position: absolute;
transform: rotate(45deg);
background: var(--color-white);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .list_rangePrice {
display: flex;
gap: 8px;
margin-bottom: 12px;
flex-wrap: wrap;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .list_rangePrice .item_range {
width: calc(50% - 4px);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .item_range {
padding: 4px 10px;
border-radius: 6px;
border: 1px solid rgb(238, 238, 238);
width: max-content;
cursor: pointer;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .item_range:hover {
background: var(--color-blue);
color: var(--color-white);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .item_range.active {
background: var(--color-blue);
color: var(--color-white);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .maxMin_price {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
color: rgb(132, 132, 132);
margin-bottom: 12px;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .btn_popover {
padding-top: 30px;
display: flex;
gap: 12px;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .btn_popover button {
width: calc(50% - 6px);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .btn_popover .btn_delete {
color: var(--color-red);
border: 1px solid var(--color-red);
border-radius: 6px;
background: rgba(220, 0, 0, 0.19);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_popover .btn_popover .btn_delete:hover {
background: var(--color-white);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_search {
padding: 9px 12px;
border-radius: 6px;
border: 1px solid rgb(238, 238, 238);
display: flex;
gap: 8px;
background: var(--color-white);
align-items: center;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_search i {
color: var(--color-icon);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_search input {
border: none;
background: #fff;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_search input:focus {
outline: none;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_filter {
cursor: pointer;
border: 1px solid rgb(238, 238, 238);
display: flex;
gap: 8px;
background: var(--color-white);
align-items: center;
padding: 9px 12px;
border-radius: 6px;
height: 44px;
justify-content: center;
}
.priceProd .priceProd_header .priceProd_widget .priceProd_filter.active {
background: var(--color-blue);
color: var(--color-white);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_filter.active i {
color: var(--color-white);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_filter:hover {
background: var(--color-blue);
color: var(--color-white);
}
.priceProd .priceProd_header .priceProd_widget .priceProd_filter:hover i {
color: var(--color-white);
}
.priceProd .pagination {
margin: 0;
justify-content: center;
}
.priceProd .widget_price {
margin-bottom: 16px;
padding: 0 8px;
}
.priceProd .list_price {
min-height: max-content !important;
}
.priceProd .item_price {
background: #fff;
border-radius: 12px;
height: max-content;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
padding: 32px 24px;
display: flex;
flex-flow: column;
}
.priceProd .item_price .price {
margin-top: 8px;
align-items: center;
}
.priceProd .item_price ul {
padding: 16px 16px 16px 20px;
}
.priceProd .item_price ul li {
margin-bottom: 8px;
}
.priceProd .item_price ul li i {
color: var(--color-blue);
}
.priceProd .info_price {
display: flex;
flex-flow: column;
justify-content: flex-end;
height: 100%;
}
.priceProd .info_price .form_package {
padding: 6px 6px 8px 6px;
border: 1px solid var(--color-stroke);
border-radius: 12px;
}
.priceProd .info_price .form_package .--btn {
margin-bottom: 8px;
justify-content: center;
}
.priceProd .info_price .id_package {
font-size: 12px;
font-weight: 600;
margin-bottom: 8px;
color: var(--color-caption);
height: 20px;
}
.priceProd .info_price .name_package {
font-weight: 700;
font-size: 22px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
display: -webkit-box;
height: 28px;
-webkit-box-orient: vertical;
}
@media (max-width: 1430px) {
.priceProd .info_price .name_package {
font-size: 18px;
}
}
.priceProd .info_price .card-body {
padding: 0;
border: none;
}
.priceProd .info_price .card-body .item_info_package:nth-child(2) {
height: unset;
}
.priceProd .info_price .list_info_package {
padding: 0 16px;
}
@media (max-width: 1430px) {
.priceProd .info_price .list_info_package {
padding: 0 10px;
}
}
.priceProd .info_price .list_info_package .nice-select {
padding-right: 16px;
border: none;
padding-left: 10px;
height: 22px;
display: flex;
align-items: center;
border-bottom: 1px dashed var(--color-blue);
}
.priceProd .info_price .list_info_package .nice-select::after {
border-bottom: 2px solid var(--color-blue);
border-right: 2px solid var(--color-blue);
}
.priceProd .info_price .list_info_package .nice-select span {
color: var(--color-blue);
font-weight: 700;
font-size: 12px;
}
.priceProd .info_price .item_info_package {
display: flex;
gap: 10px;
align-items: start;
margin-bottom: 40px;
}
.priceProd .info_price .item_info_package-text {
font-size: 16px !important;
line-height: 24px;
}
.form_package-text {
font-size: 35px;
margin-left: 15px;
font-weight: 700;
margin-bottom: 30px;
}
.priceProd .info_price .item_info_package:nth-child(2) {
height: 18px;
}
.priceProd .info_price .item_info_package .view_all {
color: var(--color-red);
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
font-size: 12px;
}
.priceProd .info_price .item_info_package .view_all span {
color: var(--color-red) !important;
display: flex;
align-items: center;
gap: 12px;
}
.priceProd .info_price .item_info_package .view_all span i {
font-weight: 400;
}
.priceProd .info_price .item_info_package .view_all span:nth-child(1) {
display: none;
}
.priceProd .info_price .item_info_package .view_all span:nth-child(2) {
display: flex;
}
.priceProd .info_price .item_info_package .view_all.collapsed span {
color: var(--color-red) !important;
}
.priceProd .info_price .item_info_package .view_all.collapsed span:nth-child(1) {
display: flex;
}
.priceProd .info_price .item_info_package .view_all.collapsed span:nth-child(2) {
display: none;
}
.priceProd .info_price .item_info_package .icon_package i {
color: var(--color-icon);
}
.priceProd .info_price .item_info_package span {
font-size: 12px;
color: rgb(137, 137, 137);
}
.priceProd .info_price .--btn {
display: flex;
gap: 8px;
}
.priceProd .info_price .--btn .btn_trans {
cursor: pointer;
width: 100%;
padding: 9px 10px;
}
.priceProd .info_price .--btn .btn_trans.sendtocart .add_item {
display: block;
opacity: 1;
animation: xAxis 1s forwards cubic-bezier(1, 0.44, 0.84, 0.165);
}
.priceProd .info_price .--btn .btn_trans.sendtocart .add_item:before {
animation: yAxis 1s alternate forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}
.priceProd .info_price .--btn .btn_trans .add_item {
position: absolute;
opacity: 0;
z-index: 9999;
}
.priceProd .info_price .--btn .btn_trans .add_item:before {
content: "1";
display: block;
line-height: 24px;
height: 24px;
width: 24px;
font-size: 12px;
font-weight: 600;
background: var(--color-blue);
color: var(--color-white);
border-radius: 20px;
text-align: center;
}
.priceProd .info_price .--btn .btn_primary {
width: calc(50% - 6px);
}
.priceProd .info_price .loop_pay {
display: flex;
align-items: center;
}
.priceProd .info_price .loop_pay span {
margin-right: 8px;
}
.priceProd .info_price .unit {
color: rgb(145, 145, 145);
}
.priceProd .info_price .unit span {
color: #000;
}
.priceProd .info_price .price {
margin-bottom: 16px;
}
.priceProd .info_price .number {
font-size: 16px;
font-weight: 600;
margin-right: 8px;
color: var(--color-caption);
}
.priceProd .info_price .number span {
font-weight: 400;
font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1056px) {
.priceProd .widget_price {
width: 50%;
}
}
@media (max-width: 900px) {
.priceProd {
padding-bottom: 0;
}
.priceProd .blck_title {
text-align: center;
}
.priceProd .name_package {
height: auto !important;
}
.priceProd .item_price {
flex-flow: column;
}
.priceProd .item_price .info_price {
border-right: none;
}
}
@media (max-width: 767px) {
.priceProd .slick-list {
overflow-y: visible !important;
}
}
@keyframes xAxis {
100% {
transform: translateX(100vw);
}
}
@keyframes yAxis {
100% {
transform: translateY(-70vh);
}
}
.reviewprod {
padding-bottom: 80px;
}
.reviewprod .blck_title {
margin-bottom: 44px;
}
.reviewprod .box_review {
padding: 36px 44px;
background: #fff;
border-radius: 20px;
}
.reviewprod .count_review .number {
color: var(--color-blue);
font-size: 60px;
font-weight: 600;
line-height: 1;
text-align: center;
}
.reviewprod .count_review .rate {
color: var(--color-yellow);
border-bottom: 1px solid rgb(238, 238, 238);
margin-bottom: 17px;
padding-bottom: 17px;
justify-content: center;
display: flex;
font-size: 18px;
margin-top: 1rem;
align-items: center;
}
@media (min-width: 768px) and (max-width: 1056px) {
.reviewprod .count_review .rate i {
font-size: 15px;
margin: 0 2px;
}
}
.reviewprod .count_review span {
color: rgb(114, 114, 114);
margin-left: 6px;
}
.reviewprod .count_review .info_rate .item_star {
border: 1px solid rgb(238, 238, 238);
margin-bottom: 4px;
padding: 10px;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.reviewprod .count_review .info_rate .item_star.active {
background: var(--color-Bg);
}
.reviewprod .count_review .info_rate .item_star:hover {
background: var(--color-Bg);
}
.reviewprod .count_review .info_rate .item_star .star {
color: var(--color-yellow);
}
.reviewprod .count_review .info_rate .item_star .star i {
cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1056px) {
.reviewprod .count_review .info_rate .item_star .star i {
font-size: 14px;
}
}
.reviewprod .count_review .info_rate .item_star span {
color: rgb(137, 137, 137);
}
.reviewprod .head_review {
justify-content: space-between;
border-bottom: 1px solid rgb(238, 238, 238);
padding-bottom: 10px;
margin-bottom: 28px;
}
.reviewprod .head_review .title {
font-size: 24px;
font-weight: 700;
}
.reviewprod .count_review {
border-right: 1px solid rgb(238, 238, 238);
padding-right: 44px;
}
.reviewprod .all_review {
padding-left: 44px;
}
.reviewprod .all_review button {
border: none;
background: no-repeat;
color: #fff;
font-weight: 500;
display: flex;
align-items: center;
}
.reviewprod .all_review button svg {
margin-left: 5px;
}
.reviewprod .item_review {
display: flex;
margin-bottom: 20px;
}
.reviewprod .item_review .avatar {
margin-right: 14px;
}
.reviewprod .item_review .avatar img {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 50%;
}
.reviewprod .item_review .name {
font-size: 16px;
font-weight: 600;
}
.reviewprod .item_review .date_review {
color: rgb(137, 137, 137);
border-left: 1px solid rgb(224, 224, 224);
padding-left: 16px;
margin-left: 16px;
}
.reviewprod .item_review .review {
display: flex;
align-items: center;
margin: 7px 0 10px 0;
}
.reviewprod .item_review .review .star {
color: var(--color-yellow);
font-size: 15px;
}
.reviewprod .btn_trans {
width: 100%;
text-align: center;
display: block;
margin-top: 12px;
}
@media (max-width: 1024px) {
.reviewprod .count_review {
padding-right: 20px;
}
.item_widget .form_group {
font-size: 14px;
}
.product-item-favourite {
width: calc(33.3% - 16px);
margin: 4px 8px;
}
}
@media (max-width: 767px) {
.reviewprod .count_review {
padding-right: 0;
}
.priceProd .info_price .item_info_package-text {
font-size: 14px;
}
.form_package-text {
font-size: 28px;
}
}
@media (max-width: 900px) {
.reviewprod {
padding: 30px 0 60px 0;
}
.reviewprod .blck_title {
text-align: center;
}
.reviewprod .count_review .number {
text-align: center;
}
.reviewprod .count_review .rate {
text-align: center;
}
.reviewprod .box_review {
padding: 36px 15px;
}
.reviewprod .all_review {
padding-left: 0;
margin-top: 2rem;
}
.reviewprod .all_review .head_review {
flex-flow: column;
justify-content: center;
align-items: center;
}
.reviewprod .all_review .head_review .title {
margin-bottom: 0.5rem;
}
}
.bannerImageProd {
padding-bottom: 80px;
}
.bannerImageProd img {
border-radius: 20px;
width: 100%;
height: 304px;
object-fit: cover;
}
@media (max-width: 900px) {
.bannerImageProd {
padding-bottom: 50px;
}
.bannerImageProd img {
height: auto;
}
}
.relateProd {
padding-bottom: 80px;
}
.relateProd .relate_top {
margin-bottom: 32px;
display: flex;
align-items: center;
justify-content: space-between;
}
.relateProd .relate_top .arrow_relate {
display: flex;
gap: 8px;
}
@media (max-width: 900px) {
.relateProd {
padding: 0 0 30px 0;
}
.relateProd .blck_title {
text-align: center;
}
}
.relateProd .slick-track {
display: flex;
margin-left: 0;
}
.relateProd .item_product {
padding: 8px;
display: flex;
flex-flow: column;
height: auto;
background: var(--color-white);
border-radius: 16px;
margin: 0 8px 8px 8px;
}
.relateProd .item_product .image_prod {
border-radius: 20px 20px 0 0;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
width: 100%;
}
.relateProd .item_product .image_prod a {
width: 100%;
}
.relateProd .item_product .image_prod img {
height: 180px;
border-radius: 20px 20px 0 0;
width: 100%;
}
.relateProd .item_product .content_prod .title {
font-size: 16px;
height: 46px;
}
.relateProd .item_product .info_rate {
margin-bottom: 0;
}
.relateProd .item_product .favourite {
top: unset;
bottom: -18px;
left: 12px;
border: 1px solid var(--color-stroke);
border-radius: 100px;
padding: 4px 12px 2px 12px;
display: flex;
gap: 8px;
align-items: center;
width: max-content;
background: var(--color-white);
}
.relateProd .item_product .favourite.loved_it {
background: rgb(255, 23, 68);
border: 1px solid rgba(255, 255, 255, 0.25);
}
.relateProd .item_product .favourite.loved_it i,
.relateProd .item_product .favourite.loved_it span {
color: var(--color-white);
}
.relateProd .item_product .favourite i {
color: var(--color-stroke);
}
.relateProd .item_product .favourite span {
font-weight: 700;
font-size: 12px;
color: var(--color-caption);
}
@media (max-width: 900px) {
.relateProd .relate_top {
flex-flow: column;
}
.relateProd .relate_top .arrow_relate {
margin-top: 1rem;
}
}
.prodFaqs {
background: transparent;
padding-bottom: 80px;
}
.prodFaqs .blck_title {
color: #000;
text-align: center;
margin-bottom: 44px;
}
.prodFaqs .content_faq_prod {
padding: 80px 0;
background: #fff;
border-radius: 20px;
}
.prodFaqs .content_faq_prod .accordion-button {
color: #000;
}
.prodFaqs .content_faq_prod .accordion-button::after {
background-color: rgba(12, 12, 12, 0.8705882353);
}
.prodFaqs .content_faq_prod .accordion-button:not(.collapsed) {
color: #fff !important;
}
.prodFaqs .accordionFaqs {
width: 70%;
margin: auto;
}
.prodFaqs .accordionFaqs .accordion-button:not(.collapsed) {
background-color: var(--color-blue);
}
.prodFaqs .accordionFaqs .accordion-collapse .accordion-body {
color: #fff;
background-color: var(--color-blue);
border-radius: 0 0 12px 12px;
}
.prodFaqs .accordionFaqs .accordion-collapse .accordion-body p {
line-height: 1.6 !important;
}
@media (max-width: 900px) {
.prodFaqs {
padding-bottom: 60px;
}
.prodFaqs .content_faq_prod {
padding: 50px 0;
}
.prodFaqs .blck_title {
margin-bottom: 1rem;
}
.prodFaqs .accordionFaqs {
width: 100%;
}
}
.pageLogin {
overflow-x: hidden;
}
.pageLogin .image {
height: 100%;
min-height: 100vh;
}
.pageLogin .image img {
height: 100%;
width: 100%;
object-fit: cover;
}
.pageLogin .content_login {
padding: 60px 44px;
}
.pageLogin .content_login .logo {
margin-bottom: 44px;
}
.pageLogin .content_login .logo img {
width: 180px;
}
.pageLogin .content_login article {
margin: 8px 0 24px 0;
}
.pageLogin .content_login .form_group {
display: flex;
flex-flow: column;
position: relative;
margin-bottom: 12px;
}
.pageLogin .content_login .form_group label {
margin-bottom: 6px;
}
.pageLogin .content_login .form_group label span {
color: var(--color-red);
margin-left: 4px;
}
.pageLogin .content_login .form_group input {
color: #000;
width: 100%;
padding: 12px 16px;
border-radius: 8px;
border: 1px solid rgb(242, 242, 242);
}
.pageLogin .content_login .form_group input:focus {
border: 1px solid var(--color-blue);
outline: none;
}
.pageLogin .content_login .form_group input::placeholder {
color: rgb(145, 145, 145);
}
.pageLogin .content_login .form_group .content_input {
position: relative;
}
.pageLogin .content_login .form_group i {
color: rgb(145, 145, 145);
position: absolute;
transform: translate(0, -50%);
top: 50%;
right: 15px;
}
.pageLogin .content_login .confirm_group a {
font-weight: 700;
text-decoration: none;
color: var(--color-blue);
}
.pageLogin .content_login .control_acc {
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.pageLogin .content_login .control_acc a {
color: var(--color-blue);
text-decoration: none;
font-weight: 600;
}
.pageLogin .content_login .controrls_forgot {
justify-content: space-between;
}
.pageLogin .content_login .controrls_forgot .btn_primary {
margin-bottom: 0;
margin-left: 12px;
width: calc(50% - 6px);
}
.pageLogin .content_login .controrls_forgot .btn_trans {
width: calc(50% - 6px);
text-align: center;
}
.pageLogin .content_login .btn_primary {
text-align: center;
margin-bottom: 20px;
}
.pageLogin .content_login .choose {
position: relative;
color: rgb(145, 145, 145);
align-items: center;
}
.pageLogin .content_login .choose span {
flex: 0 0 auto;
margin: 0 12px;
}
.pageLogin .content_login .choose .line {
background: rgb(224, 224, 224);
height: 1px;
flex: 1;
}
.pageLogin .content_login .list_choose {
margin-top: 20px;
justify-content: space-between;
}
.pageLogin .content_login .list_choose .item {
box-shadow: 0 12px 64px rgba(0, 0, 0, 0.06);
border-radius: 8px;
padding: 8px;
color: rgb(79, 79, 79);
margin-right: 10px;
width: calc(50% - 10px);
display: flex;
align-items: center;
}
.pageLogin .content_login .list_choose .item:last-child {
margin-right: 0;
}
.pageLogin .content_login .list_choose .item img {
width: 24px;
margin-right: 12px;
}
@media (max-width: 900px) {
.pageLogin .content_login .logo img {
margin: auto;
display: block;
}
.pageLogin .content_login .blck_title,
.pageLogin .content_login article {
text-align: center;
}
}
img {
object-fit: cover;
}
.btn_primary {
padding: 9px 20px 9px 20px;
border-radius: 8px;
background-image: linear-gradient(rgb(21, 165, 227), rgb(0, 122, 255));
width: max-content;
color: var(--color-white);
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
position: relative;
border: 1px solid rgba(0, 109, 183, 0.16) !important;
}
.btn_primary a {
color: var(--color-white);
}
.btn_primary::after {
content: "";
border-radius: 8px;
position: absolute;
width: 100%;
height: 0;
bottom: 0;
left: 0;
transition: height 0.5s ease;
background: rgb(235, 244, 249);
}
.btn_primary span,
.btn_primary i,
.btn_primary svg {
position: relative;
z-index: 1;
}
.btn_primary:hover {
color: var(--color-blue);
}
.btn_primary:hover::after {
height: 100%;
}
.btn_primary:hover path {
fill: var(--color-blue);
}
.btn_primary:hover span,
.btn_primary:hover i {
color: var(--color-blue);
}
@media (max-width: 767px) {
.btn_primary::after {
display: none;
}
.btn_primary:hover {
color: #fff;
}
.btn_primary:hover span,
.btn_primary:hover i {
color: #fff;
}
}
.bannerGlobal {
height: 400px;
width: 100%;
}
@media (max-width: 900px) {
.bannerGlobal {
height: auto;
width: 100%;
}
}
.bannerGlobal img {
width: 100%;
height: 100%;
}
.blck_title {
font-size: 40px;
font-weight: bold;
line-height: 1.2;
}
@media (max-width: 1439px) {
.blck_title {
font-size: 35px;
}
}
@media (max-width: 900px) {
.blck_title {
font-size: 26px !important;
}
}
button {
border: none;
}
.main {
/*padding-top: 78px;*/
min-height: 100vh;
}
@media (max-width: 900px) {
.main {
/* padding-top: 60px; */
min-height: unset;
}
}
@media (min-width: 768px) and (max-width: 1056px) {
.main {
/* padding-top: 60px; */
}
}
.--formSelectSupport .--objectSupport {
color: var(--color-black);
margin-bottom: 6px;
}
.--formSelectSupport .nice-select {
padding: 12px 8px;
border-radius: 8px;
border: none;
color: var(--color-body);
width: 100%;
align-items: center;
display: flex;
align-items: center;
border: 1px solid rgb(242, 242, 242);
}
.--formSelectSupport .nice-select .list {
overflow: auto;
max-height: 300px;
z-index: 2000;
}
.--formSelectSupport .nice-select .list::-webkit-scrollbar {
width: 5px;
}
.--formSelectSupport .nice-select .list::-webkit-scrollbar-thumb {
background-color: #dedede;
}
.select2-dropdown {
margin-top: 4px;
}
.select2-container--open .select2-dropdown--below {
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
border-top: 1px solid #aaa !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 14px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: transparent;
}
.select2-search__field {
border-radius: 5px;
}
.select2-search__field:focus {
outline: none;
}
.select2-selection__clear {
color: #000 !important;
line-height: 24px;
}
.select2 {
padding: 12px 8px;
border-radius: 8px;
border: none;
color: var(--color-body);
width: 100% !important;
align-items: center;
display: flex;
align-items: center;
border: 1px solid rgb(242, 242, 242);
height: 50px;
background: var(--color-white);
}
.select2 .selection {
width: 100%;
}
.select2 .select2-selection--single {
border: none !important;
}
.select2 .select2-selection__arrow {
top: 10px !important;
}
.--supportImg {
padding-right: 62px !important;
height: auto;
}
@media (max-width: 900px) {
.--supportImg {
width: 100% !important;
height: auto;
padding-right: 0 !important;
margin-bottom: 2rem;
padding-left: 0 !important;
}
}
.--supportImg img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.--formUserSupport {
padding: 24px 0px 0px 0px;
border-radius: 12px;
background-color: rgb(251, 251, 251);
}
@media (max-width: 900px) {
.--formUserSupport {
width: 100%;
height: auto;
}
.--formUserSupport .--form {
height: auto;
overflow: hidden !important;
}
}
.--formUserSupport .--supportInfo {
font-weight: 700;
font-size: 20px;
padding-left: 20px;
margin-bottom: 20px;
}
.--formUserSupport .--form {
display: flex;
gap: 20px;
flex-flow: column;
padding: 0px 20px 0px 20px;
overflow: auto;
margin-bottom: 44px;
max-height: 300px;
}
.--formUserSupport .--form::-webkit-scrollbar {
width: 5px;
}
.--formUserSupport .--form::-webkit-scrollbar-thumb {
background-color: #dedede;
}
.--formUserSupport .--form .--checkbox {
display: flex;
justify-content: space-between;
align-items: center;
}
.--formUserSupport .--form .--checkbox label {
display: flex;
align-items: center;
gap: 14px;
color: rgb(73, 73, 73);
}
.--formUserSupport .--form .--checkbox .--price {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.--formUserSupport .--btn {
box-shadow: 0px 0px 8px 1px rgba(94, 108, 132, 0.15);
background: rgb(251, 251, 251);
padding: 16px 20px 16px 20px;
border-radius: 0 0 12px 12px;
}
.--formUserSupport .--btn .btn_primary {
width: 100%;
padding: 13px 0;
}
.cardOrder {
display: flex;
gap: 6px;
flex-flow: column;
}
@media (max-width: 900px) {
.cardOrder {
margin-bottom: 20px;
overflow-x: scroll;
}
}
@media (min-width: 768px) and (max-width: 1056px) {
.cardOrder {
width: 100%;
margin-bottom: 20px;
}
}
.cardOrder .form-check {
display: flex;
align-items: flex-start;
padding-left: 0 !important;
}
.cardOrder .form-check input,
.cardOrder .form-check label {
cursor: pointer;
}
.cardOrder .form-check input:hover,
.cardOrder .form-check label:hover {
color: var(--color-blue);
}
.cardOrder .form-check input {
position: relative;
top: 4px !important;
}
@media (max-width: 900px) {
.cardOrder>.orderInfo {
display: none !important;
}
}
.cardOrder .orderInfo {
display: flex;
background: var(--color-white);
border-radius: 12px 12px 0 0;
align-items: center;
}
@media (max-width: 1200px) and (min-width: 1051px) {
.cardOrder .orderInfo .--item {
font-size: 12px !important;
}
.cardOrder .orderInfo .--item.totalPrice {
width: 130px !important;
}
}
.cardOrder .orderInfo .--item {
padding: 16px 10px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
}
.cardOrder .orderInfo .--item.name {
flex-grow: 1;
align-items: center;
justify-content: left;
padding-left: 36px;
}
.cardOrder .orderInfo .--item.name input {
position: relative;
top: 1px;
left: 0;
}
.cardOrder .orderInfo .--item.cycle {
width: 100px;
flex: 0 0 auto;
}
.cardOrder .orderInfo .--item.price {
align-items: center;
width: 140px;
flex: 0 0 auto;
justify-content: start;
}
.cardOrder .orderInfo .--item.price span {
color: rgb(137, 137, 137);
}
.cardOrder .orderInfo .--item.quanity {
width: 90px;
flex: 0 0 auto;
justify-content: start;
}
.cardOrder .orderInfo .--item.vat {
flex: 0 0 auto;
justify-content: start;
}
.cardOrder .orderInfo .--item.reducedPrice {
flex: 0 0 auto;
justify-content: start;
}
.cardOrder .orderInfo .--item.totalPrice {
align-items: center;
width: 150px;
flex: 0 0 auto;
justify-content: start;
}
.cardOrder .orderInfo .--item.totalPrice span {
color: rgb(137, 137, 137);
}
.cardOrder .orderInfo .--item.delete {
width: 52px;
justify-content: right;
flex: 0 0 auto;
padding-right: 20px;
}
.cardOrder .orderDetails {
padding: 8px 0;
background: var(--color-white);
}
.cardOrder .orderDetails .orderInfo .--item.name .delete {
display: none;
}
.cardOrder .orderDetails .orderInfoLabel {
display: none;
}
.cardOrder .orderDetails .orderInfoValue {
display: flex;
align-items: center;
}
@media (max-width: 900px) {
.cardOrder .orderDetails {
padding: 8px 0 24px 0;
width: 100%;
}
.cardOrder .orderDetails .productName {
padding: 24px 10px 0 10px !important;
}
.cardOrder .orderDetails .productName img {
width: 44px !important;
}
.cardOrder .orderDetails .listService {
padding-left: 40px;
}
.cardOrder .orderDetails .listService .cycle,
.cardOrder .orderDetails .listService .price,
.cardOrder .orderDetails .listService .priceReduced {
display: none !important;
}
.cardOrder .orderDetails .listService .delete {
display: none;
}
.cardOrder .orderDetails .listService .orderInfo {
flex-flow: column;
align-items: flex-start;
width: 100% !important;
}
.cardOrder .orderDetails .listService .orderInfo .--item.name {
width: 100%;
padding: 10px 0 0 10px;
justify-content: space-between !important;
}
.cardOrder .orderDetails .listService .orderInfo .--item.name .delete {
display: block;
}
.cardOrder .orderDetails .listService .orderInfoWrapper {
display: flex;
width: 100%;
}
.cardOrder .orderDetails .listService .orderInfoLabel {
display: flex;
flex-flow: column;
}
.cardOrder .orderDetails .listService .orderInfoLabel .--label {
padding: 10px;
}
.cardOrder .orderDetails .listService .orderInfoLabel .totalPrice {
color: var(--color-black);
}
.cardOrder .orderDetails .listService .orderInfoValue {
flex: 1;
flex-flow: column;
justify-content: center;
align-items: start;
}
.cardOrder .orderDetails .listService .orderInfoValue .--item {
padding: 10px;
}
.cardOrder .orderDetails .listService .orderInfoValue .totalPrice {
flex-flow: row-reverse;
justify-content: space-between;
align-items: center;
gap: 10px;
width: auto !important;
}
}
.cardOrder .orderDetails:last-child {
border-radius: 0 0 12px 12px;
}
.cardOrder .orderDetails .productName {
display: flex;
padding: 24px 20px 0 20px;
align-items: center;
}
.cardOrder .orderDetails .productName .--name {
display: flex;
font-size: 16px;
font-weight: 600;
flex-grow: 1;
align-items: center;
}
.cardOrder .orderDetails .productName .--name label {
color: #000;
}
.cardOrder .orderDetails .productName .--img {
width: 44px;
height: 44px;
}
.cardOrder .orderDetails .productName .--img img {
width: 100%;
height: 100%;
border-radius: 8px;
}
.cardOrder .orderDetails .productName .--icon {
display: flex;
align-items: center;
font-size: 20px;
padding: 20px 10px;
}
.cardOrder .orderDetails .productName .--icon #edit {
color: var(--color-blue);
}
.cardOrder .orderDetails .productName .--icon #delete {
color: var(--color-red);
}
@media (max-width: 767px) {
.cardOrder {
padding: 0;
}
}
.formPrice {
height: 100%;
}
@media (max-width: 900px) {
.formPrice {
width: 100% !important;
}
}
.formPrice .formPriceContent {
padding: 16px 24px 32px 24px;
background: var(--color-white);
border-radius: 12px;
}
.formPrice .--check {
display: flex;
gap: 8px;
padding: 0px 0px 12px 0px;
align-items: center;
border-bottom: 1px solid #dedede;
margin-bottom: 16px;
}
.formPrice .--check article {
font-size: 13px;
}
.formPrice .--check article span {
color: var(--color-blue);
font-size: 17px;
font-weight: 600;
}
.formPrice .--txt .--name {
font-size: 16px;
font-weight: 550;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.formPrice .--txt .--total {
color: var(--color-caption);
}
.formPrice .--logo {
width: 44px;
height: 44px;
flex: 0 0 auto;
}
.formPrice .--logo img {
width: 100%;
height: 100%;
border-radius: 8px;
}
.formPrice .--form {
margin-bottom: 16px;
}
.formPrice .--form .--product {
display: flex;
flex-flow: column;
gap: 18px;
border-bottom: 1px solid #dedede;
padding-bottom: 18px;
margin-bottom: 18px;
}
.formPrice .--form .--product .--item {
display: flex;
gap: 7px;
align-items: center;
}
.formPrice .--note {
font-size: 12px;
color: rgb(179, 179, 179);
font-style: italic;
margin-bottom: 10px;
}
.formPrice .--price {
display: flex;
flex-flow: column;
gap: 10px;
}
.formPrice .--price .--itemPrice {
display: flex;
justify-content: space-between;
font-size: 13px;
}
.formPrice .--price .--itemPrice:nth-child(2) span {
text-decoration: line-through;
}
.formPrice .--price .--itemPrice:nth-child(3) {
font-size: 16px;
font-weight: 600;
}
.formPrice .--price .--itemPrice:nth-child(3) span {
color: var(--color-red);
}
.formPrice .terms {
margin-bottom: 30px;
display: flex;
align-items: flex-start;
}
.formPrice .terms a {
text-decoration: none;
color: var(--color-blue);
font-weight: 600;
}
.formPrice .terms input {
position: relative;
top: 4px;
cursor: pointer;
}
.formPrice .terms label {
cursor: pointer;
}
.formPrice .btn_primary {
width: 100%;
border: none;
}
.formPrice .btn_primary.disabled {
opacity: 50%;
pointer-events: none;
cursor: none;
}
@media (max-width: 1056px) {
.formPrice {
width: auto;
}
}
.listService .orderInfo {
border-bottom: 1px solid #dedede;
}
@media (max-width: 1200px) and (min-width: 1051px) {
.listService .orderInfo .--item {
font-size: 12px !important;
}
}
@media (max-width: 900px) {
.listService .orderInfo {
width: 710px;
}
}
.listService .orderInfo:last-child {
border-bottom: none;
}
.listService .orderInfo.--mobile .--item {
padding: 10px;
}
.listService .orderInfo .--item {
padding: 16px 10px;
font-weight: 400;
font-size: 14px;
}
.listService .orderInfo .--item.name {
padding-left: 96px;
}
.listService .orderInfo .--item.price {
justify-content: end;
font-weight: 700;
display: flex;
flex-flow: column;
align-items: start;
}
.listService .orderInfo .--item.price span {
text-decoration: line-through;
font-weight: 400;
font-size: 12px;
}
.listService .orderInfo .--item.quanity {
justify-content: start;
}
.listService .orderInfo .--item.quanity input {
border: 1px solid #dedede;
border-radius: 6px;
padding: 4px 4px 4px 10px;
width: 62px;
height: 36px;
}
.listService .orderInfo .--item.quanity input:focus {
outline: none;
}
.listService .orderInfo .--item.vat {
display: flex;
justify-content: start;
}
.listService .orderInfo .--item.reducedPrice {
display: flex;
justify-content: start;
}
.listService .orderInfo .--item.totalPrice {
justify-content: end;
color: var(--color-red);
font-weight: 700;
display: flex;
flex-flow: column;
align-items: start;
}
.listService .orderInfo .--item.totalPrice span {
text-decoration: line-through;
font-weight: 400;
font-size: 12px;
}
.listService .orderInfo .--item.delete {
color: var(--color-red);
font-size: 20px;
}
.successNoti {
border-radius: 8px;
border: 1px solid rgb(67, 170, 71);
background: rgb(232, 245, 233);
padding: 16px;
display: flex;
gap: 8px;
color: rgb(67, 170, 71);
max-width: 500px;
position: fixed;
top: 30px;
right: 30px;
z-index: 99999999;
display: none;
}
.successNoti .--status {
font-weight: 600;
margin-bottom: 8px;
}
.successNoti .--content {
margin-bottom: 12px;
}
.successNoti i {
font-size: 24px;
}
.successNoti a {
color: rgb(67, 170, 71);
}
.successNoti #close {
font-size: 14px;
}
.errorNoti {
border-radius: 8px;
border: 1px solid rgb(255, 152, 0);
background: rgb(255, 243, 224);
padding: 16px;
display: flex;
gap: 8px;
color: rgb(255, 152, 0);
display: none;
max-width: 500px;
position: fixed;
top: 30px;
right: 30px;
z-index: 99999999;
}
.errorNoti .--status {
font-weight: 600;
margin-bottom: 8px;
}
.errorNoti .--content {
margin-bottom: 12px;
}
.errorNoti i {
font-size: 24px;
}
.errorNoti a {
color: rgb(67, 170, 71);
}
.errorNoti #close {
font-size: 14px;
}
.accountSidebar {
padding: 20px 20px 14px 20px;
background: var(--color-white);
border-radius: 12px;
height: max-content;
}
.accountSidebar .card.card-body {
border: none;
background: var(--color-white);
}
.accountSidebar .card.card-body a {
text-decoration: none;
background: none;
text-align: left;
color: var(--color-caption);
padding: 12px 0 12px 22px;
border-bottom: 1px solid #dedede;
}
.accountSidebar .card.card-body a:last-child {
border-bottom: 0;
}
.accountSidebar .card.card-body a.active {
color: var(--color-blue);
}
.accountSidebar .uploadImg {
display: flex;
gap: 13px;
align-items: center;
position: relative;
margin-bottom: 32px;
}
@media (min-width: 1800px) {
.accountSidebar .uploadImg .accountInfo {
display: flex;
flex-flow: column;
}
}
@media (min-width: 481px) and (max-width: 1056px) {
.accountSidebar .uploadImg .accountInfo {
display: flex;
flex-flow: column;
}
}
.accountSidebar .uploadImg::after {
content: "";
position: absolute;
width: 30%;
top: 80px;
left: 0;
background: var(--color-blue);
height: 2px;
}
.accountSidebar .uploadImg::before {
content: "";
position: absolute;
width: 70%;
top: 80px;
left: 30%;
background: #dedede;
height: 2px;
}
.accountSidebar .--img {
width: 64px;
height: 64px;
flex: 0 0 auto;
position: relative;
}
.accountSidebar .--img img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.accountSidebar .btnUpload {
content: "";
position: absolute;
bottom: -5px;
left: 44px;
width: 26px;
height: 26px;
color: var(--color-caption);
background: var(--color-white);
border-radius: 50%;
}
.accountSidebar .--name {
font-size: 16px;
font-weight: 600;
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
text-align: left;
}
.accountSidebar .--email {
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
text-align: left;
}
@media (max-width: 1250px) {
.accountSidebar .--email {
width: 100px;
}
}
@media (max-width: 1050px) {
.accountSidebar .--email {
width: 100%;
}
}
.accountSidebar .btn.btn-secondary {
background: none;
padding: 0;
color: var(--color-body);
border: none;
}
.accountSidebar .--noti {
font-size: 12px;
color: rgb(255, 143, 0);
}
.accountSidebar .--check i {
color: var(--color-blue);
}
.accountSidebar .--itemSidebar {
padding: 12px 0;
border-bottom: 1px solid rgb(228, 228, 228);
display: flex;
justify-content: space-between;
cursor: pointer;
font-weight: 500;
color: var(--color-body);
align-items: center;
}
.accountSidebar .--itemSidebar:last-child {
border-bottom: none;
}
.accountSidebar .--itemSidebar:hover {
color: var(--color-blue);
}
.accountSidebar .--itemSidebar.active {
color: var(--color-blue);
font-weight: 600;
}
.--formInput-customer {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.--formInput .--item {
flex-flow: column;
display: flex;
gap: 10px;
}
.--formInput .--item .--input {
border: 1px solid rgb(242, 242, 242);
padding: 12px 16px;
border-radius: 8px;
}
.--formInput .--item .--input:focus {
outline: none;
}
.--formInput .--item .--input[disabled] {
background-color: rgba(239, 239, 239, 0.3);
opacity: 1;
}
.--formInput .--item .error {
color: var(--color-red);
font-size: 12px;
}
.menu_mobile {
display: none;
background: var(--color-white);
height: 60px;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 0 15px;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
}
@media (min-width: 1200px) {
.menu_mobile {
justify-content: unset;
}
}
.menu_mobile .nav_menu_mobile,
.menu_mobile .nav__sub {
margin-top: 0;
margin-bottom: 0;
padding: 15px;
list-style-type: none;
}
.menu_mobile .item_menu_sub_mobile {
font-size: 18px !important;
line-height: 1.3;
padding: 4px 0;
}
.menu_mobile .checkHeader,
.menu_mobile .item_menu_mobile {
font-size: 20px !important;
}
.menu_mobile .accordion-collapse .accordion-body {
display: flex;
flex-flow: column;
}
.menu_mobile .accordion-collapse .accordion-body .accordion-item {
padding-left: 15px;
}
.menu_mobile .accordion-collapse .accordion-body .accordion-item .accordion-body {
padding-left: 15px !important;
}
.menu_mobile .accordion-collapse .accordion-body .accordion-item .accordion-body .nav__link {
font-size: 15px;
border-bottom: 1px solid #797979;
padding: 5px 0;
color: #818181;
}
.menu_mobile .accordion-collapse .accordion-body .accordion-item .accordion-body .nav__link:last-child {
border-bottom: none;
}
.menu_mobile .list_sub_menu_mobile .accordion-item .btn_primary {
margin-left: 0;
}
.menu_mobile .list_sub_menu_mobile .btn_primary {
background: no-repeat;
border: none !important;
background: var(--color-blue);
color: #fff;
border-radius: 8px;
text-align: left;
justify-content: flex-start;
/* padding: 12px 0 0 0; */
/* border-bottom: 1px solid var(--color-blue) !important; */
/* border-radius: 0; */
width: -moz-max-content;
width: max-content;
margin-bottom: 10px;
margin-left: 15px;
margin-top: 10px;
}
.menu_mobile .list_sub_menu_mobile .accordion-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.231372549) !important;
}
.menu_mobile .nav_menu_mobile {
width: 400px;
background-color: #fff;
overflow: hidden;
position: fixed;
top: 60px;
height: 100%;
width: 100%;
right: 0;
transform: translate(150%, 0);
transition: all 0.75s ease;
padding-top: 24px;
padding-bottom: 200px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.menu_mobile .nav_menu_mobile.open {
transform: none;
overflow-y: scroll;
}
.menu_mobile .nav_menu_mobile .btn_auth_acc {
border-top: 1px solid rgba(137, 137, 137, 0.2196078431);
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
left: 0;
z-index: 1;
padding-bottom: 1rem;
}
.menu_mobile .nav_menu_mobile .btn_auth_acc a.btn_trans,
.menu_mobile .nav_menu_mobile .btn_auth_acc a.btn_primary {
width: 50%;
margin: 0 10px;
}
.menu_mobile .nav_menu_mobile .btn_trans:hover {
color: #fff;
}
.menu_mobile .list_menu_mobile {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(185, 185, 185, 0.29);
}
.menu_mobile .list_menu_mobile .accordion-button {
background: transparent !important;
color: var(--color-body);
padding: 3px 0 !important;
}
.menu_mobile .list_menu_mobile .accordion-body {
padding: 0 !important;
}
.menu_mobile .list_menu_mobile .accordion {
width: 100% !important;
}
.menu_mobile .list_menu_mobile .item_menu_sub_mobile {
font-weight: 400;
color: #000;
}
.menu_mobile .list_menu_mobile .accordion-button:not(.collapsed) {
box-shadow: none !important;
}
.menu_mobile .list_menu_mobile .accordion-item {
border: none !important;
padding: 4px 0;
background-color: transparent !important;
}
.menu_mobile .list_menu_mobile .item_menu_mobile {
font-weight: 600;
font-size: 16px;
color: #000;
}
.menu_mobile .btn_primary {
width: 100%;
}
.menu_mobile .nav__item+.nav__item {
margin-top: 15px;
}
.menu_mobile .nav__item i {
margin-left: 10px;
}
.menu_mobile .nav__link {
font-weight: 600;
color: #000;
text-decoration: none;
line-height: 2.5;
}
.menu_mobile .nav__sub {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: currentColor;
opacity: 0;
visibility: hidden;
transition: all 0.35s ease-in-out;
transform: translateX(100%);
background: var(--color-blue);
}
.menu_mobile .nav__sub.is-active {
opacity: 1;
visibility: visible;
transform: translateX(0%);
}
.menu_mobile .nav__sub .sub__close {
color: #fff;
}
.menu_mobile .nav__sub .sub__close i {
margin-left: 0;
margin-right: 10px;
}
.menu_mobile .logo img {
width: 100px;
}
@media (max-width: 1200px) {
.menu_mobile {
display: flex;
}
}
.animated-icon1 {
display: block;
margin-top: 0;
width: 30px;
height: 20px;
transform: rotate(0deg);
transition: all 0.5s ease;
cursor: pointer;
margin-left: 10px;
margin-top: 20px;
}
.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 8px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: all 0.5s ease;
background: var(--color-blue);
}
.animated-icon1 span:nth-child(1) {
top: -10px;
}
.animated-icon1 span:nth-child(2) {
top: 0;
}
.animated-icon1 span:nth-child(3) {
top: 10px;
}
.animated-icon1.open span:nth-child(1) {
top: 0;
transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -50px;
}
.animated-icon1.open span:nth-child(3) {
top: 0;
transform: rotate(-135deg);
}
.listProdSearch .blck_title {
font-size: 32px;
}
.listProdSearch .title_group {
font-size: 27px;
font-weight: 600;
}
.fileContent {
padding-top: 24px;
padding-bottom: 80px;
}
@media (min-width: 768px) and (max-width: 1056px) {
.fileContent .fileContentDetails {
flex-flow: column;
}
.fileContent .fileContentDetails .col-md-3 {
width: 100%;
margin-bottom: 24px;
}
.fileContent .fileContentDetails .col-md-9 {
width: 100%;
}
}
@media (max-width: 900px) {
.fileContent .fileContentDetails .fileTitle .right_filter {
width: 100%;
justify-content: flex-end;
align-items: center;
}
.fileContent .fileContentDetails .fileTitle .right_filter .btn_primary.clearData {
height: 41px;
}
}
.fileContent .router {
margin-bottom: 44px;
}
.fileContent .current {
margin-right: 10px;
}
.fileContent .dataTables_filter {
display: none;
}
.fileContent tbody {
font-weight: 400;
}
.fileContent tbody th {
font-weight: 400 !important;
}
.fileContent .dataTable {
border-collapse: collapse !important;
}
.fileContent tr:nth-child(odd)>* {
box-shadow: none !important;
}
.fileContent .--item.sorting {
font-weight: 700 !important;
}
.fileContent .--item.sorting::after {
display: none !important;
}
.fileContent .--item.sorting::before {
display: none !important;
}
.fileContent .dataTables_length label {
display: flex;
position: absolute;
right: 0;
bottom: -40px;
align-items: center;
gap: 10px;
z-index: 20;
}
.fileContent .dataTables_info {
display: none;
}
.fileContent th {
padding: 12px 8px;
border-bottom: none !important;
font-size: 13px;
vertical-align: top;
}
.fileContent tr {
border-bottom: 1px solid rgb(236, 236, 236);
font-size: 13px;
}
.fileContent .--btn {
position: relative;
}
.fileContent .--btn .popover {
display: none;
padding: 16px 24px 12px 24px;
content: "";
z-index: 99999;
position: absolute;
top: 62px;
left: -100px;
border-radius: 6px;
background: var(--color-white);
width: 300px;
border: none;
box-shadow: 0 4px 5px 0px rgba(22, 22, 22, 0.3);
}
.fileContent .--btn .popover::after {
content: "";
position: absolute;
height: 16px;
width: 16px;
top: -8px;
left: 120px;
background: var(--color-white);
transform: rotate(45deg);
}
.fileContent .--btn .--name {
font-weight: 600;
font-size: 16px;
border-bottom: 1px solid rgb(228, 228, 228);
padding-bottom: 12px;
}
.fileContent .--btn .--switches {
display: flex;
justify-content: space-between;
padding: 6px 0;
align-items: center;
}
@media (max-width: 900px) {
.fileContent .fileContentDetails .fileFilter {
flex-flow: column;
overflow: unset;
overflow-x: unset !important;
padding: 24px 0px;
}
.fileContent .fileContentDetails .fileFilter .col-md-4 {
width: 100%;
padding: 0;
margin-bottom: 14px;
}
.fileContent .fileContentDetails .fileFilter .--objectSupport {
margin-bottom: 5px;
}
.fileContent .dataTables_length select {
width: 50px;
}
.fileContent .--btn .popover_compalains {
left: -151px;
}
.fileContent .--btn .popover_compalains::after {
left: unset;
right: 40px;
}
}
.cardFile .fileForm {
padding: 16px 32px 32px 32px;
border-radius: 6px;
padding-bottom: 60px;
overflow: hidden;
}
.cardFile select[disabled] {
background: #fafafa;
}
.cardFile .nice-select.disabled {
background: #fafafa;
}
.cardFile .select2-container--disabled {
background: #fafafa;
pointer-events: none;
}
.fileTitle {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.fileTitle .--name {
font-weight: 700;
font-size: 20px;
}
@media (max-width: 900px) {
.fileTitle {
/* margin-top: 2rem; */
flex-flow: column;
}
.cardFile-contract .fileTitle {
/* margin-top: 2rem; */
flex-flow: row !important;
margin-bottom: 0px;
}
.fileTitle .--btn,
.fileTitle button {
margin: 15px 0;
}
}
.fileFilter {
display: flex;
padding: 24px 32px;
border-radius: 6px;
background: var(--color-white);
margin-bottom: 10px;
}
.fileFilter .--formInput {
/* padding: 0 12px; */
}
.fileFilter .--formInput .--objectSupport {
font-weight: 550;
}
.fileFilter .--formInput input {
height: 48px;
}
.fileFilter .--formInput:nth-child(2) .--objectSupport {
margin-bottom: 6px;
}
.fileFilter .--formInput:nth-child(2) .--item {
flex-flow: row;
}
.fileFilter .--formInput:nth-child(2) .--item input {
width: calc(50% - 3px);
}
.fileFilter .--formInput:nth-child(3) .nice-select {
width: 100% !important;
height: 48px;
}
@media (min-width: 851px) {
.fileFilter .col-md-3 {
width: 25% !important;
}
}
@media (max-width: 850px) {
.fileFilter {
overflow-x: scroll;
overflow-y: hidden;
}
}
#example_wrapper .row:nth-child(2) {
overflow-x: scroll;
}
#example_wrapper .row:nth-child(2)::-webkit-scrollbar {
height: 5px;
}
#example_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb {
background-color: #dedede;
}
.fileForm {
padding: 16px 32px 32px 32px;
border-radius: 6px;
background: var(--color-white);
overflow-x: scroll;
}
.fileForm .pagniation {
display: flex;
padding-top: 20px;
}
.fileForm .pagniation .page-link.active {
background: var(--color-blue) !important;
color: var(--color-white);
}
.fileForm .pagniation .--total {
display: flex;
gap: 10px;
align-items: center;
margin-left: auto;
}
.fileForm .pagniation .--total .--input {
width: 60px;
height: 36px;
position: relative;
}
.fileForm .pagniation .--total .--input::after {
position: absolute;
content: "";
height: 100%;
background: rgb(92, 92, 92);
width: 1px;
top: 0;
left: 40px;
}
.fileForm .pagniation .--total input {
width: 100%;
height: 100%;
border: 1px solid rgb(92, 92, 92);
border-radius: 5px;
}
.fileForm .pagniation .--total input:focus {
outline: none;
}
@media (max-width: 900px) {
#exampleModal,
#exampleModalComplain {
margin-top: 70px;
}
#exampleModal .complainInfo,
#exampleModalComplain .complainInfo {
display: flex;
flex-flow: column;
}
#exampleModal .modal-body,
#exampleModalComplain .modal-body {
padding: 24px 15px;
}
}
.jp-current {
background: var(--color-blue) !important;
color: var(--color-white) !important;
}
#spinner {
position: fixed;
inset: 0;
background: rgb(255 255 255 / 30%);
z-index: 9999;
display: none;
}
.spinnerCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.spinnerCenter .spinner-border {
width: 60px;
height: 60px;
color: var(--color-blue);
}
.view_cta {
position: fixed;
z-index: 1000;
right: 20px;
bottom: 100px;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border: 6px solid rgba(255, 255, 255, 0.48);
border-radius: 50%;
background: var(--color-blue);
color: var(--color-white);
}
.view_cta.active #open_cta {
display: none;
}
.view_cta.active #close_cta {
display: block;
}
.view_cta #open_cta {
display: block;
}
.view_cta #close_cta {
display: none;
}
.list_cta {
opacity: 0;
position: fixed;
z-index: 1000;
right: 20px;
bottom: 160px;
transform: translate(0, 100%);
transition: all 0.5s ease;
/* height: 0; */
/* overflow: hidden; */
width: 62px;
}
.list_cta.active {
opacity: 1;
transform: none;
}
.list_cta.active .cta {
position: relative;
width: 60px;
height: 60px;
}
.list_cta .cta {
margin-bottom: 10px;
width: 0;
height: 0;
border-radius: 50%;
border: 6px solid rgba(255, 255, 255, 0.48);
position: absolute;
transition: all 0.5s ease;
transform: translate(-50%, 0);
left: 50%;
}
.list_cta .cta:hover span {
opacity: 1;
}
.list_cta .cta span {
position: absolute;
opacity: 0;
transform: translate(0, -50%);
top: 50%;
right: calc(100% + 10px);
background: var(--color-blue);
border-radius: 100px;
padding: 10px 20px;
pointer-events: none;
transition: opacity 0.5s ease;
width: max-content;
}
.list_cta .cta a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
background: var(--color-blue);
color: #fff;
justify-content: center;
border-radius: 50%;
text-decoration: none;
cursor: pointer;
}
.list_cta .cta a:hover {
color: var(--color-white);
}
.list_cta .cta a i {
animation: phone 2s infinite ease-in-out;
}
.list_cta .cta a img {
animation: phone 2s infinite ease-in-out;
width: 100%;
height: 100%;
border-radius: 50%;
}
.--tooltipNoti {
width: 300px;
pointer-events: none;
position: absolute;
left: -100px;
top: 35px;
opacity: 0;
}
.--tooltipNoti .box_tootip {
display: flex;
flex-flow: column;
gap: 6px;
background: var(--color-white);
box-shadow: 0 2px 4px 4px rgba(0, 0, 0, 0.0705882353);
padding: 12px;
border-radius: 4px;
position: relative;
}
.--tooltipNoti .box_tootip::after {
content: "";
position: absolute;
height: 16px;
width: 16px;
top: -8px;
left: 100px;
background: var(--color-white);
transform: rotate(45deg);
border: 1px solid #dedede;
z-index: -99;
}
.--tooltipNoti .box_tootip .viewAll {
border-top: 1px solid var(--color-stroke);
width: 100%;
justify-content: center;
padding-top: 10px;
margin-top: 10px;
}
.--tooltipNoti .--item {
display: flex;
width: 100%;
gap: 6px;
color: #000;
}
.--tooltipNoti .--item:hover {
color: var(--color-blue);
}
.--tooltipNoti .--item article {
font-size: 12px;
color: var(--color-caption);
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.--tooltipNoti .--item .--icon {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #dedede;
display: flex;
flex: 0 0 auto;
background: var(--color-blue);
color: var(--color-white);
align-items: center;
justify-content: center;
margin-right: 10px;
margin-top: 3px;
}
.--tooltipNoti .--item .--icon i {
font-size: 11px;
color: var(--color-white);
}
.--tooltipNoti .--item .--title {
font-weight: 500;
}
.icon_chatbot {
position: fixed;
bottom: 60px;
right: 20px;
z-index: 1000;
cursor: pointer;
}
.icon_chatbot i {
font-size: 25px;
color: var(--color-blue);
background: var(--color-white);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
box-shadow: 0 1px 3px 3px rgba(45, 45, 45, 0.231372549);
}
.chatbot {
position: relative;
z-index: 100000;
position: fixed;
right: 20px;
bottom: 20px;
width: 360px;
display: none;
border-radius: 12px;
box-shadow: 0 4px 5px 0px rgba(22, 22, 22, 0.3);
}
.chatbot .chatbotHeader {
padding: 16px 20px;
border-radius: 12px 12px 0 0;
display: flex;
background: var(--color-blue);
gap: 16px;
position: relative;
}
.chatbot .chatbotHeader .close {
position: absolute;
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
right: -20px;
top: -20px;
background: var(--color-white);
border-radius: 50%;
border: 6px solid rgba(255, 255, 255, 0.48);
box-shadow: 0 4px 5px 0px rgba(22, 22, 22, 0.3);
}
.chatbot .chatbotHeader .close i {
font-size: 16px;
}
.chatbot .chatbotHeader .--icon {
width: 52px;
height: 52px;
display: flex;
flex: 0 0 auto;
background: var(--color-white);
border-radius: 50%;
padding: 10px;
}
.chatbot .chatbotHeader .--icon img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.chatbot .chatbotHeader .--name {
font-weight: 700;
font-size: 18px;
}
.chatbot .chatbotHeader .txt {
color: var(--color-white);
}
.chatbot .chatbotHeader .--status {
padding-left: 16px;
position: relative;
}
.chatbot .chatbotHeader .--status::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: greenyellow;
top: 8px;
left: 0;
border-radius: 50%;
}
.chatbot .chatbotContent {
padding: 24px 20px 50px 20px;
background: var(--color-white);
display: flex;
flex-flow: column;
gap: 16px;
height: 300px;
overflow: auto;
border-bottom: 1px solid rgb(238, 238, 238);
}
.chatbot .chatbotContent .name {
color: var(--color-caption);
font-size: 13px;
}
.chatbot .chatbotContent .answer {
background: var(--color-Bg);
padding: 10px 16px 10px 16px;
border-radius: 12px;
}
.chatbot .chatbotContent .--time {
display: flex;
justify-content: end;
font-size: 12px;
color: rgb(154, 154, 154);
}
.chatbot .chatbotContent .admin {
display: flex;
gap: 10px;
}
.chatbot .chatbotContent .admin .--icon {
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
flex: 0 0 auto;
background: var(--color-Bg);
padding: 10px;
}
.chatbot .chatbotContent .admin .--icon img {
width: 100%;
height: 100%;
}
.chatbot .chatbotContent .user {
background: var(--color-blue);
color: var(--color-white);
padding: 10px 16px;
border-radius: 12px;
max-width: 270px;
margin-left: auto;
}
.chatbot .chatbotFooter {
padding: 16px 20px;
display: flex;
justify-content: space-between;
border-radius: 0 0 12px 12px;
background: var(--color-white);
}
.chatbot .chatbotFooter input {
width: 100%;
border: none;
}
.chatbot .chatbotFooter input:focus {
outline: none;
}
.chatbot .chatbotFooter .btn_chat {
width: 44px;
height: 44px;
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
background: var(--color-blue);
border-radius: 50%;
}
.chatbot .chatbotFooter .btn_chat i {
color: var(--color-white);
}
tbody .--item .status {
border-radius: 20px;
width: max-content;
padding: 4px 16px;
font-size: 14px;
}
.badgeStatus .status.default,
tbody .--item .status.default {
background: #dedede;
color: var(--color-body);
}
.badgeStatus .status.purple,
tbody .--item .status.purple {
background: #E7F1FF;
color: #0A77FF;
}
.badgeStatus .status.blue,
tbody .--item .status.blue {
background: #EAF9EE;
color: #16B84D;
}
.badgeStatus .status.yellow,
tbody .--item .status.yellow {
background: #FCEDED;
color: #E34D4B;
}
.badgeStatus .status.orange,
tbody .--item .status.orange {
background: rgba(255, 111, 0, 0.08);
color: rgb(255, 111, 0);
}
.badgeStatus .status.green,
tbody .--item .status.green {
background: #16B84D;
color: #EAF9EE;
}
.badgeStatus .status.red,
tbody .--item .status.red {
background: #ED1C24;
color: #FDEAEA;
}
.badgeStatus .status.brown,
tbody .--item .status.brown {
background: #FFF9E6;
color: #D6A100;
}
.badgeStatus .status.gray,
tbody .--item .status.gray {
background: #DBDCDE;
color: #626771;
}
.dataTables_scrollBody::-webkit-scrollbar {
height: 5px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
background-color: #dedede;
}
.modal.fade.checkLogin .modal-body {
padding: 36px 40px;
border-radius: 6px;
background: var(--color-white);
border: 1px solid rgb(222, 226, 230);
position: relative;
}
.modal.fade.checkLogin .btn.btn-secondary.checkLogin {
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 10px;
right: 10px;
padding: 0;
}
.modal.fade.checkLogin .btn.btn-secondary.checkLogin i {
font-size: 10px;
}
.modal.fade.checkLogin .contentCheckLogin {
display: flex;
align-items: center;
flex-flow: column;
}
.modal.fade.checkLogin .contentCheckLogin .list_btn {
display: flex;
gap: 12px;
width: 100%;
}
.modal.fade.checkLogin .contentCheckLogin a {
width: 100%;
}
.modal.fade.checkLogin .contentCheckLogin .question {
font-weight: 600;
font-size: 20px;
margin-bottom: 8px;
}
.modal.fade.checkLogin .contentCheckLogin .name {
margin-bottom: 24px;
}
.img_scale {
overflow: hidden;
}
.img_scale img {
width: 100%;
}
.loading_page {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
z-index: 99999;
background: var(--color-blue);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.loading_page .loader-circle {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #ffffff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
animation: pulse 1.5s ease-in-out infinite;
}
.loading_page .loader-circle:before {
content: "";
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
border: 8px solid #7e3af2;
border-color: #7e3af2 transparent #7e3af2 transparent;
animation: loader 1.2s linear infinite;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes pulse {
0% {
transform: scale(0.8);
opacity: 0.5;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.8);
opacity: 0.5;
}
}
tfoot input {
width: 100%;
padding: 3px;
box-sizing: border-box;
}
.nav_switchmode {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav_language {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
}
.theme-switch-wrapper {
display: flex;
align-items: center;
}
.theme-switch-wrapper .theme-switch {
display: inline-block;
height: 28px;
position: relative;
width: 53px;
}
.theme-switch-wrapper .theme-switch input {
z-index: 99;
opacity: 0;
width: 53px;
height: 28px;
}
.theme-switch-wrapper .theme-switch .fa-sun {
color: rgb(139, 139, 139);
}
.theme-switch-wrapper .slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 7px;
}
.theme-switch-wrapper .slider::before {
background-color: #fff;
bottom: 4px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: 0.4s;
width: 20px;
}
.theme-switch-wrapper input:checked+.slider {
background-color: var(--color-blue);
}
.theme-switch-wrapper input:checked+.slider:before {
transform: translateX(26px);
}
.theme-switch-wrapper .slider.round {
border-radius: 34px;
}
.theme-switch-wrapper .slider.round:before {
border-radius: 50%;
}
@media (max-width: 767px) {
.theme-switch-wrapper {
justify-content: flex-end;
}
}
thead .table-filter {
height: 44px;
border: 1px solid rgb(242, 242, 242);
padding: 12px 16px;
border-radius: 8px;
}
thead .table-filter:focus {
outline: none;
}
thead input {
border: 1px solid rgb(242, 242, 242);
padding: 12px 16px;
border-radius: 8px;
}
thead input:focus {
outline: none;
}
thead .orderId {
flex-flow: column;
gap: 0;
align-items: start;
}
.flatpickr-current-month {
display: flex !important;
}
.flatpickr-footer {
display: flex;
width: 100%;
justify-content: space-between;
padding: 10px 16px;
}
.flatpickr-footer button {
background: transparent;
color: var(--color-blue);
}
#exampleModalAffSuccess .modal-content {
border-radius: 20px;
padding: 44px;
}
#exampleModalAffSuccess .modal-content .closeModalAffSuccess {
position: absolute;
top: -16px;
right: -16px;
background: var(--color-white);
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
}
#exampleModalAffSuccess .modal-content .closeModalAffSuccess:hover {
background: var(--color-blue);
}
#exampleModalAffSuccess .modal-content .closeModalAffSuccess:hover i {
color: var(--color-white);
}
#exampleModalAffSuccess .modal-content .closeModalAffSuccess i {
color: var(--color-blue);
font-size: 14px;
}
#exampleModalAffSuccess .modal-content .modal-body {
display: flex;
flex-flow: column;
align-items: center;
text-align: center;
gap: 24px;
}
#exampleModalAffSuccess .modal-content .modal-body .--formInput {
width: 100%;
}
#exampleModalAffSuccess .modal-content .modal-body .--formInput .--objectSupport {
color: var(--color-caption);
text-align: left;
}
#exampleModalAffSuccess .modal-content .modal-body .--formInput .--item {
position: relative;
}
#exampleModalAffSuccess .modal-content .modal-body .--formInput .iconCopyAff {
position: absolute;
right: 10px;
bottom: 15px;
}
#exampleModalAffSuccess .modal-content .modal-body .--formInput .iconCopyAff i {
color: var(--color-caption);
}
#exampleModalSubProduct .modal-content {
border-radius: 12px;
}
#exampleModalSubProduct .modal-content .modal-body {
padding: 44px;
}
#exampleModalSubProduct .modal-content .modal-body .name_prd {
font-weight: 600;
font-size: 28px;
margin-bottom: 12px;
text-align: center;
}
#exampleModalSubProduct .modal-content .modal-body .noti {
margin-bottom: 32px;
font-size: 12px;
text-align: center;
}
#exampleModalSubProduct .modal-content .modal-body .item_sub_product {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-stroke);
}
#exampleModalSubProduct .modal-content .modal-body .item_sub_product:last-child {
border-bottom: none;
}
#exampleModalSubProduct .modal-content .modal-body .item_sub_product .check_sub_prd {
width: 24px;
height: 24px;
}
#exampleModalSubProduct .modal-content .modal-body .item_sub_product .quanity {
width: 62px;
height: 36px;
padding: 4px 4px 4px 10px;
border-radius: 6px;
border: 1px solid rgb(238, 238, 238);
}
#exampleModalSubProduct .modal-content .modal-body .item_sub_product .quanity:focus {
outline: none;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product {
display: flex;
flex-flow: column;
gap: 12px;
overflow-y: auto;
max-height: 230px;
border-bottom: 1px solid var(--color-stroke);
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product::-webkit-scrollbar {
width: 5px;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product::-webkit-scrollbar-thumb {
background-color: #dedede;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product .form_check_prd {
display: flex;
align-items: center;
gap: 16px;
margin-right: 16px;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product .content_left {
display: flex;
gap: 16px;
align-items: center;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product .content_left .img_sub_prd {
border-radius: 9px;
width: 52px;
height: 52px;
border: 1px solid var(--color-stroke);
flex: 0 0 auto;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product .content_left .img_sub_prd img {
width: 100%;
height: 100%;
border-radius: 9px;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product .content_left .info_prd .name {
font-weight: 600;
font-size: 18px;
}
#exampleModalSubProduct .modal-content .modal-body .list_sub_product .content_left .info_prd .price span {
font-weight: 600;
}
#exampleModalSubProduct .modal-content .modal-body .priceTotal {
display: flex;
justify-content: space-between;
padding-top: 20px;
}
#exampleModalSubProduct .modal-content .modal-footer {
display: flex;
gap: 10px;
flex-flow: row;
box-shadow: 0 0 14px 0;
}
#exampleModalSubProduct .modal-content .modal-footer button {
width: calc(50% - 5px);
}
.dataTables_scrollBody::-webkit-scrollbar {
height: 15px;
}
.numInputWrapper {
display: flex !important;
align-items: center;
}
.flatpickr-monthDropdown-months {
font-size: 15px !important;
}
#modalExtendContract .modal-content {
background: var(--color-white);
border-radius: 12px;
padding-top: 44px;
}
#modalExtendContract .modal-content .title {
font-weight: 600;
font-size: 28px;
margin-bottom: 4px;
text-align: center;
}
#modalExtendContract .modal-content .noti {
margin-bottom: 32px;
text-align: center;
}
#modalExtendContract .modal-content .list_package {
padding: 0 44px;
max-height: 300px;
overflow: auto;
}
#modalExtendContract .modal-content .list_package .item_package {
padding: 10px 0;
display: flex;
align-items: center;
gap: 16px;
border-bottom: 1px solid var(--color-stroke);
}
#modalExtendContract .modal-content .list_package .item_package:last-child {
border-bottom: none;
}
#modalExtendContract .modal-content .list_package .item_package label {
font-size: 18px;
font-weight: 600;
}
#modalExtendContract .modal-content .list_package .item_package input {
width: 24px;
height: 24px;
box-shadow: none;
}
#modalExtendContract .modal-content .modal-footer {
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12);
display: flex;
gap: 10px;
flex-flow: row;
}
#modalExtendContract .modal-content .modal-footer button {
width: calc(50% - 5px);
}
#modalExtendContract .modal-content .modal-footer .btn_primary {
background: var(--color-blue) !important;
color: var(--color-white) !important;
}
#modalCancelContract .modal-content {
padding: 44px;
border-radius: 20px;
}
#modalCancelContract .modal-content .closeModalCancel {
position: absolute;
top: -16px;
right: -16px;
background: var(--color-white);
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
}
#modalCancelContract .modal-content .closeModalCancel:hover {
background: var(--color-blue);
}
#modalCancelContract .modal-content .closeModalCancel:hover i {
color: var(--color-white);
}
#modalCancelContract .modal-content .closeModalCancel i {
font-size: 14px;
}
#modalCancelContract .modal-content .logo {
text-align: center;
margin-bottom: 24px;
}
#modalCancelContract .modal-content .title {
text-align: center;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
#modalCancelContract .modal-content .noti {
font-size: 12px;
text-align: center;
}
#modalCancelContract .modal-content .modal-footer {
border-top: none;
display: flex;
gap: 10px;
flex-flow: row;
}
#modalCancelContract .modal-content .modal-footer button {
width: calc(50% - 5px);
}
#modalCancelContract .modal-content .modal-footer .btn_trans {
background: var(--color-red);
color: var(--color-white);
}
#modalCancelContract .modal-content .modal-footer .btn_trans::after {
background: rgba(220, 0, 0, 0.08);
}
#modalCancelContract .modal-content .modal-footer .btn_primary {
background: var(--color-Bg);
color: var(--color-body);
}
#modalDeletePrd .modal-content {
padding: 44px;
border-radius: 20px;
}
#modalDeletePrd .modal-content .closeModalCancel {
position: absolute;
top: -16px;
right: -16px;
background: var(--color-white);
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
}
#modalDeletePrd .modal-content .closeModalCancel:hover {
background: var(--color-blue);
}
#modalDeletePrd .modal-content .closeModalCancel:hover i {
color: var(--color-white);
}
#modalDeletePrd .modal-content .closeModalCancel i {
font-size: 14px;
}
#modalDeletePrd .modal-content .logo {
text-align: center;
margin-bottom: 24px;
}
#modalDeletePrd .modal-content .title {
text-align: center;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
#modalDeletePrd .modal-content .noti {
font-size: 12px;
text-align: center;
}
#modalDeletePrd .modal-content .modal-footer {
border-top: none;
display: flex;
gap: 10px;
flex-flow: row;
}
#modalDeletePrd .modal-content .modal-footer button {
width: calc(50% - 5px);
}
#modalDeletePrd .modal-content .modal-footer .btn_yes {
padding: 5px 24px;
font-weight: 600;
border-radius: 8px;
background: var(--color-red);
color: var(--color-white);
border: 1px solid var(--color-red);
}
#modalDeletePrd .modal-content .modal-footer .btn_yes:hover {
background: var(--color-white);
color: var(--color-red);
}
#modalDeletePrd .modal-content .modal-footer .btn_no {
padding: 5px 24px;
font-weight: 600;
border-radius: 8px;
background: var(--color-Bg);
color: var(--color-body);
border: 1px solid var(--color-Bg);
}
#modalDeletePrd .modal-content .modal-footer .btn_no:hover {
background: var(--color-white);
color: var(--color-body);
}
input[type="checkbox"] {
position: relative;
width: 16px;
height: 16px;
flex: 0 0 auto;
}
input[type="checkbox"]::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--color-dark-theme);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 4px;
pointer-events: none;
}
input[type="checkbox"]:checked::after {
opacity: 0;
}
.nice-select-search-box {
display: none;
}
.--formSelectSupport .nice-select .nice-select-search-box {
display: block;
width: 100%;
}
.--formSelectSupport .nice-select .nice-select-search-box input {
width: 100%;
background: transparent;
padding: 9px;
}
.overviewProd .connect_link .list_link a {
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: inline-block;
height: 20px;
white-space: nowrap;
}
.overviewProd .connect_link .list_link .info {
overflow: hidden;
flex-grow: 1;
display: flex;
flex-flow: column;
justify-content: center;
}
.nice-select {
transition: none !important;
}
.fancybox-button--zoom {
z-index: 1000 !important;
}
.pageProd .item_product {
padding: 8px;
display: flex;
flex-flow: column;
background: var(--color-white);
border-radius: 16px;
margin-bottom: 0;
height: 100%;
}
@media (max-width: 900px) {
.pageProd .item_product {
flex: 0 0 100%;
margin: 0;
margin-bottom: 12px;
}
.pageProd .item_product .image_prod img {
width: 100% !important;
}
}
.pageProd .item_product .image_prod {
border-radius: 20px 20px 0 0;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
width: 100%;
}
.pageProd .item_product .image_prod a {
width: 100%;
}
.pageProd .item_product .image_prod img {
aspect-ratio: 289/200;
height: 100%;
object-fit: cover;
border-radius: 10px 10px 0 0;
width: 100%;
}
.pageProd .item_product .content_prod {
height: 100%;
}
.pageProd .item_product .content_prod .top_content {
height: 100%;
display: flex;
justify-content: space-between;
flex-flow: column;
}
.pageProd .item_product .content_prod .title {
font-size: 16px;
}
.pageProd .item_product .content_prod .title .titleSearch {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
height: 46px;
}
.pageProd .item_product .info_rate {
margin-bottom: 0;
}
.pageProd .item_product .favourite {
top: unset;
bottom: -18px;
left: 12px;
border: 1px solid var(--color-stroke);
border-radius: 100px;
padding: 7px 14px;
display: flex;
gap: 8px;
align-items: center;
width: max-content;
background: var(--color-white);
}
.pageProd .item_product .favourite.loved_it {
background: rgb(255, 23, 68);
border: 1px solid rgba(255, 255, 255, 0.25);
}
.pageProd .item_product .favourite.loved_it i,
.pageProd .item_product .favourite.loved_it span {
color: var(--color-white);
}
.pageProd .item_product .favourite i {
color: var(--color-stroke);
}
.pageProd .item_product .favourite span {
font-weight: 700;
font-size: 12px;
color: var(--color-caption);
}
.pageProd .intro_endow {
margin-bottom: 24px;
display: flex;
}
.pageProd .img_endow {
flex-grow: 1;
height: 267.17px;
object-fit: cover;
border-radius: 16px;
margin-left: 8px;
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
}
.pageProd .single_solution {
display: flex;
flex: 0 0 100%;
}
.pageProd .single_solution .item_solution {
height: 100%;
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
}
.pageProd .listing_solution .slick-dots {
margin: 1rem 0;
}
.pageProd .listing_solution .slick-track {
margin: 0;
}
.pageProd .listing_solution .item_solution {
margin: 0 8px;
display: flex;
gap: 12px;
padding: 20px 16px;
border: 1px solid var(--color-blue);
border-radius: 16px;
width: 48%;
}
.pageProd .listing_solution .item_solution .cardSolution {
flex-grow: 1;
overflow: hidden;
}
.pageProd .listing_solution .item_solution .img_solution {
width: 160px;
height: 160px;
flex: 0 0 auto;
border-radius: 20px;
overflow: hidden;
}
.pageProd .listing_solution .item_solution .img_solution .hot_label {
display: none;
}
@media (max-width: 1050px) {
.pageProd .listing_solution .item_solution .img_solution {
width: 130px;
height: 130px;
}
}
.pageProd .listing_solution .item_solution .img_solution img {
width: 100%;
height: 100%;
}
.pageProd .listing_solution .item_solution .cardSolution .tag_solution {
padding: 6px 8px;
background: var(--color-blue);
font-size: 12px;
font-weight: 600;
border-radius: 25px;
color: var(--color-white);
width: max-content;
margin-bottom: 12px;
}
.pageProd .listing_solution .item_solution .cardSolution .name {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
height: 40px;
}
.pageProd .listing_solution .item_solution .cardSolution .name a {
color: #000;
}
.pageProd .listing_solution .item_solution .cardSolution .description {
font-size: 13px;
margin-bottom: 12px;
color: var(--color-caption);
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align: left;
}
@media (max-width: 767px) {
.pageProd .listing_solution .item_solution .cardSolution .description {
text-align: justify;
}
}
.pageProd .listing_solution .item_solution .cardSolution a {
text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1056px) {
.pageProd #listProduct .col-md-3 {
width: 35%;
}
.pageProd #listProduct #listProductFilter {
width: 65%;
}
.pageProd #listProduct #listProductFilter .listing_product .productLising {
width: 49.333%;
}
}
@media (max-width: 1056px) {
.pageProd .single_solution {
flex-flow: column;
}
.pageProd .single_solution .item_solution,
.pageProd .single_solution .img_endow {
width: 100%;
margin-bottom: 1rem;
}
.pageProd .cardSolution .name {
height: auto !important;
}
.priceProd .info_price .item_info_package {
margin-bottom: 24px;
}
}
@media (max-width: 767px) {
.pageProd .listing_solution .item_solution {
flex-flow: column;
padding: 0;
background: #fff;
border: none;
position: relative;
}
.featureProd .accordion-flush .accordion-collapse {
font-size: 14px;
}
.pageProd .listing_solution .item_solution .cardSolution {
padding: 20px 15px;
}
.pageProd .listing_solution .item_solution .cardSolution .tag_solution {
position: absolute;
top: 185px;
}
.pageProd .listing_solution .item_solution .btn_trans {
display: none;
}
.pageProd .listing_solution .item_solution .img_solution {
width: 100%;
position: relative;
border-radius: 20px 20px 0 0;
height: 200px;
gap: unset;
}
.pageProd .listing_solution .item_solution .img_solution .hot_label {
position: absolute;
top: 10px;
left: 10px;
display: block;
}
.pageProd .single_solution {
flex-flow: column-reverse;
}
.pageProd .single_solution .item_solution {
width: 100%;
margin: 1rem 0;
}
.pageProd .single_solution .img_endow {
margin-left: 0;
}
}
#pills-tabProd {
font-family: Manrope;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
padding: 4px;
border-radius: 8px;
background: var(--color-white);
width: max-content;
left: 50%;
position: relative;
transform: translate(-50%, 0);
}
#pills-tabProd li button {
border: none !important;
display: flex;
gap: 8px;
align-items: center;
}
.page_clear_data {
display: flex;
flex-flow: column;
align-items: center;
}
.page_clear_data .title_clear {
font-size: 18px;
font-weight: 600;
margin-bottom: 16px;
}
.page_clear_data .img_clear_data {
margin-bottom: 24px;
}
.page_clear_data .noti_clear {
width: 60%;
margin: 0 auto 0;
text-align: center;
line-height: 22px;
}
@media (max-width: 900px) {
.page_clear_data .noti_clear {
width: 90%;
}
.page_clear_data .title_clear {
text-align: center;
}
.page_clear_data .img_clear_data img {
margin: auto;
}
}
.newsBanner {
width: 100%;
height: 40vh;
border-radius: 12px;
overflow: hidden;
margin-bottom: 32px;
}
.newsBanner img {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.newsBanner {
height: 140px;
border-radius: 0;
}
}
.list_advant .slick-track {
display: flex;
}
.list_advant .slick-track .item_advant {
flex: 1;
}
.item_news article {
margin: 10px 0 !important;
}
@media (max-width: 767px) {
.cardFile .fileForm {
padding-bottom: 160px;
}
.cardFile .dataTables_length label {
right: 10px;
z-index: 999;
color: #000;
}
}
.collapse_cate {
display: flex;
align-items: center;
justify-content: space-between;
}
.collapse_cate[aria-expanded="true"] i {
transform: rotate(180deg) !important;
}
.footer_license {
justify-content: space-between;
}
.footer_license article {
opacity: 0.6;
font-size: 13px;
flex: 0 0 40%;
}
.footer_license a:hover {
opacity: 1;
}
.footer_license img {
width: 137px;
height: auto;
object-fit: contain;
}
@media (max-width: 767px) {
.footer_license {
flex-flow: column;
justify-content: flex-start;
}
.footer_license article {
flex: 0 0 100%;
margin-bottom: 1rem;
}
}
#listProduct .btn_control_fil {
display: none;
}
#listProduct .close {
display: none;
}
@media (max-width: 767px) {
#listProduct .btn_control_fil {
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
background: #000;
width: 100%;
padding: 10px;
border-top: 1px solid #ddd;
background: #fff;
}
#listProduct .btn_control_fil button {
margin: 0 7px;
}
#listProduct .btn_control_fil .btn_delete {
color: var(--color-red);
border: 1px solid var(--color-red);
border-radius: 6px;
background: rgba(220, 0, 0, 0.19);
}
#listProduct .btn_control_fil .btn_primary {
left: unset;
transform: none;
}
#listProduct .list_widget {
position: fixed;
width: 100%;
background: #fff;
z-index: 999;
left: 0;
padding: 50px 0px 20px 20px;
bottom: 0;
border-radius: 15px 15px 0 0;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3882352941);
transform: translate(0, 100%);
transition: transform 0.5s ease;
}
#listProduct .list_widget .box_widget {
height: 450px;
overflow-y: scroll;
}
#listProduct .list_widget .close {
position: absolute;
right: 5px;
top: 5px;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
#listProduct .list_widget .--title {
font-weight: bold;
font-size: 22px;
}
#listProduct .list_widget.active {
transform: none;
}
}
.package_mobile {
display: none !important;
}
@media (max-width: 431px) {
.package_mobile {
display: block !important;
}
.package_mobile .view_all {
background: transparent;
}
}
@media (max-width: 431px) {
.package_desktop {
display: none !important;
}
}
.package_mobile_modal .modal-header {
border: none;
}
.package_mobile_modal .icon_package {
margin-right: 8px;
}
.package_mobile_modal .item_info_package {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.section_order .btn_primary:hover span,
.section_order .btn_primary:hover i {
/* color: #000; */
}
.section_order .fileContent .--btn .popover {
top: 71px;
left: -170px;
}
.section_order .fileContent .--btn .popover::after {
right: 35px;
left: unset;
}
.modal .cardContact {
padding: 40px 30px 50px 30px !important;
border-radius: 3px;
background-color: var(--color-white);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.modal .cardContact {
width: 100%;
}
}
.modal .cardContact .contactForm {
margin-bottom: 40px;
}
.modal .cardContact .contactForm .--titleContactForm {
font-weight: 700;
font-size: 32px;
margin-bottom: 40px;
}
.modal .cardContact .contactForm .--form {
display: flex;
flex-flow: column;
gap: 8px;
}
.modal .cardContact .contactForm .--form input {
padding: 12px 16px;
border: 1px solid #dedede;
border-radius: 8px;
}
.modal .cardContact .contactForm .--form input:focus {
outline: none;
}
.modal .cardContact .contactForm .--form textarea {
padding: 12px 16px;
border: 1px solid #dedede;
border-radius: 8px;
min-height: 150px;
}
.modal .cardContact .contactForm .--form textarea:focus {
outline: none;
}
.modal .cardContact .contactForm .--form .nice-select .list {
width: 100%;
max-height: 250px;
overflow-y: scroll;
}
.modal .cardContact .contactForm .--form .nice-select .list::-webkit-scrollbar {
width: 7px;
}
.modal .cardContact .contactForm .--form .nice-select .list::-webkit-scrollbar-thumb {
background: var(--color-caption);
border-radius: 10px;
}
.modal .cardContact .btn_primary.disabled {
opacity: 0.5;
pointer-events: none;
}
@media (max-width: 767px) {
.modal .cardContact .contactForm {
margin-bottom: 20px;
}
.--formInput-1 {
width: 100%;
padding: 0px !important;
}
.fileFilter .--formInput {
padding: 0px !important;
}
.item_product .content_prod article {
font-size: 12px !important;
margin-top: 0px !important;
}
.item_product .content_prod {
padding: 10px 10px 16px 10px;
}
}
.modal .closeModalContact {
position: absolute;
top: -16px;
right: -16px;
background: var(--color-white);
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.modal .closeModalContact:hover {
background: var(--color-blue);
}
.modal .closeModalContact:hover i {
color: var(--color-white);
}
.modal .closeModalContact i {
color: var(--color-blue);
font-size: 14px;
}
.tabListNews .col-md-4 {
display: flex;
}
.tabListNews .col-md-4 .item_news {
flex: 1;
}
@media (max-width: 768px) {
.product-item-favourite {
width: calc(50% - 16px);
margin: 4px 8px;
}
}
@media (max-width: 520px) {
.chatbot-chat-icon {
bottom: 80px !important;
}
.view_cta {
bottom: 160px;
}
.list_cta {
bottom: 220px;
}
}