674 lines
13 KiB
CSS
674 lines
13 KiB
CSS
.widthRightCurrentDay {
|
|
flex: 0 0 auto;
|
|
width: 75%;
|
|
}
|
|
|
|
.widthLeftCurrentDay {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell {
|
|
padding: 6px;
|
|
}
|
|
|
|
.Rtable .Rtable-row {
|
|
padding: 0;
|
|
}
|
|
|
|
.rollcall-list.Rtable .Rtable-row .Rtable-cell {
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.Rtable .Rtable-row:nth-child(even) {
|
|
background-color: #ddf4f4;
|
|
border: 1px solid #eee;
|
|
}
|
|
|
|
.Rtable .Rtable-row.existTimeRollCall {
|
|
background-color: #9EE2E2;
|
|
}
|
|
|
|
.Rtable .Rtable-row.garyHolidy {
|
|
background-color: #bdbdbd;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > .table-number {
|
|
border-radius: 5px;
|
|
background: rgba(87, 227, 227, 0.25);
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0;
|
|
|
|
}
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content {
|
|
font-size: 12px;
|
|
font-weight:700;
|
|
color: #000000;
|
|
white-space: nowrap;
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content div {
|
|
z-index:5;
|
|
}
|
|
|
|
.table-rollcall .width1 {
|
|
width: 5% !important;
|
|
}
|
|
|
|
.table-rollcall .width2 {
|
|
width: 20% !important;
|
|
}
|
|
|
|
.table-rollcall .width3 {
|
|
width: 10% !important;
|
|
}
|
|
|
|
.table-rollcall .width4 {
|
|
width: 4% !important;
|
|
}
|
|
.rollcall-list.Rtable .Rtable-row .Rtable-cell.width4 .Rtable-cell--content {
|
|
/*justify-content: end;*/
|
|
padding: 0 15px 0 0;
|
|
}
|
|
|
|
|
|
.table-rollcall .width5 {
|
|
width: 5% !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-rollcall .width6 {
|
|
width: 5% !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-rollcall .width7 {
|
|
width: 4% !important;
|
|
}
|
|
|
|
.rollcall-list.Rtable .Rtable-row .Rtable-cell.width7 .Rtable-cell--content {
|
|
/*justify-content: start;*/
|
|
padding: 0 0 0 15px;
|
|
}
|
|
|
|
.table-rollcall .width8 {
|
|
width: 8% !important;
|
|
}
|
|
|
|
.table-rollcall .width9 {
|
|
width: 6% !important;
|
|
}
|
|
|
|
.table-rollcall .width4.bg-filter,
|
|
.table-rollcall .width7.bg-filter,
|
|
.table-rollcall .width8.bg-filter {
|
|
top: 0;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
/*padding: 0 35px 0 0;*/
|
|
}
|
|
|
|
.table-rollcall-absent .width1 {
|
|
width: 15% !important;
|
|
}
|
|
|
|
.table-rollcall-absent .width2 {
|
|
width: 56% !important;
|
|
}
|
|
|
|
.table-rollcall-absent .width3 {
|
|
width: 24% !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width1 {
|
|
width: 10% !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width2 {
|
|
width: 50% !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width3 {
|
|
width: 20% !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width4 {
|
|
width: 20% !important;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.width3 {
|
|
text-align: center;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.width1 .Rtable-cell--content,
|
|
.Rtable .Rtable-row .Rtable-cell.width2 .Rtable-cell--content {
|
|
font-size: 12px;
|
|
color: #000000;
|
|
white-space: nowrap;
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: right;
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
.table-rollcall .column-heading.width4:before,
|
|
.table-rollcall .column-heading.width5:before,
|
|
.table-rollcall .column-heading.width6:before,
|
|
.table-rollcall .column-heading.width7:before,
|
|
.table-rollcall .column-heading.width8:before {
|
|
content: "";
|
|
position: relative;
|
|
z-index: 4;
|
|
}
|
|
|
|
/*.table-rollcall .Rtable-cell.width4:nth-child(n+1):before {
|
|
border-top-right-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
}
|
|
.table-rollcall .Rtable-cell.width5:nth-child(n+1):before {
|
|
border-top-left-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
}*/
|
|
|
|
.Rtable-row.firstRadius .width4:before {
|
|
border-radius: 0 10px 0 0;
|
|
}
|
|
|
|
.Rtable-row.lastRadius .width4:before {
|
|
border-radius: 0 0 10px 0;
|
|
}
|
|
|
|
.Rtable-row.radius .width4:before {
|
|
border-radius: 0 10px 10px 0 !important;
|
|
}
|
|
|
|
.Rtable-row.firstRadius .width7:before {
|
|
border-radius: 10px 0 0 0;
|
|
}
|
|
|
|
.Rtable-row.lastRadius .width7:before {
|
|
border-radius: 0 0 0 10px;
|
|
}
|
|
|
|
.Rtable-row.radius .width7:before {
|
|
border-radius: 10px 0 0 10px !important;
|
|
}
|
|
|
|
.Rtable-row.firstRadius .width8:before {
|
|
border-radius: 10px 10px 0 0;
|
|
}
|
|
|
|
.Rtable-row.lastRadius .width8:before {
|
|
border-radius: 0 0 10px 10px;
|
|
}
|
|
|
|
.Rtable-row.radius .width8:before {
|
|
border-radius: 10px !important;
|
|
}
|
|
|
|
.table-rollcall .width4:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0%;
|
|
width: 85%;
|
|
height: 100%;
|
|
/*background-color: #aeeaeab8;*/
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
|
|
.table-rollcall .width5:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0%;
|
|
width: 98%;
|
|
height: 100%;
|
|
border-radius: 0 0 0 0;
|
|
/*background-color: #aeeaeab8;*/
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.table-rollcall .width6:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0%;
|
|
width: 98%;
|
|
height: 100%;
|
|
border-radius: 0 0 0 0;
|
|
/*background-color: #aeeaeab8;*/
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.table-rollcall .width7:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0%;
|
|
width: 85%;
|
|
height: 100%;
|
|
/*background-color: #aeeaeab8;*/
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.table-rollcall .width8:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 33px;
|
|
width: 58%;
|
|
height: 100%;
|
|
/*background-color: #aeeaeab8;*/
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
.elay {
|
|
color: #797979;
|
|
font-size: 10px;
|
|
}
|
|
|
|
|
|
|
|
.Rtable .Rtable-row.absenceHeadColor,
|
|
.Rtable .Rtable-row.leaveHeadColor {
|
|
margin: 0 auto;
|
|
border-radius: 0 0 10px 10px;
|
|
border: 0;
|
|
}
|
|
|
|
/* RollCall - Absence */
|
|
.absenceHeadColorTop {
|
|
background: #DD6363 !important;
|
|
color: #ffffff;
|
|
width: 100%;
|
|
padding: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.absenceHeadColor {
|
|
background: #F87171 !important;
|
|
}
|
|
|
|
.Rtable .Rtable-row.absenceItem {
|
|
background-color: #FEE2E2;
|
|
color: #000000;
|
|
}
|
|
|
|
.Rtable .Rtable-row.absenceItem .Rtable-cell .Rtable-cell--content > .table-number {
|
|
background-color: #FCA5A5;
|
|
color: #020202;
|
|
}
|
|
|
|
.Rtable .Rtable-row.absenceItem .Rtable-cell .Rtable-cell--content {
|
|
color: #000000;
|
|
}
|
|
|
|
.Rtable .Rtable-row.absenceItem:hover {
|
|
background-color: #FBDBDB;
|
|
}
|
|
|
|
|
|
|
|
/* RollCall - Leave */
|
|
.leaveHeadColorTop {
|
|
background: #FCD34D !important;
|
|
color: #ffffff;
|
|
width: 100%;
|
|
padding: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.leaveHeadColor {
|
|
background: #FBDE82 !important;
|
|
}
|
|
|
|
.Rtable .Rtable-row.leaveItem {
|
|
background-color: #FEF3C7;
|
|
color: #000000;
|
|
}
|
|
|
|
.Rtable .Rtable-row.leaveItem .Rtable-cell .Rtable-cell--content {
|
|
color: #000000;
|
|
}
|
|
|
|
|
|
.Rtable .Rtable-row.leaveItem .Rtable-cell .Rtable-cell--content > .table-number {
|
|
background-color: #FCD34D;
|
|
color: #020202;
|
|
}
|
|
|
|
.Rtable .Rtable-row.leaveItem:hover {
|
|
background-color: #FFEEB9;
|
|
}
|
|
|
|
|
|
|
|
.btnsRollCallOnlline {
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
}
|
|
|
|
.btnRollCallStatus {
|
|
border-radius: 6px;
|
|
padding: 5px 6px;
|
|
width: 100%;
|
|
margin: auto 3px;
|
|
color: #ffffff;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.btnRollCallStatus:nth-child(1){
|
|
background-color: #9AD9D9;
|
|
}
|
|
.btnRollCallStatus:nth-child(2){
|
|
background-color: #FBBF24;
|
|
}
|
|
.btnRollCallStatus:nth-child(3){
|
|
background-color: #F87171;
|
|
}
|
|
.btnRollCallStatus.active {
|
|
border:2px solid #48B8B8;
|
|
}
|
|
|
|
|
|
.heightRightCurrentDay {
|
|
height: 779px;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.heightLeftCurrentDay {
|
|
height: 303px;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
|
|
@media (max-width: 1366px) {
|
|
.widthRightCurrentDay {
|
|
width: 70%;
|
|
}
|
|
|
|
.widthLeftCurrentDay {
|
|
width: 30%;
|
|
}
|
|
|
|
.heightRightCurrentDay {
|
|
height: 500px;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.heightLeftCurrentDay {
|
|
height: 160px;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.table-rollcall .width8::before {
|
|
left: 20px;
|
|
}
|
|
|
|
.table-rollcall .width2 {
|
|
width: 14% !important;
|
|
}
|
|
|
|
.table-rollcall .width4 {
|
|
width: 8% !important;
|
|
}
|
|
|
|
.table-rollcall .width7 {
|
|
width: 8% !important;
|
|
}
|
|
|
|
.table-rollcall * {
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
.table-rollcall-absent * {
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
.table-rollcall-leave * {
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width1 {
|
|
width: 15% !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width2 {
|
|
width: 35% !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width3 {
|
|
width: 25% !important;
|
|
}
|
|
|
|
.table-rollcall-leave .width4 {
|
|
width: 25% !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.Rtable--collapse .Rtable-row {
|
|
outline: 1.8px solid #D6D6D6;
|
|
padding: 8px;
|
|
}
|
|
|
|
.title-mobile {
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
color: #0B5959;
|
|
}
|
|
|
|
.content-mobile {
|
|
font-weight: 400;
|
|
font-size: 10px;
|
|
color: #0B5959;
|
|
}
|
|
|
|
.Rtable--collapse .Rtable-row {
|
|
padding: 0;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell {
|
|
/*flex-grow: unset;*/
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.width2 {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Rtable .Rtable-row .Rtable-cell {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.table-rollcall .width1 {
|
|
width: 3% !important;
|
|
}
|
|
|
|
.table-rollcall .width2 {
|
|
width: 40% !important;
|
|
overflow: hidden
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.width2 .Rtable-cell--content {
|
|
font-size: 11px;
|
|
color: #0B5959;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.table-rollcall .width3 {
|
|
width: 15% !important;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.width3 {
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.width3 .Rtable-cell--content {
|
|
justify-content: center;
|
|
font-size: 10px;
|
|
color: #0B5959;
|
|
}
|
|
|
|
.table-rollcall .width6 {
|
|
width: 15% !important;
|
|
text-align: end !important;
|
|
}
|
|
|
|
.btn-rollcall-more {
|
|
background: #B6F2E1;
|
|
border: 0.2px solid #0596691c;
|
|
border-radius: 6px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
color: #059669;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
padding: 6px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.v-line {
|
|
height: 100%;
|
|
width: 1px;
|
|
border-right: 1px dashed #CACACA;
|
|
}
|
|
|
|
.rollcall-list-mobile .Rtable-cell--heading {
|
|
color: #0B5959;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
margin: 2px auto 10px;
|
|
}
|
|
|
|
.rollcall-list-mobile.Rtable .Rtable-row .Rtable-cell {
|
|
width: auto;
|
|
}
|
|
|
|
.rollcall-list-mobile .Rtable-cell--content {
|
|
color: #0B5959;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
margin: 2px auto;
|
|
}
|
|
|
|
.operations-btns.rollcall-operations-mobile {
|
|
background: #F5F5F5 !important;
|
|
}
|
|
|
|
|
|
|
|
.table-rollcall .column-heading.width4:before,
|
|
.table-rollcall .column-heading.width5:before,
|
|
.table-rollcall .column-heading.width6:before,
|
|
.table-rollcall .column-heading.width7:before,
|
|
.table-rollcall .column-heading.width8:before {
|
|
display:none;
|
|
}
|
|
|
|
.table-rollcall .width4:before,
|
|
.table-rollcall .width5:before,
|
|
.table-rollcall .width6:before,
|
|
.table-rollcall .width7:before,
|
|
.table-rollcall .width8:before {
|
|
display: none;
|
|
}
|
|
} |