123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176 |
- .stat-widget {
- background : #f5f6fa;
- padding : 20px;
- border-radius: $radius;
- margin : 15px 0px;
- position : relative;
-
- // &::before {
- // content : "";
- // position : absolute;
- // top : 22px;
- // left : 18px;
- // right : 18px;
- // bottom : -40px;
- // z-index : -2;
- // background : #E3E6EC;
- // opacity : 0.91;
- // -webkit-filter: blur(86.985px);
- // filter : blur(86.985px);
- // border-radius : 24px;
- // }
-
- .widget-icon {
- // background : rgba(0, 0, 0, 0.15);
- width : 50px;
- height : 50px;
- display : flex;
- align-items : center;
- justify-content: center;
- border-radius : 100%;
- font-size : 20px;
- color : $white;
-
- i {
- line-height: 0px;
- }
- }
-
- .widget-content {
- // text-align: right;
-
- p {
- color : $body-color;
- opacity : 0.85;
- font-size : 14px;
- font-weight : 400;
- margin-bottom: 0px;
- }
-
- h3 {
- // color: $dark;
- font-size : 20px;
- margin-bottom: 0px;
- }
-
- // p {
- // // background : $dark;
- // display : inline-block;
- // padding : 3px 7px;
- // border-radius: $radius - 16px;
- // }
- }
-
-
- }
-
-
-
- // invoice-content
-
- .invoice-content {
- // margin: 0px -15px;
-
- li {
- margin-bottom : 7px;
- display : block;
- padding : 12px 0px;
- // border-radius: $radius;
- position : relative;
- border-bottom : 1px solid $border-color;
-
- // &:hover,
- // &:focus,
- // &.active {
- // background: $primary;
-
- // h5 {
- // color: $white;
- // }
-
- // p {
- // color : $white;
- // opacity: 0.75;
- // }
-
-
- // }
-
- &:last-child {
- // margin-bottom: 0px;
- border: 0px;
- }
-
-
- span {
- // position : absolute;
- right : 15px;
- display : block;
- font-size : 12px;
- background : $white;
- padding : 2px 10px;
- border-radius: 16px;
- display : inline-block;
-
- }
- }
-
- .invoice-user-img {
- img {
- border-radius: $radius + 50px;
- }
- }
-
- .invoice-info {
- position: relative;
- display : block;
-
-
-
- p {
- margin-bottom : 5px;
- // font-weight : 600;
- // color : $body-color;
- // font-size : 18px;
-
-
- }
- }
- }
-
- #most-selling-items {
- height: 295px !important;
- }
-
- #activity {
- height: 245px !important;
- }
-
- #user-activity {
- .btn {
- padding: 5px 15px;
-
- @include respond("phone-land") {
- margin-top: 10px;
- }
- }
- }
-
-
- .budget-content {
- li {
- margin-bottom: 32px;
-
- h5 {
- font-size: 15px;
- }
-
- .progress {
- height: 10px;
- }
-
- &:last-child {
- margin-bottom: 0px;
- }
- }
- }
|