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.
159 lines
3.1 KiB
SCSS
159 lines
3.1 KiB
SCSS
button.item-button.button.button-md.button-clear.button-clear-md {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.footer-button {
|
|
border-radius: 3px;
|
|
padding: 0 1.1em;
|
|
min-height: 45px;
|
|
min-width: 200px;
|
|
}
|
|
|
|
// ion-item {
|
|
// margin-top: 5%;
|
|
// margin-right: 7%;
|
|
// width: 100%;
|
|
// }
|
|
.ionItem{
|
|
border: #e4e4e4 solid;
|
|
/* margin: 6px; */
|
|
/* padding: 11px; */
|
|
height: 85px;
|
|
width: 164px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
.profileImageDiv{
|
|
text-align: center;
|
|
margin-bottom: -27px;
|
|
z-index: 3;
|
|
position: relative;
|
|
top: 0;
|
|
|
|
}
|
|
.profileImage{
|
|
width:60px !important;
|
|
// margin-left: -25px;
|
|
// margin-right: 22px;
|
|
}
|
|
|
|
.activated{
|
|
border: #209a83 0.02cm solid ;
|
|
}
|
|
.deactivated{ border: #e4e4e4 0.02cm solid;
|
|
}
|
|
.repContentDiv{
|
|
text-align: center;
|
|
width: 85%;
|
|
font-size: 14px;
|
|
border: #e4e4e4 solid;
|
|
border-radius: 5px;
|
|
padding: 20px 8px 8px 8px;
|
|
margin-top: -9px;
|
|
margin-right: -35px
|
|
|
|
}
|
|
.selIEmpDiv{
|
|
text-align: right;
|
|
margin-bottom: -26px;
|
|
margin-right: 0px;
|
|
z-index: 3;
|
|
position: relative;
|
|
top: 0;
|
|
}
|
|
|
|
.selIEmpImage{
|
|
width:22px !important
|
|
|
|
}
|
|
|
|
.noteInput{
|
|
border: solid var(--gray) 1px;
|
|
border-radius: 15px;
|
|
margin: 8px 17px 0px 17px;
|
|
padding: 10px 2px 10px 2px;
|
|
}
|
|
.filterInput{
|
|
border: solid var(--gray) 1px;
|
|
border-radius: 21px;
|
|
padding-left: 10px !important;
|
|
|
|
}
|
|
.filterInput-ar{
|
|
// border: solid var(--gray) 1px;
|
|
// border-radius: 21px;
|
|
// padding-left: 10px !important;
|
|
border: solid var(--gray) 1px;
|
|
border-radius: 21px;
|
|
// padding-left: 145px !important;
|
|
margin-left: 115px;
|
|
// padding-right: 129px;
|
|
// margin-right: -143px;
|
|
margin-right: -136px;
|
|
}
|
|
// {padding-left: unset;
|
|
// padding-right: unset;
|
|
// -webkit-padding-start: var(--padding-start);
|
|
// padding-inline-start: var(--padding-start);
|
|
// -webkit-padding-end: var(--padding-end);
|
|
// padding-inline-end: var(--padding-end);
|
|
|
|
// margin-left: -53x;
|
|
// margin-right: 37px;}
|
|
|
|
.filterBtn{
|
|
background: var(--newgreen);
|
|
--background: var (--newgreen);
|
|
border-radius: 50%;
|
|
height: 60px;
|
|
width: 60px;
|
|
|
|
}
|
|
.filterBtn-ar{
|
|
// background: var(--newgreen);
|
|
// --background: var (--newgreen);
|
|
// border-radius: 50%;
|
|
// height: 60px;
|
|
// width: 60px;
|
|
background: var(--newgreen);
|
|
--background: var (--newgreen);
|
|
border-radius: 50%;
|
|
height: 60px;
|
|
width: 60px;
|
|
margin-left: -181px;
|
|
margin-right: 259px;
|
|
}
|
|
|
|
|
|
|
|
*{
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.square-container{
|
|
// padding: 8px;
|
|
width:100%;
|
|
}
|
|
.square{
|
|
// width:calc(100% / 2);
|
|
width:50%;
|
|
float:left;
|
|
position: relative;
|
|
// padding-bottom: calc(100% / 2);
|
|
}
|
|
|
|
.square .content{
|
|
width: calc(100% - 16px) !important;
|
|
height: calc(100% - 16px) !important;
|
|
margin: 8px;
|
|
padding: 16px;
|
|
// position: absolute;
|
|
color: white;
|
|
border-radius: 9px;
|
|
text-align: center;
|
|
// background-color: #0095ff;
|
|
// box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
|
|
} |