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; // border-radius: 20px; // z-index: 1; // margin: 15px; // border-radius: 10px; // border: 1px solid #ccc; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 5px #00000029; border-radius: 10px; opacity: 1; } .text{ // font-size: 15px; // margin-top: -9px; // font-family: 'WorkSans-bold'; //font-weight: 600; font-family: var(--fontFamilyPoppins-SemiBold, inherit); // width: 77px; // height: 20px; text-align: left; letter-spacing: -0.56px; color: #2B353E; opacity: 1; font-size: 14px; line-height: 11px; } // @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; // }} .date{ text-align: left; letter-spacing: -0.4px; color: #969696; opacity: 1; // font-weight: 600; font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-size: 10px; line-height: 16px; } .desc{ // width: 287px; // height: 32px; text-align: left; // font: normal normal medium 11px/16px Poppins; letter-spacing: -0.44px; color: #535353; opacity: 1; font-family: var(--fontFamilyPoppins-Medium, inherit); // font-weight: 500; font-size: 11px; line-height: 16px; } .status{ color: #29B5BF; width: 75px; height: 15px; text-align: left; letter-spacing: -0.4px; opacity: 1; font-family: var(--fontFamilyPoppins-SemiBold, inherit); // font-family: 'Poppins'; //font-weight: 600; font-size: 10px; line-height: 16px; } @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; font-family: var(--fontFamilyPoppins-SemiBold, inherit); }} @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; font-family: var(--fontFamilyPoppins-SemiBold, inherit); }} .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: #29B5BF; font-family:'WorkSans-bold';} .AssToSpec{ margin-top: 5px; color: #29B5BF; 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: #29B5BF; 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; } .div{ position: relative; display: flex; justify-content: space-between; }