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.
mohemm_srca/Mohem/src/app/mowadhafi/my-request/my-request.component.scss

197 lines
5.0 KiB
SCSS

ion-content {
--ion-background-color: whitesmoke;
}
.empty-en{
color: black;
text-align: center;
font-size: 15px;
font-family: WorkSans-Bold;
margin: 50px 0px 0px 100px;
}
.empty-ar{
color: black;
text-align: center;
font-size: 15px;
font-family: WorkSans-Bold;
margin: 50px 100px 0px 0px;
}
.result-container{
position: relative;
background: white;
/* padding-bottom: 3px; */
border-radius: 20px;
z-index: 1;
margin: 15px;
border-radius: 10px;
border: 1px solid #ccc;
}
.text{
font-size: 15px;
margin-top: -9px;
font-family: 'WorkSans-bold';
}
@media screen and (min-width: 325px){
.date{
margin-top: -9px;
margin-right: -49px;
color: gray;
font-size: 12px;
}}
@media screen and (min-width: 1px) and (max-width:320px) {
.date{
margin-top: -9px;
margin-right: -55px;
color: gray;
font-size: 12px;
margin-left: -88px;
}}
@media screen and (min-width: 325px){
.date-ar{
margin-top: -9px;
// margin-right: -49px;
color: gray;
font-size: 12px;
}}
@media screen and (min-width: 1px) and (max-width:320px) {
.date-ar{
margin-top: -9px;
margin-right: -55px;
color: gray;
font-size: 12px;
margin-left: -88px;
}}
@media screen and (min-width: 300px){
.CreateBtn{
--background: var(--newgreen) !important;
background: var(--newgreen) !important;
white-space: normal;
color: var(--light);
text-transform: capitalize;
min-height: 1.0cm;
--border-radius: 7px !important;
border-radius: 7px !important;
--min-height: 1.6cm !important;
width: 315px;
}}
@media screen and (min-width: 1px) and (max-width:290px) {
.CreateBtn{
--background: var(--newgreen) !important;
background: var(--newgreen) !important;
white-space: normal;
color: var(--light);
text-transform: capitalize;
min-height: 1.0cm;
--border-radius: 7px !important;
border-radius: 7px !important;
--min-height: 1.6cm !important;
width: 257px;
}}
.footer{
padding: 15px 0px;
background-color: var(--light) !important;
border: 0px !important;
box-shadow: none !important;
-webkit-box-shadow: none;
}
.Btn{
margin: auto; text-align: center; display: block;
}
.New{
margin-top: 5px;
color: #1FA169;
font-family:'WorkSans-bold';
}
.ReOpen{ margin-top: 5px;
color: #1FA169;
font-family:'WorkSans-bold';}
.AssToManager{ margin-top: 5px;
color: #259CB8;
font-family:'WorkSans-bold';}
.AssToSpec{ margin-top: 5px;
color: #259CB8;
font-family:'WorkSans-bold';}
.Pending{ margin-top: 5px;
color: #E29D03;
font-family:'WorkSans-bold';}
.BackToSpec{ margin-top: 5px;
color: #3A476E;
font-family:'WorkSans-bold';}
.Closed{ margin-top: 5px;
color: #CA3332;
font-family:'WorkSans-bold';}
.BackToManager{ margin-top: 5px;
color: #3A476E;
font-family:'WorkSans-bold';}
.AssignedToHR{ margin-top: 5px;
color: #259CB8;
font-family:'WorkSans-bold';}
.empty-en{
color: black;
text-align: center;
font-size: 15px;
font-family: WorkSans-Bold;
margin: 50px 0px 0px 100px;
}
.empty-ar{
color: black;
text-align: center;
font-size: 15px;
font-family: WorkSans-Bold;
margin: 50px 100px 0px 0px;
}
.no-data-available {
background: white;
font-family: WorkSans-Regular;
padding: 30px;
position: absolute;
left: 85px;
bottom: 40%;
}
.show{
background-color: white;
border: none;
color: black;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin-left: 120px !important;
margin-top: 15px !important;
margin-bottom: 20px !important;
/* border-radius: 30px; */
height: 26px;
padding: 6px 24px;
}
.show-ar{
background-color: white;
border: none;
color: black;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin-right: 120px !important;
margin-top: 15px !important;
margin-bottom: 20px !important;
// border-radius: 30px;
height: 26px;
padding: 6px 24px;
}