141 lines
3.0 KiB
SCSS
141 lines
3.0 KiB
SCSS
/**========================
|
|
88. Invoice CSS Start
|
|
=============================**/
|
|
.invoice{
|
|
p{
|
|
color:$light-text;
|
|
}
|
|
.invo-header{
|
|
padding-bottom:15px;
|
|
margin-bottom:15px;
|
|
border-bottom: 1px solid $light-gray;
|
|
}
|
|
.table-striped{
|
|
tbody{
|
|
tr{
|
|
&:nth-of-type(odd){
|
|
background-color:rgba($primary-color,0.05);
|
|
--bs-table-accent-bg:unset;
|
|
}
|
|
h6{
|
|
text-transform:capitalize;
|
|
color:$primary-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.invo-profile{
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:1199px){
|
|
|
|
.invoice{
|
|
h4{
|
|
margin-bottom: 0px;
|
|
}
|
|
h3{
|
|
margin-bottom: 0px;
|
|
}
|
|
.invo-header{
|
|
.media-left{
|
|
img{
|
|
width: 55% !important;
|
|
}
|
|
}
|
|
}
|
|
.invo-profile{
|
|
.media{
|
|
margin-bottom: 15px;
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid $light-gray;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 991px){
|
|
.invoice{
|
|
.card {
|
|
.card-body{
|
|
padding:20px;
|
|
}
|
|
}
|
|
h4{
|
|
font-size:20px;
|
|
}
|
|
h3{
|
|
font-size:20px;
|
|
}
|
|
table{
|
|
td{
|
|
min-width:150px;
|
|
&:first-child{
|
|
min-width:280px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:767px){
|
|
.invoice{
|
|
.invo-pal{
|
|
margin-top:15px;
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:575px){
|
|
.invoice {
|
|
h4{
|
|
font-size:18px;
|
|
}
|
|
h3{
|
|
font-size:14px;
|
|
}
|
|
p{
|
|
font-size:13px;
|
|
}
|
|
.invo-header{
|
|
.media-body{
|
|
text-align:right;
|
|
}
|
|
}
|
|
.text-xs-center{
|
|
margin-top:20px;
|
|
text-align:center !important;
|
|
}
|
|
.text-md-end{
|
|
text-align:left;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:420px){
|
|
.invoice {
|
|
.invo-header {
|
|
.media-left{
|
|
img{
|
|
width: 50% !important;
|
|
}
|
|
}
|
|
}
|
|
.invo-profile {
|
|
.media {
|
|
display: block;
|
|
.media-body{
|
|
margin-left: 0 !important;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**========================
|
|
88. Invoice CSS endp
|
|
==========================**/ |