Files
sisvietnamvn_01/sisvietnamvn_Trang chính thức hiện tại/Đăng nhập_Login_files/customer-style.css
T
2026-07-01 15:40:46 +07:00

420 lines
16 KiB
CSS

@media (min-width: 1400px){
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
max-width: 1500px!important;
}
}
.dropdown-user.lv-lang-box{
display:none;
}
.page-header.navbar .page-logo .logo-default, .brand-logo img {
max-height: 45px !important;
margin-top: 1px !important;
}
.top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
border-radius: 10px;
width: 20px;
}
.lv-notification-box .badge {
background-color: #FFD5D8;
color: #A85A5C;
border: 1px #EFDDDC solid;
}
.top-menu .link-chat, .classic-menu-dropdown.active, .header-menu .menu-nav > .menu-item:first-child {
display: none !important;
}
.active-sub {
background-color: #f5f5f9 !important;
}
.active-sub span {
color: #e7505a !important;
}
.input-icon-search {
display: unset;
right: 0px;
top: 6px;
cursor: pointer;
}
#kt_aside_menu{
padding-bottom: 50px;
overflow-y: auto!important;
}
.gutter-b{
margin-bottom: 9px;
}
.page-content {
margin-top: 55px;
}
@media (min-width: 992px){
.header-menu .menu-nav {
max-width: 700px;
}
}
.dashboard-stat .details .number{
font-size: 20px!important;
}
:root {
/*lacviet text color*/
/*lacviet button background, text color*/
/*lacviet button background hover, text color hover */
/*lacviet button background, text color third*/
/*lacviet border left search advance*/
/*lacviet bg button light*/
--primary-color-lv: #E74C3C;
--primary-button-color-lv: #5b5b5b;
--second-color-lv: #5b5b5b;
--third-color-lv: #C11200;
--border-color-lv: #8d8a8a;
--light-bg-lv: #E1F0FF;
/* --primary-color-lv: #B92A85;
--second-color-lv: #891B72;
--third-color-lv: #B31E8D;
--border-color-lv: #bd82a8;
--light-bg-lv: #f2f2f2;*/
}
.user-login-5 {
background: linear-gradient(#fff, #ccc)!important;
}
.goback a {
color: #696969 !important;
}
.login .mt-checkbox.mt-checkbox-outline>span{
border: 1px #696969 solid;
}
.rem-password .rememberme.font-white,
.user-login-5 .login-container > .login-content > h1,
.user-login-5 .login-container > .login-content p
{
color:#696969!important;
}
.table-scrollable .btn.btn-primary{
background-color: #337ab7!important;
border-color: #2e6da4!important;
}
/*module*/
.page-header.navbar .page-logo .logo-default, .contract-header #kt_brand img {
max-height: 45px !important;
height: 45px;
margin-top: 0px !important;
}
/*.have-chat .link-chat, .happy-brithday{
display: none;
}*/
.medium .modal-dialog .btn-success {
color: #fff !important;
}
#create-document-button.floating-button, .cd-stretchy-nav .stretchy-nav-bg, .login .btn.blue:not(.btn-outline),
.login .btn.blue, .login .btn.btn-success, .input-search-single .btn.green:not(.btn-outline)
{
background-color: var(--primary-color-lv) !important;
}
.login .btn.blue:not(.btn-outline),
.login .btn.blue, .login .btn.btn-success,
.user-login-5 .login-container > .login-content > .login-form .form-control,
.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line .nav-link.active, .nav.nav-tabs.nav-tabs-line .show > .nav-link
{
border-color: var(--primary-color-lv) !important;
}
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
.e-btn.e-info, .e-css.e-btn.e-info, .e-footer-content .e-btn.e-info, .e-upload .e-file-select-wrap .e-btn, .btn.blue:not(.btn-outline),
.add-menu, .edit-menu,
ul#navigation-left-filter-tree > li .title i,
#advanced-search-table-header th div,
.btn-success,
.lv-mainTop .pull-right > a,
.lv-mainTop .fa-ellipsis-v,
.lv-mainTop .pull-right > a, .lv-mainTop .pull-left > a, #downloadAllFiles,
#Schedules thead th {
background-color: var(--primary-button-color-lv) !important;
}
.fc-unthemed .fc-toolbar .fc-button.fc-button-active
{
background-color: var(--primary-button-color-lv) !important;
border-color: var(--primary-button-color-lv) !important;
}
.input-search-single .btn.green:not(.btn-outline){
border: 1px var(--primary-color-lv) solid !important;
}
.input-search-single .btn.green:not(.btn-outline) {
border-left: 1px var(--third-color-lv) solid !important;
}
.e-btn.e-info, .e-css.e-btn.e-info, .e-footer-content .e-btn.e-info, .e-upload .e-file-select-wrap .e-btn, .btn.blue:not(.btn-outline),
.add-menu, .edit-menu,
ul#navigation-left-filter-tree > li .title i,
.btn-success {
border-color: var(--primary-button-color-lv) !important;
}
.page-content-wrapper .e-btn.e-info:hover,
.page-content-wrapper .e-css.e-btn.e-info:hover,
.page-content-wrapper .e-footer-content .e-btn.e-info:hover,
.page-content-wrapper .e-upload .e-file-select-wrap .e-btn:hover .btn.blue:not(.btn-outline):hover,
.btn-success:hover,
.trinhky .e-btn.e-info:hover, .trinhky .e-css.e-btn.e-info:hover, .trinhky .e-footer-content .e-btn.e-info:hover,
.trinhky .e-upload .e-file-select-wrap .e-btn:hover .btn.blue:not(.btn-outline):hover,
.btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline):hover,
.fc-unthemed .fc-toolbar .fc-button.fc-button-active:hover {
background-color: var(--second-color-lv) !important;
border-color: var(--second-color-lv) !important;
}
.page-header.navbar .hor-menu .navbar-nav > li.active > a:hover {
background-color: var(--second-color-lv) !important;
}
.page-sidebar .page-sidebar-menu a.nav-toggle + .sub-menu > li > a:hover, .page-sidebar .page-sidebar-menu a.selected,
.page-sidebar .page-sidebar-menu .sub-menu > li > a.selected > i,
.page-sidebar .page-sidebar-menu a.nav-toggle + .sub-menu > li.selected > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a.delete-document, .dropdown-menu > li > a.delete-document i,
.lv-search #SearchMainDocumentIcon,
#MainDocumentDetailContent .document-title,
.todo-tasklist-item-text,
.btn.btn-light-primary, .title-private-folder,
.nav .nav-link:hover:not(.disabled)
{
color: var(--primary-color-lv) !important;
}
#document-form .lv-btn-se .step-user, #document-form .lv-btn-se .step-user:focus {
background-color: transparent !important;
}
.active-sub span, .header .header-menu .menu-nav > .menu-item > .menu-link.active-sub .menu-text, #content-meetings .text-muted,
#content-meetings .card-header-meeting .btn.btn-light {
color: var(--primary-color-lv) !important;
}
/*Feature*/
.have-chat .link-chat {
display: none;
}
.btn.btn-primary, .lv-res-lang .search-box .input-search-single .btn-search-text-single:hover
{
background-color: var(--primary-button-color-lv) !important;
border-color: var(--primary-button-color-lv) !important;
}
.scrolltop,
#kt_header_menu .menu-link.menu-toggle1,
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
.lv-res-lang .btn.green:not(.btn-outline), .search-box #searchStr + span > .btn-search,
.modal-content .split-container .portlet.light > .portlet-title,
.nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active ,
.sticky .btn.btn-danger,
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled),.btn.btn-primary:hover
{
background-color: var(--primary-color-lv) !important;
}
.sticky .btn.btn-danger,
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:hover{
border-color: var(--primary-color-lv) !important;
}
.btn.btn-light-primary, .card-header-meeting .btn.btn-light,
.card.card-custom.card-more > .card-header .card-title .card-label {
background-color: var(--light-bg-lv) !important;
}
.card.card-custom.card-more > .card-header .card-title .card-label:after {
border-left-color: var(--light-bg-lv) !important;
}
.page-header.navbar .hor-menu .navbar-nav > li.active > a:hover {
background-color: var(--third-color-lv) !important;
}
.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active,
.open > .btn.blue:not(.btn-outline).dropdown-toggle,
.content-user .btn-info,.btn-info,
.doc-group-title a.btn, .doc-group-title button.btn, .content-user .add-role {
background-color: var(--primary-button-color-lv) !important;
border-color: var(--primary-button-color-lv) !important;
}
.layout-menu #kt_aside_menu_wrapper, .layout-menu .aside-menu.menu-system, .layout-menu .aside-menu{
background-color: var(--primary-button-color-lv) !important;
}
.menu-system .jstree-node.jstree-open ul, .menu-system .jstree-node{
border-color: #818181;
}
.btn.blue:not(.btn-outline):hover,
#create-document-button.floating-button:hover,
.sticky .btn.btn-danger:hover,
.btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,
.btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text),
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text),
.content-user .btn-info:hover,.btn-info:hover,
.doc-group-title a.btn:hover, .content-user .add-role:hover,
.doc-group-title a.btn:focus, .content-user .add-role:focus,
.btn.btn-light-primary:hover,
.fc-unthemed .fc-toolbar .pull-right .fc-button:focus, .fc-unthemed .fc-toolbar .pull-right .fc-button:active, .fc-unthemed .fc-toolbar .pull-right .fc-button.fc-button-active
{
background-color: var(--primary-color-lv) !important;
border-color: var(--primary-color-lv) !important;
}
.btn.btn-default:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-default:focus:not(.btn-text), .btn.btn-default.focus:not(.btn-text),
.form-control-static.attachment:hover, .form-control-static.attachment:hover .fa,
#content-meetings table.scheduler-bg-table th,
#content-meetings table.resource-table th, #content-meetings table.scheduler-table th,
#content-meetings table.resource-table td, #content-meetings table.scheduler-bg-table td,
#content-meetings table.scheduler-table td,
#content-meetings .header3-text > div > div,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.card-more .card-header .nav .nav-link:hover, .card-more .card-header .nav .show > .nav-link i, .card-more .card-header .nav .nav-link:hover:not(.disabled) i{
color: var(--primary-color-lv) !important;
}
.btn.btn-light-primary:hover, .card-more .card-header .nav .nav-link.active:hover,
#content-meetings .card-header-meeting .btn.btn-light:hover,
.more-btn .btn, .more-btn .btn:focus, .more-btn .btn:active
{
color: #fff !important;
}
.doc-group-title{
color: var(--primary-button-color-lv)!important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
a.text-hover-primary:hover, .text-hover-primary:hover,
.header-fixed .top-menu .navbar-nav > li.dropdown .dropdown-menu li a:hover {
color: var(--third-color-lv) !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text,
.aside-left a.menu-link:hover .menu-icon i, .aside-left .menu-item-open .menu-icon i, .aside-left .menu-icon i, .span-total {
color: var(--primary-color-lv) !important;
}
/*.card-birthday, .card-birthday + div, .sp-my-task + div {
display: none;
}*/
.sp-my-task + div {
display: none;
}
.lv-contact-detail .font-blue, .navi .navi-item .navi-link:hover,
.navi .navi-item .navi-link:hover .navi-icon i,
.navi .navi-item .navi-link:hover .navi-text,
#content-workspace .detail-dl > a button i {
color: var(--third-color-lv) !important;
}
.btn.btn-outline-primary {
color: var(--primary-color-lv);
background-color: transparent;
border-color: var(--primary-color-lv);
}
.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-primary:focus:not(.btn-text), .btn.btn-hover-light-primary.focus:not(.btn-text) {
color: var(--primary-color-lv);
background-color: #fdf4fb;
border-color: var(--primary-color-lv);
}
.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-primary:focus:not(.btn-text) i, .btn.btn-hover-light-primary.focus:not(.btn-text) i, .btn.btn-light-primary i,
.nav .nav-link.active {
color: var(--primary-color-lv);
}
.card-more-all .card.card-custom.card-more > .card-header .card-title .card-label, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
color: var(--primary-color-lv) !important;
}
.lv-res-lang .btn.green:not(.btn-outline), #txt-um-keyword:focus, .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
border-color: var(--border-color-lv) !important;
}
.lv-res-lang .search-box .input-search-single .btn-search-text-single, .lv-res-lang .search-box #searchStr + span > .btn-search {
border-right-color: var(--third-color-lv) !important;
}
#MainCtrl h3.card-title, .tree_collapse_all i{
color: var(--primary-button-color-lv)!important;
}
.brand-logo img {
max-height: 38px;
}
#Schedules button.new, #Schedules .btn-success.btn-send-mail {
background-color: transparent !important;
}
.medical-event-title{
line-height: 18px;
max-height: 54px;
overflow: hidden;
}
/*message***/
.lv-box-message.e-dialog .e-dlg-header-content {
background-color: var(--primary-color-lv) !important;
}
.lv-box-message.e-dialog .e-dlg-header {
color: #fff !important;
}
.lv-box-message.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
color: #fff !important;
}
.lv-box-message .e-btn.e-flat.e-primary, .lv-box-message .e-css.e-btn.e-flat.e-primary {
color: var(--primary-color-lv) !important;
border-radius: 5px !important;
}
.lv-box-message .e-btn.e-flat.e-primary:focus, .lv-box-message .e-css.e-btn.e-flat.e-primary:focus {
background-color: #f2f2f2 !important;
}
.lv-box-message.e-dialog .e-btn.e-dlg-closeicon-btn:hover, .lv-box-message .e-dialog .e-btn.e-dlg-closeicon-btn:focus, .lv-box-message .e-dialog .e-btn.e-dlg-closeicon-btn:active {
background-color: transparent !important;
}
/*message*/
.card-messages .card-body .scroll-pull > div > div{
overflow:unset!important;
}
.card-messages .card-footer {
border-top: none;
}
.card-messages textarea {
overflow:hidden;
}
.card-messages .thumbs-container{
margin-top: 0px;
}
.card-messages div[class*="react-scroll-to-bottom-"] {
overflow-x: hidden;
}
.card-messages .align-items-start, .card-messages .align-items-end {
margin-left: 5px;
margin-right: 5px;
}
.card-messages .chat-message .message-text {
white-space: pre-wrap;
}
.card-messages .align-items-start .bg-light-success {
background-color: #F2F6F9 !important;
}
.card-messages .align-items-end .bg-light-success {
background-color: #DBF1FF !important;
}
.layout-task #hand-over-task,.layout-task #MainCtrl #kt_todo_list h3.card-title .dropdown{
display:none;
}
.layout-task .menuLeft .menu-icon i.fa-folder:before{
color: var(--color-i-menu) !important;
}
.layout-task .detail-tabs.nav-tabs.nav-tabs-line .nav-item{
margin-left: 0px;
}
.layout-task .nav.nav-tabs.nav-tabs-line .nav-item:first-child .nav-link {
margin-left: 10px;
margin-right: 5px;
}
.layout-task .nav.nav-tabs.nav-tabs-line .nav-item .nav-link {
margin-left: 5px;
}
/*ntvy*/
#open-support {
display: none;
}