221 lines
3.5 KiB
CSS
221 lines
3.5 KiB
CSS
.group-task-section {
|
|
/* display: grid;
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
gap: 10px;*/
|
|
}
|
|
|
|
.group-task-section .card-group {
|
|
/*grid-column: span 4 / span 5;*/
|
|
|
|
/* grid-column: span 4 / span 4;
|
|
row-gap: 10px;*/
|
|
}
|
|
|
|
.group-task-section .card-group1 {
|
|
/*grid-column: span 8 / span 8;
|
|
row-gap: 10px;*/
|
|
}
|
|
|
|
#loadAccountItems {
|
|
height: 710px;
|
|
}
|
|
|
|
.row-index {
|
|
background: #A7EAEA;
|
|
color: #716969;
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 5px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.title-group {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
color: #353232;
|
|
}
|
|
|
|
|
|
.group-task-section .card-group .title {
|
|
width: 120px;
|
|
}
|
|
|
|
.group-task-section .card-group .title h3 {
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.group-task-section .card-group .btn-delete {
|
|
background-color: #F8E0E0;
|
|
}
|
|
|
|
.group-task-section .card-group p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.group-task-section .list-personnel {
|
|
grid-column: span 8 / span 7;
|
|
}
|
|
|
|
.btnPosition {
|
|
outline: 1px solid #93e9e9;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.active {
|
|
outline: 1px solid #138989;
|
|
}
|
|
|
|
.btn-add {
|
|
background-color: #84CC16;
|
|
color: #ffffff;
|
|
padding: 6px 12px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
border-radius: 5px;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
|
|
.btn-add:hover {
|
|
background-color: #629b0c;
|
|
}
|
|
|
|
|
|
.btn-register {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
background-color: #84CC16;
|
|
color: #FFFFFF;
|
|
border-radius: 8px;
|
|
padding: 10px 70px;
|
|
}
|
|
|
|
.btn-register:hover {
|
|
background-color: #5f9213;
|
|
}
|
|
|
|
.btn-cancel2 {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
background-color: #1F2937;
|
|
color: #FFFFFF;
|
|
border-radius: 8px;
|
|
padding: 10px 70px;
|
|
}
|
|
|
|
.btn-cancel2:hover {
|
|
background-color: #121820;
|
|
}
|
|
|
|
.items {
|
|
border: 1px solid #D9D9D9;
|
|
padding: 5px;
|
|
border-radius: 8px;
|
|
margin: 4px 0;
|
|
cursor: pointer;
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
|
|
.items:hover {
|
|
border: 1px solid #148989;
|
|
}
|
|
|
|
.items.checked-item {
|
|
border: 1px solid #148989;
|
|
}
|
|
|
|
.form-control {
|
|
color: #797979;
|
|
border: 1px solid #DADADA;
|
|
border-radius: 7px;
|
|
background-color: #F6F6F6;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.btnCreateNew {
|
|
|
|
}
|
|
|
|
.btnCreateNew {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
background-color: #84CC16;
|
|
color: #FFFFFF;
|
|
border-radius: 8px;
|
|
padding: 10px 70px;
|
|
}
|
|
|
|
.btnCreateNew:hover {
|
|
background-color: #5f9213;
|
|
}
|
|
|
|
@media(max-width: 1366px) {
|
|
#loadAccountItems {
|
|
height: 410px;
|
|
}
|
|
|
|
.row-index {
|
|
width: 30px;
|
|
height: 30px;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.btn-register, .btn-cancel2 {
|
|
font-size: 12px;
|
|
padding: 10px 30px;
|
|
}
|
|
|
|
.btn-add {
|
|
padding: 6px 12px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.title-group {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.title-group h4 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.Rtable .Rtable-row {
|
|
margin: 10px 0px 0;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.column-heading {
|
|
margin: 0;
|
|
}
|
|
.Rtable .Rtable-row .Rtable-cell {
|
|
width: auto;
|
|
}
|
|
.Rtable--collapse .Rtable-row {
|
|
outline: none;
|
|
}
|
|
|
|
.btn-register, .btn-cancel2 {
|
|
padding: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-register, .btn-cancel2 {
|
|
font-size: 12px;
|
|
padding: 10px 30px;
|
|
}
|
|
|
|
#loadAccountItems {
|
|
height: auto;
|
|
}
|
|
|
|
.btn-add {
|
|
padding: 6px 7px;
|
|
}
|
|
}
|