You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
220 lines
5.1 KiB
SCSS
220 lines
5.1 KiB
SCSS
.result-text-container {
|
|
padding: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 42%;
|
|
top: 60%;
|
|
display: block;
|
|
text-align: center;
|
|
transform: translate(-50%, -50%);
|
|
h2 {
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
margin: 0 auto;
|
|
line-height: 36px;
|
|
}
|
|
span {
|
|
width: 125px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
font-size: 12px;
|
|
font-family: workSans-Regular;
|
|
color: rgb(163, 163, 163) !important;
|
|
}
|
|
}
|
|
|
|
.result-text-container-ar {
|
|
padding: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 38%;
|
|
top: 67%;
|
|
display: block;
|
|
text-align: center;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
|
|
h2 {
|
|
|
|
font-size: 25px;
|
|
|
|
// font-family: WorkSans-Bold;
|
|
font-weight: bold;
|
|
|
|
margin: 0 auto;
|
|
|
|
line-height: 36px;
|
|
|
|
}
|
|
|
|
span {
|
|
|
|
width: 125px;
|
|
|
|
display: block;
|
|
|
|
margin: 0 auto;
|
|
|
|
font-size: 12px;
|
|
|
|
font-family: workSans-Regular;
|
|
color: rgb(163, 163, 163) !important;
|
|
}
|
|
}
|
|
.today-graph{
|
|
display: block;
|
|
height: 127px;
|
|
width: 270px;
|
|
margin-left: -60px;
|
|
}
|
|
.today-graph-ar{
|
|
display: block;
|
|
height: 127px;
|
|
width: 270px;
|
|
/* margin-left: -61px; */
|
|
margin-right: -18px;
|
|
}
|
|
.amountlabel{
|
|
color: black !important;
|
|
font-weight: bold !important;
|
|
font-size: 13px !important;
|
|
margin-bottom: -29px !important;
|
|
width: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.rowlabel{
|
|
color: #a3a3a3 !important;
|
|
font-size: 13px !important;
|
|
font-family: WorkSans-Bold;
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 1px;
|
|
}
|
|
.grid{
|
|
padding-bottom: -20px !important;
|
|
padding-top: -20px !important;
|
|
height: 360px !important;
|
|
|
|
}
|
|
.liftcol{
|
|
border-right: 1px solid rgb(163, 163, 163) !important;
|
|
}
|
|
.liftcol-ar{
|
|
|
|
border-left: 1px solid rgb(163, 163, 163) !important;
|
|
}
|
|
|
|
|
|
.rightcol{
|
|
|
|
margin-left: 5px !important;
|
|
}
|
|
.gridrow{
|
|
border-top: 1px solid rgb(163, 163, 163) !important;
|
|
margin-left: 19px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.div{
|
|
border: 1px solid #a3a3a3 !important;
|
|
border-radius: 10px;
|
|
margin-bottom:10px;
|
|
}
|
|
.div-ar{
|
|
border: 1px solid #a3a3a3 !important;
|
|
border-radius: 9px;
|
|
width: 264%;
|
|
margin-right: -302px;
|
|
}
|
|
.p0{
|
|
margin-bottom: -13px !important;
|
|
color: black !important;
|
|
font-weight: bold !important;
|
|
font-size: 14px !important;
|
|
margin-top: 8px;
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.p1{
|
|
margin-bottom: -7px !important;
|
|
color: black !important;
|
|
font-family: WorkSans-Bold !important;
|
|
font-size: 33px;
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.p2{
|
|
font-weight: bold !important;
|
|
font-size: 17px !important;
|
|
margin-bottom: 43px !important;
|
|
margin-top: 0px !important;
|
|
color: black !important;
|
|
font-weight: bold !important;
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.p3{
|
|
color: black !important;
|
|
font-weight: bold !important;
|
|
font-size: 19px;
|
|
margin-top: -43px;
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.p2-ar{ font-weight: bold !important;
|
|
font-size: 17px !important;
|
|
margin-bottom: 43px !important;
|
|
margin-top: 0px !important;
|
|
color: black !important;
|
|
font-weight: bold !important;
|
|
margin-right: 33px;
|
|
}
|
|
.p3-ar{ /* margin-bottom: -72px !important; */
|
|
color: black !important;
|
|
font-weight: bold !important;
|
|
font-size: 19px;
|
|
margin-top: -43px;
|
|
margin-right: 27px;
|
|
}
|
|
.p4{ margin-bottom: 56px !important;
|
|
margin-top: -26px !important;
|
|
color: black !important;
|
|
}
|
|
// .pdiv{background-color: gray;height: 26px;}
|
|
.p5{
|
|
font-size: 14px;
|
|
text-align: center;
|
|
background-color: #094875;
|
|
color: white;
|
|
margin-top: -13px;
|
|
margin-bottom: -3px;
|
|
height: 21px;
|
|
width: 110px;
|
|
padding-top: 7px;
|
|
padding-bottom: 21px;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
.col{
|
|
border-bottom: 1px solid rgb(204, 204, 204);
|
|
border-right: 1px solid rgb(204, 204, 204);
|
|
flex: 0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%);
|
|
width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%);
|
|
max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%);
|
|
}
|
|
.col-ar{
|
|
border-bottom: 1px solid rgb(204, 204, 204);
|
|
border-left: 1px solid rgb(204, 204, 204);
|
|
flex: 0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%);
|
|
width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%);
|
|
max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%);
|
|
}
|
|
|