166 lines
3.3 KiB
CSS
166 lines
3.3 KiB
CSS
.img-avatar {
|
|
border: 2px solid #2DD0D0;
|
|
border-radius: 50%;
|
|
width: 35px;
|
|
height: 35px;
|
|
margin: auto 0 auto 5px;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
|
|
.btn-upload {
|
|
background-color: #B5F1F1;
|
|
color: #009EE2;
|
|
border-radius: 5px;
|
|
padding: 5px 8px;
|
|
transition: all ease .3s;
|
|
}
|
|
|
|
.btn-upload:hover {
|
|
background-color: #9bd3d3;
|
|
}
|
|
|
|
.btn-active {
|
|
background-color: #84cc16;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
padding: 5px 8px;
|
|
transition: all ease .3s;
|
|
}
|
|
|
|
.btn-deactive {
|
|
background-color: #ef4444;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
padding: 5px 8px;
|
|
transition: all ease .3s;
|
|
}
|
|
|
|
.table-rollcall .width1 {
|
|
width: 5% !important;
|
|
}
|
|
|
|
.table-rollcall .width2 {
|
|
width: 30% !important;
|
|
}
|
|
|
|
.table-rollcall .width3 {
|
|
width: 15% !important;
|
|
}
|
|
|
|
.table-rollcall .width4 {
|
|
width: 30% !important;
|
|
}
|
|
|
|
|
|
.table-rollcall .width5 {
|
|
width: 35% !important;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar {
|
|
background-color: #FFD4D4;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.deactive {
|
|
background-color: #cbd5e1;
|
|
}
|
|
|
|
.table-rollcall .Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
|
|
color: #0B5959;
|
|
}
|
|
|
|
.table-rollcall .Rtable .Rtable-row.no-avatar .Rtable-cell .Rtable-cell--content > span {
|
|
color: #ffffff;
|
|
background: rgba(255, 0, 0, 0.5);
|
|
}
|
|
|
|
.table-rollcall .Rtable .Rtable-row.deactive .Rtable-cell .Rtable-cell--content > span {
|
|
color: #ffffff;
|
|
background: rgba(47, 47, 47, 0.5);
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .width4 .Rtable-cell--content{
|
|
color: #C30707 !important;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .btn-upload {
|
|
background-color: #F1F2B6;
|
|
color: #727407;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .btn-upload:hover {
|
|
background-color: #dedfa8;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .img-avatar {
|
|
border: 2px solid #EA6C6C;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.deactive .img-avatar {
|
|
border: 2px solid #7C8187;
|
|
}
|
|
|
|
.table-rollcall-mobile .Rtable-cell--content:first-child span{
|
|
border-radius: 5px;
|
|
background: rgba(87, 227, 227, 0.25);
|
|
width: 40px;
|
|
height: 40px;
|
|
display: inline-block;
|
|
padding: 6px;
|
|
}
|
|
|
|
.btn-upload-mobile {
|
|
background-color: #009EE2;
|
|
color: #FFFFFF;
|
|
border-radius: 5px;
|
|
padding: 9px 8px;
|
|
font-weight: 500;
|
|
font-size: 10px;
|
|
transition: all ease .3s;
|
|
}
|
|
|
|
.btn-upload-mobile:hover {
|
|
background-color: #0188c2;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .table-rollcall-mobile .Rtable-cell--content:first-child span{
|
|
color: #ffffff;
|
|
background: rgba(255, 0, 0, 0.5);
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .btn-upload-mobile {
|
|
background-color: #F1F2B6;
|
|
color: #727407;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .btn-upload-mobile:hover {
|
|
background-color: #d2d39f;
|
|
}
|
|
|
|
.table-rollcall .Rtable-row.no-avatar .table-rollcall-mobile .content-mobile{
|
|
color: #C30707 !important;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.Rtable--collapse .Rtable-row {
|
|
outline: 1.8px solid #D6D6D6;
|
|
padding: 8px;
|
|
}
|
|
|
|
.img-avatar {
|
|
width: 45px;
|
|
height: 45px;
|
|
}
|
|
|
|
.title-mobile {
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
color: #0B5959;
|
|
}
|
|
|
|
.content-mobile {
|
|
font-weight: 400;
|
|
font-size: 11px;
|
|
color: #0B5959;
|
|
}
|
|
} |