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: 50%; } .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; }