193 lines
3.5 KiB
CSS
193 lines
3.5 KiB
CSS
.btn-color{
|
|
color: #fff !important;
|
|
}
|
|
|
|
.profile-image-pic{
|
|
height: 200px;
|
|
width: 200px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.cardbody-color{
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
.login_title {
|
|
font-size: 2rem;
|
|
font-family: system-ui;
|
|
font-weight: 800;
|
|
color: #ffbc21 !important;
|
|
background-color: #000;
|
|
padding: 0.5rem;
|
|
border-radius: 3rem;
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
/* backend */
|
|
.backend_container {
|
|
z-index: 1;
|
|
position: relative;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.backend_container .header {
|
|
width: 80%;
|
|
margin: auto;
|
|
text-align: center;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.backend_container .header .item {
|
|
background-color: #961f3b;
|
|
color: #fff;
|
|
padding: 0.5rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 1px 1px 8px #000000;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.backend_container .header .item .inside_item {
|
|
border: 0.01rem solid #fff;
|
|
border-radius: 0.5rem;
|
|
padding: 0.1rem;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: #ffffff;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.backend_container .header .item .inside_item.active {
|
|
border: 0.01rem solid #fff;
|
|
border-radius: 0.5rem;
|
|
padding: 0.1rem;
|
|
background-color: #fff;
|
|
color: #961f3b;
|
|
}
|
|
|
|
.background-image {
|
|
position: absolute;
|
|
z-index: 0;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.content .item {
|
|
padding: 1rem;
|
|
background-color: #fff;
|
|
border-radius: 0.3rem;
|
|
border: 0.01rem solid #cfcfcf;
|
|
margin: 0.3rem;
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
/* .content .item.active {
|
|
background-color: #d0d0d0;
|
|
}
|
|
|
|
.content .item.active input[name="ma_so_nhan_giai"], .content .item.active input[name="ten_nguoi_nhan_giai"] {
|
|
background-color: #c0c0c0;
|
|
text-align: center;
|
|
color: #fff;
|
|
} */
|
|
|
|
.content .item input {
|
|
margin-bottom: 0.3rem;
|
|
padding: 0.1rem 0.5rem;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.content .item button {
|
|
width: 100%;
|
|
color: #961f3b;
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
padding: 0.3rem;
|
|
}
|
|
|
|
.content .title {
|
|
font-size: 1.2rem;
|
|
background-color: #961f3b;
|
|
padding: 0.3rem 1rem;
|
|
color: #fff;
|
|
border-radius: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.form-check-input {
|
|
padding: 0.5rem !important;
|
|
}
|
|
|
|
.form-check-input:checked {
|
|
background-color: #961f3b !important;
|
|
border-color: #961f3b !important;
|
|
}
|
|
|
|
.group_inside_item {
|
|
padding: 0.3rem;
|
|
border: 0.01rem solid #d7d7d7;
|
|
width: 98% !important;
|
|
margin: auto;
|
|
border-radius: 0.3rem;
|
|
margin-top: 1rem !important;
|
|
}
|
|
|
|
.group_inside_item .group_title {
|
|
background-color: #f7f7f7;
|
|
border-radius: 1rem;
|
|
color: #626262;
|
|
font-size: 1rem;
|
|
padding: 0.1rem 0.3rem 0.2rem;
|
|
position: absolute;
|
|
margin-top: -1.2rem;
|
|
}
|
|
|
|
/* phân trang */
|
|
nav[role="navigation"] {
|
|
text-align: center;
|
|
}
|
|
|
|
/* nav[role="navigation"] .pagination {
|
|
width: fit-content;
|
|
margin: auto;
|
|
}
|
|
|
|
nav[role="navigation"] .page-item .page-link {
|
|
color: #7e0000;
|
|
}
|
|
|
|
nav[role="navigation"] .page-item.active .page-link {
|
|
background-color: #7e0000;
|
|
border-color: #7e0000;
|
|
color: #fff;
|
|
} */
|
|
|
|
nav[role="navigation"] a {
|
|
text-decoration: none;
|
|
color: #ffbc21;
|
|
}
|
|
|
|
span[aria-current="page"] .cursor-default {
|
|
background-color: #ffbc21 !important;
|
|
color: #fff;
|
|
}
|
|
|
|
nav[role="navigation"] img, svg {
|
|
vertical-align: middle;
|
|
width: 3rem;
|
|
}
|
|
|
|
nav[role='navigation'] > div > div span[aria-disabled="true"]{
|
|
display: none;
|
|
}
|
|
|
|
nav[role='navigation'] .flex-1 {
|
|
display: none;
|
|
}
|
|
|
|
/* .backend_container nav[role="navigation"] {
|
|
text-align: center;
|
|
} */
|