.user-image {
margin: 0 6px 0 0;
border-radius: 50%;
height: 22px;
}
.bg-yellow-400.bg-yellow-200 {
background-color: #fefcbf !important;
}
.tooltip {
visibility: hidden;
position: absolute;
}
.has-tooltip:hover .tooltip {
visibility: visible;
z-index: 100;
}
button.bg-blue-7000 {
border: 1px solid #1a61cc !important;
background-color: #8edfff !important;
color: #1a61cc !important;
}
body .mHeader {
background-size: cover;
padding-top: 10px;
padding-bottom: 10px;
}
body .mHeader .navbar-brand {
font-size: 16px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}
body .mHeader .site_text {
margin-left: 15px;
font-size: 22px;
}
body .mHeader .site_text span {
display: block;
font-size: 18px;
line-height: 32px;
}
body .user-info-wrapper {
margin-left: auto;
}
#header__vuejx > li {
position: relative;
}
#header__vuejx > li > a,
.header__content ul li a {
color: #fff;
font-weight: 700;
}
#header__vuejx > li:hover > .vuejx_submenu {
pointer-events: auto;
opacity: 1;
transform: scale(1);
}
.vuejx_submenu {
position: fixed;
right: 0;
z-index: 4;
display: flex;
flex-direction: column;
width: 180px;
pointer-events: none;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 20px 60px 0 rgba(17, 41, 80, 0.08),
0 2px 8px 0 rgba(17, 41, 80, 0.08);
opacity: 0;
transition: all 0.2s ease;
transform: scale(0.9);
transform-origin: top center;
will-change: opacity, transform;
padding: 5px 0;
}
.vuejx_submenu a {
padding: 5px 10px;
border: 0;
}
.vuejx_submenu a:hover {
color: #1767df;
}
.header__content,
body .page-footer {
position: relative;
font-size: 14px;
width: 100%;
}
body .page-footer {
padding-top: 10px;
padding-bottom: 10px;
background: #1767df;
color: #fff;
background-size: cover;
}
body .page-footer .info-wrapper,
body .page-footer .sitename {
line-height: 20px;
}
.header__content {
display: flex;
align-items: center;
justify-content: space-between;
height: 42px;
letter-spacing: -0.075px;
margin-bottom: 0;
background-color: #fff;
box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14),
0 0 0 0 rgba(0, 0, 0, 0.12);
}
.header__content ul li {
display: inline-block;
position: relative;
}
.header__content ul li a {
display: block;
text-decoration: none;
margin: 0;
padding: 10px 15px;
text-transform: uppercase;
position: relative;
border: 3px solid transparent;
border-width: 3px 0;
}
.horizontal_header ul li:first-child a:before,
.horizontal_header ul li:hover a:before,
li.v-chip--active--vuejx a:before,
li.v-chip--active--vuejx + li a:before,
li:hover + li a:before {
display: none;
}
.header__content ul .v-chip--active--vuejx a,
.header__content ul li:hover a {
color: #fff;
background-color: #13b6f8;
}
.mdi {
font-size: 18px;
}
body .vuejx__header + div.hd__screen {
min-height: calc(100vh - 187px);
margin-bottom: 0.5rem;
}
.required__class {
color: red;
}
.subTitle-icon:before {
content: "";
position: absolute;
top: 0;
left: 100%;
width: 0;
height: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 10px solid #165cc5;
}
.top-content {
flex-wrap: wrap;
}
.top-content .content-title {
height: 31px;
padding: 0 30px 0 15px;
margin-left: -1em;
z-index: 5;
position: relative;
background-color: #50a2f5;
}
.top-content .content-title:after,
.top-content .content-title:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-bottom: 15px solid transparent;
}
.top-content .content-title:before {
left: 0;
top: 100%;
border-right: 5px solid #194b7e;
}
.top-content .content-title:after {
left: 100%;
top: 0;
border-top: 15px solid transparent;
border-left: 15px solid #50a2f5;
}
.toolbar-search header input {
padding-left: 25px !important;
height: 30px !important;
border-radius: 0 !important;
background-color: #f1f1f1 !important;
}
.searchAdvanced-content,
table tr {
width: 100%;
}
.vuejx__table table + header {
padding-left: 0.5rem;
border: 1px solid #e6e6e6 !important;
border-top: 0 !important;
}
.no-border,
.no-border table,
.no-border td {
border: 0;
}
.custom-secondary-lv button {
border-color: #e6e6e6;
}
.custom-secondary-lv button:not(.bg-white) {
background-color: #fff;
}
.custom-secondary-lv button:not(.bg-white) .bg-red-700 {
padding: 2px 4px;
border-radius: 0.25em;
margin: 0.5em 0.75em 0.5em -0.5em;
font-size: 13px;
}
.custom-secondary-lv button:not(.bg-white):not(:last-child) {
border-right: 1px solid #e2e8f0;
}
.custom-secondary-lv button:not(.bg-white).bg-blue-200 {
background-color: #bee3f8;
}
.custom-secondary-lv button:not(.bg-white):hover {
color: #4299e1;
background-color: #ebf8ff;
}
.custom-secondary-lv button.border-blue-700 {
border-color: transparent;
}
.custom-secondary-lv.add-lv button {
font-size: 11px;
}
.tooltip .tooltip-text {
visibility: hidden;
text-align: center;
padding: 6px 8px;
position: fixed;
z-index: 100;
background: #689f39;
color: #fff;
border-radius: 2px;
}
.tooltip:hover .tooltip-text {
visibility: visible;
}
es_em {
background: #fff59d !important;
padding: 2px 0;
}
body .upload___comp > span > span {
color: #f56565;
}
body .overflow-hidden.overflow-auto {
overflow: auto;
}
body .is-multiple .multiselect-search,
body .is-single .multiselect-search {
height: 33px;
}
body .fixed.absolute {
position: absolute !important;
bottom: 0;
}
.item {
position: relative;
}
.item:hover {
background: linear-gradient(180deg, #9cd200, #e5dc00);
}
.item.active,
.item.active .label,
.item:hover,
.item:hover .label {
color: #003797;
}
.item.active {
background: linear-gradient(180deg, #9cd200, #e5dc00);
}
.item.active:before {
content: "";
display: block !important;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 10px;
background-color: #e2db00;
border-radius: 0 0 20px 20px;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.label {
background: 0 0;
border: 0;
padding: 0 7px;
height: 35px;
transition: 0.3s;
cursor: pointer;
position: relative;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.07px;
line-height: 13px;
color: #fff;
}
.dropdown {
position: absolute;
right: 0;
top: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
opacity: 0;
visibility: hidden;
transition: 0.3s;
border-radius: 4px;
overflow: hidden;
padding: 6px;
background: #fff;
box-shadow: 0 10px 15px -3px #000 4px 6px -4px #000;
z-index: 9999;
}
.dropdown * {
white-space: nowrap;
}
.dropdown-child {
padding: 8px 10px;
border-radius: 5px;
cursor: pointer;
border: 0;
background: 0 0;
width: 100%;
text-align: left;
color: #003797;
font-weight: 700;
}
.dropdown-child:hover {
background: linear-gradient(180deg, #9cd200, #e5dc00);
}
.divider {
height: 1px;
width: 100%;
background: #ddd;
margin: 3px 0;
}
.top-bar {
background: #2f76f1;
height: 35px;
display: flex;
justify-content: space-between;
}
body .top-bar .item button.label i {
position: absolute;
}
body .top-bar .item button.label span {
margin-top: -10px;
line-height: 19px;
margin-left: 22px;
}
body #body___container {
background-color: #f7fafc;
}
.component-fade-enter-active,
.component-fade-leave-active {
transition: opacity 0.3s ease;
}
.component-fade-enter,
.component-fade-leave-to {
opacity: 0;
}
body .fade-enter-active {
-webkit-animation: coming 0.1s;
animation: coming 0.1s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
opacity: 0;
}
body .fade-leave-active {
-webkit-animation: going 0.02s;
animation: going 0.02s;
}
@-webkit-keyframes going {
0% {
transform: translateX(0);
}
to {
transform: translateX(-10px);
opacity: 0;
}
}
@keyframes going {
0% {
transform: translateX(0);
}
to {
transform: translateX(-10px);
opacity: 0;
}
}
@-webkit-keyframes coming {
0% {
transform: translateX(-10px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes coming {
0% {
transform: translateX(-10px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
body .loading___table {
line-height: 31px;
padding-left: 8px;
}
body .hd__screen .toolbar-search input.rounded,
body .hd__screen textarea,
body
.toolbar-search
.vuejx_combobox_selection
.is-multiple
.multiselect-search
input,
body
.toolbar-search
.vuejx_combobox_selection
.is-single
.multiselect-search
input,
body .toolbar-search .vuejx_combobox_selection > div.autocomplete {
border-radius: 6px !important;
min-height: 31px !important;
}
body .toolbar-search .vuejx_combobox_selection .is-multiple .multiselect-search,
body .toolbar-search .vuejx_combobox_selection .is-single .multiselect-search,
body .toolbar-search .vuejx_combobox_selection .multiselect,
body .toolbar-search .vuejx_combobox_selection .multiselect-single-label {
height: 31px !important;
min-height: 31px !important;
}
body .toolbar-search .multiselect-caret {
top: 16px !important;
}
body .vuejx__table td,
body .vuejx__table th {
padding: 10px;
}
body .custom-input input:-webkit-autofill,
body .custom-input input:-webkit-autofill:focus,
body .custom-input input:-webkit-autofill:hover {
border-width: 0 !important;
}
.min-h-full > div.hd__screen {
min-height: -moz-calc(100vh - 245px);
min-height: -webkit-calc(100vh - 245px);
min-height: -o-calc(100vh - 245px);
min-height: calc(100vh - 245px);
}
body .eform___vuejx {
margin: auto;
background: #fff;
}
body .v-application .eform___vuejx .subtitle-1 {
line-height: 1.25rem;
}
body .v-application .eform___vuejx p {
font-size: 14px;
padding: 0 2px;
margin-bottom: 6px;
}
body .v-application .eform___vuejx ol,
body .v-application .eform___vuejx ul {
font-size: 14px;
}
body .eform___vuejx .container.grid-list-md .layout .flex {
padding: 4px 4px 0;
}
body .eform___vuejx .v-subheader {
height: 22px;
}
body .eform___vuejx .v-input__slot {
margin-bottom: 0;
}
body .mHeader {
background: url(/security/file/vuejx_site/khcn_header.png) center center
no-repeat;
background-size: cover;
padding-top: 10px;
padding-bottom: 10px;
}
body .mHeader > div {
display: -webkit-box;
display: flex;
-webkit-align-items: center;
align-items: center;
}
body .navbar-brand {
display: -webkit-box;
display: flex;
-webkit-align-items: center;
align-items: center;
font-size: 16px;
color: #2b6cb0;
font-weight: 700;
text-transform: uppercase;
text-decoration: none !important;
}
body .navbar-brand img {
max-height: 42px;
}
body .site_text {
margin-left: 15px;
color: #fff;
font-size: 34px;
}
body .site_text span {
display: block;
font-size: 24px;
line-height: 32px;
color: #2153aa;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
body .back-home {
display: inline-block;
padding: 5px 10px;
border: 1px solid #fff;
color: #fff;
margin-left: 15px;
}
body .back-home:hover {
color: #2b6cb0;
background-color: #fff;
}
body .back-home i {
vertical-align: bottom;
}
body .user-info-wrapper {
margin-left: auto;
}
body .page-footer {
padding-top: 10px;
padding-bottom: 10px;
background: #2b6cb0;
color: #fff;
position: relative;
width: 100%;
font-size: 14px;
background-size: cover;
}
body .sitename {
color: #fff;
padding: 10px 0;
text-transform: uppercase;
font-weight: 700;
}
body .page-footer .owner {
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
}
body .header___menu___sub > div span {
color: #fff !important;
}
.header__content {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 42px;
font-size: 14px;
letter-spacing: -0.075px;
margin-bottom: 0;
background-color: #2b6cb0;
box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14),
0 0 0 0 rgba(0, 0, 0, 0.12);
width: 100%;
}
body .search-result-wrapper > div {
padding: 0;
}
body .search-result-wrapper .vuejx__chips_filter header *,
body .search-result-wrapper .vuejx__form_filter header * {
text-transform: uppercase;
}
.search-result-wrapper .vuejx__chips_filter > div:last-child,
.search-result-wrapper .vuejx__form_filter > div:last-child {
background-color: #fff;
border: 1px solid #cbd5e0;
border-top: 0;
}
.search-result-wrapper .vuejx__chips_filter > div:last-child > div:hover,
.search-result-wrapper .vuejx__form_filter > div:last-child > div:hover {
background-color: #fffaee;
}
body .search-result-wrapper {
border-top: 1px solid #2b6cb0;
border-left: 1px solid #ddd;
}
body .search-result-wrapper .top-title {
color: #fff;
background-color: #2b6cb0;
display: inline-block;
border-radius: 6px 6px 0 0;
padding: 0.6rem 1rem;
}
es_em {
background: #fff59d !important;
padding: 2px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.search-result-wrapper > div > div > div:first-child {
width: 35%;
}
.search-result-wrapper > div > div > div:last-child {
width: 65%;
}
.search-result-wrapper .grid-prod .prod-grid {
width: 50%;
}
}
@media screen and (max-width: 1023px) {
.table__simple {
display: none;
}
.table__simple.really_simple,
.table__simple:only-child {
display: table;
}
}
@media screen and (max-width: 767px) {
.table__simple .title-cell {
width: 140px;
}
table + header > .flex > button:last-child {
display: none;
}
}
.vuejx__chips_filter > header > .flex:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 35px solid #2b6cb0;
border-right: 35px solid transparent;
position: absolute;
top: 0;
left: 100%;
}
.vuejx__chips_filter > header > .flex {
background-color: #2b6cb0;
color: #fff !important;
height: 34px !important;
padding: 0 5px 0 8px;
position: relative;
}
.vuejx__chips_filter > header {
padding: 0 12px 0 0 !important;
border-bottom: 0;
border-right: 1px solid #cbd5e0;
height: 34px;
}
body .vuejx__header + div.hd__screen,
body .vuejx__header + div > .hd__screen {
min-height: calc(100vh - 155px) !important;
}
.hover\:bg-primary:hover {
background-color: #2f855a;
}
body .hd__screen > div,
body .hd__screen > nav {
max-width: 1330px !important;
}
.search-result-wrapper
.vuejx__chips_filter.vuejx___form_editor
> div:last-child
> div:hover,
.search-result-wrapper
.vuejx__form_filter.vuejx___form_editor
> div:last-child
> div:hover {
background-color: inherit !important;
}
.hidden-logo img {
display: none;
}
.highcharts-credits {
display: none;
}
body .vuejx_submenu {
z-index: 9999;
}
body .vuejx_submenu a {
color: #324b72 !important;
border: 0 !important;
}
body .vuejx_submenu a:hover {
color: #2f855a !important;
}
.fix-width-numnber .text-sm.w-full {
width: calc(100% - 4rem);
}
@media screen and (max-width: 767px) {
.table__simple td {
display: block;
width: 100% !important;
border: 0 !important;
}
body .page-footer {
background-position: center top 0;
}
.page-footer > div > img {
display: none;
}
.hidden-logo {
display: flex;
align-items: center;
line-height: 20px;
margin-bottom: 10px;
}
.hidden-logo img {
display: block;
}
}
.subTitle-icon:before {
content: "";
position: absolute;
top: 0;
left: 100%;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 14px solid transparent;
border-left: 15px solid #2b6cb0;
}
.min-h-screen {
min-height: 80vh;
}
.required__class {
color: red;
}
body .eform___vuejx {
margin: auto;
background: #fff;
}
body .v-application .eform___vuejx .subtitle-1 {
line-height: 1.25rem;
}
body .v-application .eform___vuejx p {
font-size: 14px;
padding: 0 2px;
margin-bottom: 6px;
}
body .v-application .eform___vuejx ol,
body .v-application .eform___vuejx ul {
font-size: 14px;
}
body .eform___vuejx .container.grid-list-md .layout .flex {
padding: 4px 4px 0;
}
body .eform___vuejx .v-subheader {
height: 22px;
}
body .eform___vuejx .v-input__slot {
margin-bottom: 0;
}
body .user-info-wrapper {
margin-left: auto;
}
body .back-home i {
vertical-align: bottom;
}
body .employee__table table {
min-width: unset !important;
}
body .v-application--wrap > div > div > main.v-content.mb-5 {
margin-bottom: 50px !important;
}
body .v-application--wrap .v-content__wrap .employee__table td,
body .v-application--wrap .v-content__wrap .employee__table th {
padding: 2px 10px !important;
}
body
.v-application--wrap
.v-content__wrap
.employee__table
.chart__table__preview.bieu__do__xe
td,
body
.v-application--wrap
.v-content__wrap
.employee__table
.chart__table__preview.bieu__do__xe
th {
padding: 2px 0 !important;
}
body .v-application--wrap .chart__table__preview es_em {
padding: 2px;
}
.top-content .content-title {
height: 31px;
padding: 0 30px 0 15px;
margin-left: -1em;
z-index: 5;
position: absolute;
}
.top-content .content-title:before {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 0;
height: 0;
border-bottom: 15px solid transparent;
border-right: 5px solid #043b75;
}
.top-content .content-title:after {
content: "";
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 15px solid #2b6cb0;
border-bottom: 15px solid transparent;
}
[type="checkbox"],
[type="radio"] {
margin: 6px 6px 6px 8px;
}
.flex [type="checkbox"],
.flex [type="radio"] {
margin: 0 6px 6px 8px;
}
.top-content.detail {
height: 31px;
}
.vuejx_submenu .v-chip--active--vuejx__sub i {
top: 8px !important;
}
body .table__tien_trinh tr.header_tien_trinh > th {
background: #e4fcff !important;
}
.toolbar-search .items-stretch.w-full input {
border-radius: 0;
}
#footer__vuejx br {
display: none;
}
.active {
opacity: 1 !important;
}
.left {
display: flex;
align-items: center;
height: 100%;
}
.left:focus-within .item:hover .dropdown {
opacity: 1;
visibility: visible;
}
body .search-result-wrapper .vuejx__chips_filter header *,
body .search-result-wrapper .vuejx__form_filter header * {
text-transform: uppercase;
color: #fff !important;
}
body .search-result-wrapper .vuejx__chips_filter header button:hover {
background-color: transparent;
}
body .search-result-wrapper .vuejx__chips_filter header i {
color: #02672d !important;
}
.top-content .content-title {
background-color: #2a6db0 !important;
}
.header__content ul .v-chip--active--vuejx a,
.header__content ul li:hover a {
color: #fff;
background-color: transparent !important;
font-weight: 700 !important;
margin-left: -8px !important;
}
body .mHeader {
background: #fff none;
}
body .mHeader .site_text {
color: #02672d;
font-size: 14px;
}
body .page-footer {
background-color: #02672d;
}
.header__content {
background-color: #02672d;
}
.number-wrapper {
border: 1px solid #02672d;
}
.border-green-custom {
border-color: #02672d;
}
.vuejx__chips_filter > header {
border-top: 1px solid #02672d;
}
.vuejx__chips_filter > header > .flex {
background-color: #02672d;
}
.vuejx__chips_filter > header > .flex::before {
border-top: 36px solid #02672d;
}
.top-content .content-title {
background-color: #02672d !important;
}
.top-content .content-title::before {
border-right: 5px solid #047510;
}
.top-content .content-title::after {
border-left: 15px solid #02672d;
}
#header__vuejx .vuejx_submenu {
position: absolute;
}
body .top-bar {
background: #02672d;
height: 42px;
display: flex;
justify-content: space-between;
}
body .vuejx__header > div.hd__screen {
background: #02672d;
}
body .top-bar .item .label,
body .top-bar .item.active,
body .top-bar .item.active .label,
body .top-bar .item:hover,
body .top-bar .item:hover .label {
color: #fff;
text-transform: uppercase;
font-size: 12px;
}
body .item:hover {
background: 0;
}
body .item.active {
background: 0;
}
body .label {
height: 42px;
}
body .item.active:before,
body .item:hover:before {
content: "";
display: block !important;
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
border-radius: 0;
bottom: -1px;
top: inherit;
box-shadow: none;
}
body .vuejx__chips_filter > header > .flex:before {
border-top: 34px solid #02672d;
border-right: 20px solid transparent;
}
body .vuejx__chips_filter.fix-width-numnber {
background: #f3f8ee;
}
body .hover\:text-blue-700:hover,
body .text-blue-700 {
color: #01662e;
}
body .border-blue-700,
body .hover\:border-blue-700:hover {
border-color: #01662e;
}
body .bg-blue-700,
body .hover\:bg-blue-700:hover {
background-color: #01662e;
}
body .hover\:bg-blue-700:hover,
body button.filter___timkiem:hover {
background-color: #01662ec7;
}
body .hover\:text-blue-500:hover {
color: #01662e;
}
body #body___container .hd__screen .toolbar-search input.rounded,
body
#body___container
.toolbar-search
.vuejx_combobox_selection
.is-multiple
.multiselect-search
input,
body
#body___container
.toolbar-search
.vuejx_combobox_selection
.is-single
.multiselect-search
input,
body
#body___container
.toolbar-search
.vuejx_combobox_selection
> div.autocomplete {
border-radius: 0 !important;
min-height: 30px !important;
height: 30px !important;
}
body .top-content .content-title {
height: 30px;
}
body .toolbar-search .items-stretch.w-full input,
body .toolbar-search button {
height: 30px;
line-height: 28px;
}
body .searchAdvanced-content .vuejx_combobox_selection .border-gray-200,
body .searchAdvanced-content input {
border-color: #cbd5e0;
background: #fff;
}
body #app .vuejx_combobox_selection > div:first-child > div:nth-child(3) {
padding-top: 5px !important;
}
body .search_wrapper {
margin-top: 0;
}
body .primary-nav {
width: 100% !important;
display: flex !important;
flex-wrap: wrap !important;
}
body .primary-nav > li:first-child {
margin-left: 0 !important;
}
body .primary-nav #header__vuejx {
margin-left: auto !important;
margin-right: 0 !important;
}
body .primary-nav #header__vuejx li {
margin: 0 !important;
}
body .header__content ul .v-chip--active--vuejx a,
body .header__content ul li:hover a {
margin-left: 0 !important;
}
body .mHeader {
background: #fff none;
}
body .mHeader .site_text {
color: #02672d;
font-size: 14px;
}
body .page-footer {
background-color: #02672d;
}
.header__content {
background-color: #02672d;
}
.number-wrapper {
border: 1px solid #02672d;
}
.bg-green-custom,
.hover\:bg-green-custom:hover {
background-color: #02672d;
}
.hover\:text-green-custom:hover,
.text-green-custom {
color: #02672d;
}
.border-green-custom {
border-color: #02672d;
}
body .text-blue-700 {
color: #02662e;
}
.vuejx__chips_filter > header > .flex::before {
border-top: 35px solid #02672d;
}
.top-content .content-title {
background-color: #02672d !important;
line-height: 22px;
}
.top-content .content-title::before {
border-right: 5px solid #047510;
}
.top-content .content-title::after {
border-left: 15px solid #02672d;
}
body .search-result-wrapper td,
body .search-result-wrapper th {
vertical-align: initial;
}
body .hd__screen.search-result-wrapper {
border-top: 0;
border-left: 0;
padding-top: 4px;
}
body .bg-blue-700 {
background-color: #02662e;
color: #fff !important;
}
body .border-blue-700 {
color: #02662e;
border-color: #02662e;
}
body button.hover\:bg-blue-700:hover,
body button.hover\:text-blue-700:hover {
background: #02662e66;
color: #000 !important;
border-radius: 4px;
}
body .search-result-wrapper .vuejx__chips_filter > div:last-child > div:hover,
body .search-result-wrapper .vuejx__form_filter > div:last-child > div:hover {
color: #02662e;
}
.top-content + div button.border-blue-700,
body .top-content + div button.hover\:bg-blue-700:hover,
body .top-content + div button.hover\:text-blue-700:hover {
border-radius: 0;
}
body .search-result-wrapper .vuejx__chips_filter header a,
body .search-result-wrapper .vuejx__chips_filter header a i {
color: #333 !important;
margin-top: 7px !important;
}
body .btn__pagging {
padding-bottom: 10px !important;
}
body .btn__pagging_info {
padding-bottom: 2px !important;
padding-left: 4px;
}
body .search-result-wrapper table th {
background-color: #fff !important;
}
body table {
border-spacing: 0 !important;
}
body table > thead > tr > th {
border-right: 1px solid #e6e6e6 !important;
border-top: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
line-height: 22px;
}
body table > tbody > tr > td {
line-height: 22px;
padding: 8px !important;
}
body .mirror__form table {
border-left: 1px solid #e6e6e6;
}
body .mirror__form table > tbody > tr > td {
border-left: 1px !important;
border-bottom: 1px solid #e6e6e6;
}
body .mirror__form .vuejx__table table + header {
border-top: 0 !important;
}
body .search-result-wrapper .vuejx__table td:first-child,
body .search-result-wrapper .vuejx__table th:first-child {
border-left: 1px solid #e6e6e6 !important;
}
body .vuejx_combobox_selection .multiselect {
width: 100%;
padding: 0 !important;
position: relative;
}
.multiselect {
position: relative;
margin: 0 auto;
font-size: 0;
}
.multiselect > * {
font-size: medium;
}
.multiselect.is-searchable {
cursor: auto;
}
.multiselect-input {
z-index: 1;
width: 100%;
display: flex;
position: relative;
outline: 0;
}
.multiselect-caret {
position: absolute;
right: 18px;
top: 18px;
color: #999;
border-color: #202225 transparent transparent;
border-style: solid;
border-width: 5px 5px 0;
content: "";
transform: translateY(-50%);
transition: transform 0.3s;
}
.is-disabled .multiselect-input {
background: #f9f9f9;
}
.is-open .multiselect-input {
border-radius: 3px 3px 0 0;
}
.is-open .multiselect-caret {
transform: translateY(-50%) rotate(180deg);
}
.multiselect-multiple-label,
.multiselect-placeholder {
display: flex;
align-items: center;
height: 100%;
padding-left: 14px;
position: absolute;
left: 0;
top: 0;
pointer-events: none;
background: 0 0;
font-size: 13px;
color: #4a5568;
}
.multiselect-single-label {
display: flex;
align-items: center;
height: 100%;
padding-left: 0.5rem;
position: absolute;
left: 0;
top: 0;
pointer-events: none;
background: 0 0;
font-size: 14px;
color: #4a5568;
}
.multiselect-placeholder {
color: #a1b0c0;
font-size: 14px;
}
.is-multiple .multiselect-search,
.is-single .multiselect-search {
display: flex;
height: 100%;
width: 100%;
background: 0 0;
}
.is-multiple .multiselect-search input,
.is-single .multiselect-search input {
width: 100%;
border: 0;
padding: 8px 35px 8px 14px;
outline: 0;
background: 0 0;
font-size: 16px;
font-family: inherit;
}
.is-multiple.no-caret .multiselect-search input,
.is-single.no-caret .multiselect-search input {
padding: 8px 14px;
}
.is-tags .multiselect-search {
flex-grow: 1;
}
.is-tags .multiselect-search input {
outline: 0;
border: 0;
flex-grow: 1;
min-width: 100%;
font-size: 16px;
font-family: inherit;
background: 0 0;
}
.multiselect-clear {
z-index: 100;
position: absolute;
right: 0;
background: #edf2f6 !important;
border-radius: 8px;
top: 50%;
width: 33px;
height: 33px;
background: 0 0;
transform: translateY(-50%);
}
.multiselect-clear:after,
.multiselect-clear:before {
position: absolute;
top: 11px;
left: 16px;
content: " ";
height: 11px;
width: 2px;
background-color: #202225;
}
.multiselect-clear:before {
transform: rotate(45deg);
}
.multiselect-clear:after {
transform: rotate(-45deg);
}
.multiselect-clear:hover:after,
.multiselect-clear:hover:before {
background-color: #555;
}
.multiselect-tags {
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: flex-start;
padding-left: 4px;
flex-wrap: wrap;
padding-right: 36px;
min-height: 34px;
}
.no-caret .multiselect-tags {
padding-right: 9px;
}
.multiselect-tag {
background: #41b883;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 0 0 0 8px;
border-radius: 3px;
margin-right: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
cursor: text;
white-space: nowrap;
}
.multiselect-tag i {
cursor: pointer;
}
.multiselect-tag i:before {
content: "x";
color: #266d4d;
font-size: 14px;
font-weight: 700;
padding: 1px 5px;
margin-left: 3px;
display: flex;
font-style: normal;
}
.multiselect-tag i:hover:before {
color: #fff;
background: hsla(0, 0%, 100%, 0.2);
}
.is-disabled .multiselect-tag {
background: #a0a0a0;
padding: 1px 8px;
}
.multiselect-fake-input {
background: 0 0;
width: 100%;
height: 1px;
border: 0;
padding: 0;
font-size: 0;
margin-top: -1px;
outline: 0;
}
.multiselect-fake-input:active,
.multiselect-fake-input:focus {
outline: 0;
}
.multiselect-options {
position: absolute;
left: 0;
right: 0;
border: 1px solid #edf2f6;
margin-top: 4px;
max-height: 160px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 1000;
background: #fff;
display: flex;
flex-direction: column;
border-radius: 4px;
font-size: 14px;
}
.open-top .multiselect-options {
transform: translateY(-100%);
top: 2px;
flex-direction: column-reverse;
}
.multiselect-option {
display: flex;
min-height: 32px;
padding: 9px 12px;
box-sizing: border-box;
color: #333;
text-decoration: none;
align-items: center;
justify-content: flex-start;
text-align: left;
cursor: pointer;
border-bottom: 1px dashed #00000036;
}
.multiselect-option:last-child {
border-bottom: none !important;
}
.multiselect-option.is-pointed {
background: #9accff6e;
}
.multiselect-option.is-disabled {
background: #f9f9f9;
color: #a6a6a6;
cursor: not-allowed;
}
.multiselect-option.is-selected {
background: #9accff6e;
color: #333;
font-weight: 700;
}
.multiselect-option.is-selected.is-pointed {
background: #9accff6e;
}
.is-multiple .multiselect-option.is-selected,
.is-tags .multiselect-option.is-selected {
color: #9accff6e;
background: 0 0;
}
.is-multiple .multiselect-option.is-selected.is-pointed,
.is-tags .multiselect-option.is-selected.is-pointed {
background: #f1f1f1;
}
.multiselect-no-options,
.multiselect-no-results {
display: flex;
padding: 10px 12px;
color: #777;
}
.multiselect-spinner {
position: absolute;
right: 17px;
top: -1px;
width: 16px;
height: 16px;
background: 0 0;
display: block;
transform: translateY(50%);
}
.multiselect-spinner:after,
.multiselect-spinner:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
border-radius: 100%;
border: 2px solid transparent;
border-top-color: #155dc5;
box-shadow: 0 0 0 1px transparent;
}
.is-disabled .multiselect-spinner {
background: #f9f9f9;
}
.is-disabled .multiselect-spinner:after,
.is-disabled .multiselect-spinner:before {
border-color: #999 transparent transparent;
}
.multiselect-spinner:before {
-webkit-animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.multiselect-spinner:after {
-webkit-animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.multiselect-enter-active {
transition: all 0.15s ease;
}
.multiselect-leave-active {
transition: all 0;
}
.multiselect-enter,
.multiselect-leave-active {
opacity: 0;
}
.multiselect-loading-enter-active,
.multiselect-loading-leave-active {
transition: opacity 0.4s ease-in-out;
opacity: 1;
}
.multiselect-loading-enter,
.multiselect-loading-leave-active {
opacity: 0;
}
@-webkit-keyframes spinning {
0% {
transform: rotate(0);
}
to {
transform: rotate(2turn);
}
}
@keyframes spinning {
0% {
transform: rotate(0);
}
to {
transform: rotate(2turn);
}
}
.multiselect-tag.is-user {
padding: 3px 6px;
border-radius: 4px;
background: #fff;
margin: 3px;
color: #333;
font-weight: 400;
font-size: 13px;
}
.multiselect-tag.is-user img {
width: 18px;
border-radius: 50%;
height: 18px;
margin-right: 8px;
border: 2px solid #ffffffbf;
}
.multiselect-tag.is-user i:before {
color: #333;
border-radius: 50%;
}
body .is-multiple .multiselect-search,
body .is-single .multiselect-search {
height: 33px;
}
.vuejx_combobox_selection > div > div:first-child span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
line-height: 17px !important;
white-space: nowrap;
padding-right: 0 !important;
margin-top: -1px;
}
body .sitename {
background-color: unset !important;
}
body .hd__screen .search_wrapper {
background: url(/images/csdl-moi-truong-banner.jpg) center top no-repeat;
background-size: cover;
position: relative;
height: 160px !important;
max-width: unset !important;
padding-bottom: 42px !important;
margin-bottom: 20px;
}
body .mirror__form table tr:last-child td {
border-bottom: 0;
}
div.multiselect-options .multiselect-option:last-child {
border-bottom: 0 !important;
}
.n-loading-bar-container .n-loading-bar.n-loading-bar--starting {
background: #2f76f1 !important;
}
body .mirror__form .flex.flex-wrap.cms_form > div {
padding: 8px;
}
body #body___container .search-result-wrapper .table_khcn table tbody tr {
border-right: 0 #ddd !important;
}
body .vuejx__chips_filter .bg-white > div:last-child {
border-bottom: 0;
}
body .main-content .head span {
padding: 0.35rem 1.5rem 0.5rem 1.3rem;
height: 32px;
display: flex;
}
div::-webkit-scrollbar,
section::-webkit-scrollbar {
display: none;
}
div,
section {
-ms-overflow-style: none;
scrollbar-width: none;
}
body table.table-auto td.border {
border-bottom: 0;
border-left: 0;
}
body table.table-auto {
border-bottom: 1px solid #e2e8f0;
border-left: 1px solid #e2e8f0;
}
.hd__screen_nav > div {
max-width: 1330px !important;
margin: 0 auto;
padding: 0;
}
.vuejx__table > table > thead > tr > th {
background-color: #f9f9f9 !important;
cursor: default;
}
.header___aggs {
max-width: 190px;
}
.table___view_mode_simple th:last-child {
border-right: 0 !important;
}
.table___view__heading {
padding: 6px 8px 4px;
}
body .table___view_mode td {
border: none !important;
border-bottom: 1px solid #cbd5e0 !important;
border-right: 1px solid #cbd5e0 !important;
}
body .table___view_mode td:last-child {
border-right: 0 !important;
}
.filter___timkiem {
line-height: 30px !important;
}
.guest__table.border.border-gray-300 {
border-color: #cbd5e0;
}
.guest__table > .top-content .qlt_timkiem .toolbar-search button {
line-height: 34px !important;
display: contents;
}
body table tr:nth-child(even) {
background-color: #f9f9f9;
}
body .bg-white > table > tbody:not(.flex) > tr > td:first-child {
border-left: 1px solid #cbd5e0;
}
body .bg-white > table > tbody:not(.flex) > tr > td {
border-right: 1px solid #cbd5e0;
border-top: 1px solid #cbd5e0;
}
.vuejx__chips_filter div.autocomplete.bg-gray-200 {
background-color: #ff000000;
}
.content-title.relative {
position: relative !important;
}
.top-content.flex > div.uppercase.font-bold {
display: flex;
}
body .vuejx__table > table > tbody:not(.border-b) td {
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
body .vuejx__table > table.border-b td {
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
body table > tbody > tr:last-child > td {
border-bottom: 0 !important;
}
.top-content.flex > div.uppercase.font-bold > i {
margin-bottom: 1px;
}
.table___screen___info th {
padding: 8px;
}
.table___screen___info td {
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
body .action___buttons > button {
border-radius: 4px !important;
}
.vuejx_combobox_selection .multiselect-options,
.top-bar .item:hover > button + .dropdown {
box-shadow: 0 25px 50px -12px #000;
}
.vuejx_combobox_selection .multiselect-options span {
min-height: inherit;
overflow: unset !important;
text-overflow: inherit !important;
white-space: unset !important;
}
body .multiselect-input {
overflow: hidden;
white-space: nowrap;
}
body .mdi-calendar-clock.pt-2 {
padding-top: 6px;
}
body .border-gray-900 {
border-color: #02662e;
}
body .border-gray-600 {
border-color: #718096;
}
.vuejx_date_selection i.mdi-close {
padding-top: 6px;
}
.header___btn_menu.text-green-800 {
border-color: #276749;
border-right: 1px solid;
}
.tooltip_chart {
font-size: 8px;
height: 10px;
}
td:hover .tooltip_chart {
font-size: 18px;
position: absolute;
background: #000000a1;
height: 50px;
padding: 4px 6px;
border-radius: 3px;
color: #fff;
margin-top: -45px;
text-align: left;
z-index: 1;
}
td:hover .tooltip_text {
font-size: 14px;
font-weight: 700;
float: right;
}
.tooltip_text_info {
float: left;
}
.tooltip_text {
font-size: 10px;
}
body .trang_chu .toolbar-search button {
line-height: 16px !important;
text-align: left;
padding-left: 22px;
}
table tr.border-b.border-t.border-r.border-l:not(:last-child) {
border-bottom: 0;
}
.header___btn_menu {
display: inherit;
line-height: 16px;
padding: 4px 8px;
}
.dashboard nav.dn___role + div.hd__screen .top-bar > .left:first-child .item {
display: none;
}
.dashboard
nav.dn___role
+ div.hd__screen
.top-bar
> .left:first-child
.item.active,
.dashboard
nav.dn___role
+ div.hd__screen
.top-bar
> .left:first-child
.item:first-child {
display: block;
}
.vuejx__chips_filter .bg-white > div > div {
padding-top: 2px;
padding-left: 4px;
}
.top-bar .mdi-account-circle {
filter: invert(0);
}
.top-bar .mdi-account-circle,
.login-footer .mdi-email-outline,
.login-footer .mdi-phone-in-talk,
.login-footer .mdi-map-marker {
filter: invert(0);
position: absolute;
left: 0;
}
.login-footer > p.mt-1 {
text-indent: 24px;
position: relative;
}
.mdi {
filter: invert(0.8);
}
footer .mdi {
filter: invert(0);
}
body .top-bar .mdi {
filter: invert(0);
}
body .main-content .head span .mdi-backburger {
filter: invert(0);
position: absolute;
left: 4px;
top: 6px;
}
body .hd__screen > div:first-child {
padding: initial;
padding-top: 2px;
}
.vuejx__table.table___aggs > table > thead > tr > th {
border-right: 0 !important;
border-left: 1px solid #e6e6e6;
}
.vuejx__table.table___aggs > table > thead > tr > th:first-child {
border-left: 0 !important;
}
.vuejx__table.table___aggs > table > tbody > tr > td {
border-right: 0 !important;
border-left: 1px solid #e6e6e6;
}
.vuejx__table.table___aggs > table > tbody > tr > td:first-child {
border-left: 0 !important;
}
#table__to__export.chart_table th.scroll_col {
width: 30px !important;
border-right: 0 !important;
border-left: 1px solid #e6e6e6;
}
#table__to__export.chart_table th:first-child,
#table__to__export.chart_table td:first-child {
position: sticky;
left: 0;
width: 100px !important;
background-color: #fff;
}
#table__to__export.chart_table th:last-child,
#table__to__export.chart_table td:last-child {
position: sticky;
right: 0;
width: 60px !important;
background-color: #fff;
}
#table__to__export.chart_table th:nth-last-of-type(2),
#table__to__export.chart_table td:nth-last-of-type(2) {
position: sticky;
right: 60px;
width: 60px !important;
background-color: #fff;
}
#table__to__export.chart_table td:nth-last-of-type(1),
#table__to__export.chart_table td:nth-last-of-type(2),
#table__to__export.chart_table th:nth-last-of-type(2) {
border-left: 1px solid #e6e6e6;
}
#table__to__export.chart_table td:nth-child(2) {
border-left: 1px solid #e6e6e6;
}
#table__to__export.chart_table td {
font-size: 0.75rem;
}
.tooltip_chart_ext {
display: none;
}
td:hover .tooltip_chart .tooltip_chart_ext {
display: block;
}
.mdi.text-red-700 {
filter: brightness(50%) sepia(100) saturate(100) hue-rotate(25deg);
}
.mdi-save::before {
content: url('data:image/svg+xml;utf8,');
}
.mdi-delete::before,
.mdi-close::before {
content: url('data:image/svg+xml;utf8,');
}
.mdi-download::before {
content: url('data:image/svg+xml;utf8,');
}
.mdi-file::before {
content: url('data:image/svg+xml;utf8,