

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: #259CB8;
    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: #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;
     }

     .div{
         position: relative;
         display: flex;
         justify-content: space-between;
     }