130 lines
2.1 KiB
CSS
130 lines
2.1 KiB
CSS
html {
|
|
font-size: 14px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
html {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
|
|
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
|
|
}
|
|
|
|
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.card {
|
|
border-radius: 4px;
|
|
box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
|
|
transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.card:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
|
|
}
|
|
|
|
.vehicleDetailTabContainer{
|
|
max-height:65vh;
|
|
overflow-y:auto;
|
|
overflow-x:auto;
|
|
}
|
|
|
|
@media print {
|
|
.vehicleDetailTabContainer {
|
|
background-color: #fff;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
color: #000 !important;
|
|
overflow: visible;
|
|
}
|
|
td {
|
|
color: #000 !important;
|
|
}
|
|
th {
|
|
color: #000 !important;
|
|
}
|
|
}
|
|
|
|
.chartContainer{
|
|
height:30vh;
|
|
overflow:auto;
|
|
}
|
|
|
|
.vehicleNoteContainer{
|
|
height:40vh;
|
|
}
|
|
|
|
.display-7 {
|
|
font-size: calc(1.325rem + 0.9vw);
|
|
font-weight: 300;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.display-7 {
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
|
|
.reportsCheckBoxContainer {
|
|
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
|
|
}
|
|
|
|
.bell-shake {
|
|
animation: bellshake .5s;
|
|
backface-visibility: hidden;
|
|
transform-origin: top center;
|
|
}
|
|
|
|
@keyframes bellshake {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
|
|
15% {
|
|
transform: rotate(5deg);
|
|
}
|
|
|
|
30% {
|
|
transform: rotate(-5deg);
|
|
}
|
|
|
|
45% {
|
|
transform: rotate(4deg);
|
|
}
|
|
|
|
60% {
|
|
transform: rotate(-4deg);
|
|
}
|
|
|
|
75% {
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
85% {
|
|
transform: rotate(-2deg);
|
|
}
|
|
|
|
92% {
|
|
transform: rotate(1deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(0);
|
|
}
|
|
}
|
|
|