132 lines
2.9 KiB
CSS
132 lines
2.9 KiB
CSS
#my-scrollbar {
|
|
height: auto;
|
|
max-height: 200px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.errored {
|
|
animation: shake 300ms;
|
|
color: #eb3434 !important;
|
|
background-color: #fef2f2 !important;
|
|
border: 1px solid #eb3434 !important;
|
|
}
|
|
|
|
.goToTop {
|
|
position: fixed;
|
|
bottom: -10px;
|
|
margin-right: 100px;
|
|
z-index: 100;
|
|
color: #fff;
|
|
background-color: #25acacd6;
|
|
}
|
|
|
|
.goToTop:hover {
|
|
color: #fff;
|
|
background-color: #2ca4a4;
|
|
}
|
|
|
|
.btn-create {
|
|
background-color: #84CC16;
|
|
border-radius: 7px;
|
|
color: #ffffff;
|
|
padding: 3px 12px;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
transition: ease-in all .3s;
|
|
}
|
|
|
|
.btn-create:hover {
|
|
background-color: #72b112;
|
|
}
|
|
|
|
.Rtable .Rtable-row:first-child {
|
|
background: linear-gradient(90deg, #1ab8ff 0%, #4abef2 100%);
|
|
}
|
|
|
|
.Rtable .Rtable-row:nth-child(2n), .table-workshop .Rtable .Rtable-row:nth-child(4n+2), .table-personals .Rtable .Rtable-row:nth-child(4n+2) {
|
|
background-color: #d9f3ff;
|
|
}
|
|
|
|
.Rtable .Rtable-row:nth-child(2n+1), .table-workshop .Rtable .Rtable-row:nth-child(4n+4), .table-personals .Rtable .Rtable-row:nth-child(4n+4) {
|
|
background-color: #c6e8f7;
|
|
}
|
|
|
|
.Rtable .Rtable-row:nth-child(2n):hover, .table-workshop .Rtable .Rtable-row:nth-child(4n+2):hover, .table-personals .Rtable .Rtable-row:nth-child(4n+2):hover {
|
|
background-color: #b0e7ff;
|
|
}
|
|
.Rtable .Rtable-row:nth-child(2n+1):hover, .table-workshop .Rtable .Rtable-row:nth-child(4n+4):hover, .table-personals .Rtable .Rtable-row:nth-child(4n+4):hover {
|
|
background-color: #b0e7ff;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content {
|
|
color: #0c4a6e;
|
|
}
|
|
|
|
.table-contracts .Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
|
|
background: rgba(115, 166, 232, 0.25);
|
|
}
|
|
|
|
.table-contracts .form-check-input {
|
|
outline: 1px solid #3bb6fd;
|
|
}
|
|
|
|
.table-contracts .form-check-input.checkAll:checked {
|
|
background-color: #3bb6fd;
|
|
outline: 1px solid #81d1ff;
|
|
}
|
|
|
|
.table-contracts .form-check-input:checked {
|
|
background-color: #3bb6fd;
|
|
outline: 1px solid #81d1ff;
|
|
}
|
|
|
|
|
|
.bgColorMonthlySalaryPlus {
|
|
background-color: #c8e0eb;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 110px;
|
|
}
|
|
|
|
.bgColorMonthlySalaryMinus {
|
|
background-color: #FFCECE;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 110px;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.goToTop {
|
|
position: fixed;
|
|
bottom: 54px;
|
|
margin-right: 39%;
|
|
z-index: 100;
|
|
color: #fff;
|
|
background-color: #25acac70;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 992px) {
|
|
.lessThan992 {
|
|
display: none;
|
|
}
|
|
|
|
#MainModal {
|
|
visibility: visible !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 991px) {
|
|
.moreThan992 {
|
|
display: none;
|
|
}
|
|
} |