/*HOMEPAGE START*/
body {
    user-select: none;
   overflow-x: hidden;
   overflow-y: hidden;
    margin-bottom: 60px;
}

#CreateAccountBTN {
    font-size: 3.1vh;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

#BackgroundAvail {
    display: flex;
    justify-self: center;
    margin-top: -10vh;
    z-index: -1;
    width: 210vh;
    height: 120vh;
    position: center;
}

#Background {
    display: flex;
    justify-self: center;
    margin-top: -10vh;
    z-index: -1;
    width: 210vh;
    height: 120vh;
    position: center;
    background-image: linear-gradient(to bottom right, #688CAF, #91C8E4);
}

#BigLogo {
    position: absolute;
    margin-left: -30vh;
    margin-top: 0vh;
}

#NavigationBarHomePage {
    margin-top: -96vh;
    display: flex;
    justify-content: space-around;
    z-index: 1;
    color: white;
    font-size: 1vh;
    margin-left: 25vh;
    font-family: 'League Spartan';
    user-select: none;
    font-weight: 300;
}

#CreateLine1 {
    z-index: 1;
    background-color: white;
    width: 0.3vh;
    height: 6vh;
    margin-top: -1vh;
}

#CreateLine2 {
    z-index: 1;
    background-color: white;
    width: 0.3vh;
    height: 6vh;
    margin-top: -1vh;
}

#LoginBtn {
    position: absolute;
    display: flex;
    color: #688CAF;
    background-color: white;
    width: 20vh;
    height: 7vh;
    text-align: center;
    border-radius: 1.5vh;
    align-items: center;
    justify-content: center;
    margin-top: -6.5vh;
    margin-left: 140vh;
    box-shadow: 0.8vh 0.8vh 0.3vh rgba(0, 0, 0, 0.2);
    transition: ease-in-out 0.2s;
    user-select: none;
    cursor: pointer;
    font-size: 3vh;
    text-decoration: none;
    font-family: 'League Spartan';
}

.FavoriteButton,
.FavFilledIcon {
    position: absolute;
    height: 3vh; 
    width: 3vh; 
    margin-top: -2.6vh;
    margin-left: 29.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.FavIcon {
    height: 3vh;
    width: 3vh;
    zoom: 100%;
}

.JobnameAV {
    font-size: 3vh;
    font-weight: 400;
}

#JobCreator {
    font-size: 2vh;
    font-weight: 300;
    margin-left: 0vh;
    margin-top: 1vh;
    color: #555;
    position: relative;
    z-index: 100;
}


#ApplyForJobBTN {
    font-weight: 300;
    font-style: normal;
    border-radius: 1vh;
    border: none;
    height: 3vh;
    background-color: white;
    border: 0.1vh solid black;
    text-align: center;
    transition: 0.2s ease-in-out;
}

#LoginBtn:hover {
        width: 20vh;
        margin-top: -7vh;
        margin-left: 139vh;
        box-shadow: 2vh 2vh 0.3vh rgba(0, 0, 0, 0.1);
 }

#LoginBtnBg {
    position: relative;
    background-color: white;
    width: 15vh;
    height: 5vh;
    margin-left: -15vh;
    z-index: 0;
}

#chairGuyImg {
    z-index: 1;
    position: absolute;
    margin-left: 80vh;
    margin-top: 18vh;
}

#HomePgeDescription {
    color: white;
    position: absolute;
    margin-top: 25vh;
    font-family: 'League Spartan';
    margin-left: -20vh;
    text-shadow: 0.3vh 0.3vh 0.2vh rgba(0, 0, 0, 0.3);
    font-size: 4vh;
    font-weight: 400;
}

#SignInWithGoogleHomePage {
    color: #414141;
    position: absolute;
    margin-top: 40vh;
    font-size: 3vh;
    background-color: white;
    margin-left: -20vh;
    font-family: 'League Spartan';
    width: 48vh;
    height: 7vh;
    border-radius: 10vh;
    border: solid black 0.2vh;
    box-shadow: 0vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
}

    #SignInWithGoogleHomePage:hover {
        margin-top: 39.5vh;
        box-shadow: 0vh 2vh 0.3vh rgba(0, 0, 0, 0.1);
    }

#GoogleLogoHomePage {
    position: absolute;
    width: 5vh;
    margin-left: -38vh;
}

#SignInWithMicrosoftHomePage {
    color: #414141;
    position: absolute;
    margin-top: 50vh;
    font-size: 3vh;
    background-color: white;
    margin-left: -20vh;
    font-family: 'League Spartan';
    width: 48vh;
    height: 7vh;
    border-radius: 10vh;
    border: solid black 0.2vh;
    box-shadow: 0vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
}

    #SignInWithMicrosoftHomePage:hover {
        margin-top: 49.5vh;
        box-shadow: 0vh 2vh 0.3vh rgba(0, 0, 0, 0.1);
    }

#MicrosoftHomePage {
    position: absolute;
    width: 5vh;
    margin-left: -38vh;
}

#SignInWithEmailHomePage {
    color: #414141;
    position: absolute;
    margin-top: 60vh;
    font-size: 3vh;
    background-color: white;
    margin-left: -20vh;
    font-family: 'League Spartan';
    width: 48vh;
    height: 7vh;
    border-radius: 10vh;
    border: solid black 0.2vh;
    box-shadow: 0vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
}

    #SignInWithEmailHomePage:hover {
        margin-top: 59.5vh;
        box-shadow: 0vh 2vh 0.3vh rgba(0, 0, 0, 0.1);
    }

#EmailHomePage {
    position: absolute;
    width: 5vh;
    margin-left: -38vh;
}
/*HOMEPAGE END*/

/*lOGINPAGE START*/
#WelcomeBacktxt {
    z-index: 3;
    margin-top: -90vh;
    font-family: 'League Spartan';
    font-size: 5.5vh;
    color: white;
    position: absolute;
    margin-left: -5.5vh;
    user-select: none;
}

#CreateAccountTXT {
    z-index: 3;
    margin-top: -100vh;
    font-family: 'League Spartan';
    font-size: 5.5vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    user-select: none;
}

#LoginWorklyLogo {
    position: absolute;
    z-index: 2;
    overflow-y: hidden;
    display: flex;
    margin-top: -105vh;
    margin-left: 72vh;
    width: 80vh;
    height: 80vh;
    user-select: none;
}

#LoginWorklyLogo2 {
    position: absolute;
    z-index: 2;
    overflow-y: hidden;
    display: flex;
    margin-top: -105vh;
    margin-left: -18vh;
    width: 80vh;
    height: 80vh;
    user-select: none;
}

#PleaseTXT {
    z-index: 3;
    margin-top: -83vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 70%;
    user-select: none;
}

#PleaseCreateTXT {
    z-index: 3;
    margin-top: -93vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 70%;
    user-select: none;
}

#FirstNameTXT {
    z-index: 3;
    margin-top: -88vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
}

#FirstNameInput {
    z-index: 3;
    margin-top: -85vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: black;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    border: solid black 0.001vh;
    font-weight: lighter;
}

#LastNameTXT {
    z-index: 3;
    margin-top: -78vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
}

#LastNameInput {
    z-index: 3;
    margin-top: -74vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: black;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    border: solid black 0.001vh;
    font-weight: lighter;
}

#EmailAdressTXTLogin {
    z-index: 3;
    margin-top: -71vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
}

#EmailAdressTXTCreate {
    z-index: 3;
    margin-top: -67vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
}

#EmailInputLogin {
    z-index: 3;
    margin-top: -68vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: black;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    border: solid black 0.001vh;
    font-weight: lighter;
}

#EmailInputCreate {
    z-index: 3;
    margin-top: -63vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: black;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    border: solid black 0.001vh;
    font-weight: lighter;
}

#PasswordTXTLogin {
    z-index: 3;
    margin-top: -58vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
}

#PasswordTXTCreate {
    z-index: 3;
    margin-top: -56vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
}

#PasswordInputLogin {
    z-index: 3;
    margin-top: -55vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: black;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    font-weight: lighter;
}

#PasswordInputCreate {
    z-index: 3;
    margin-top: -52vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: black;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    font-weight: lighter;
}

#ForgotPasswordTXT {
    z-index: 3;
    margin-top: -49vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: 13.7vh;
    opacity: 70%;
    user-select: none;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

    #ForgotPasswordTXT:hover {
        opacity: 100%;
    }

#SelectAccTXT {
    z-index: 1;
    position: absolute;
    color: white;
    font-family: 'League Spartan';
    font-size: 2vh;
    margin-top: -45vh;
    margin-left: -5vh;
}

#userTypeCandidate {
    z-index: 1;
    position: absolute;
    color: white;
    font-family: 'League Spartan';
    font-size: 1.8vh;
    margin-top: -41vh;
    margin-left: -5vh;
}

#userTypeRecruiter {
    z-index: 1;
    position: absolute;
    color: white;
    font-family: 'League Spartan';
    font-size: 1.8vh;
    margin-top: -41vh;
    margin-left: 11vh;
}


#CreatePageLogInBTN {
    z-index: 3;
    margin-top: -35.8vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4682A9;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
}

    #CreatePageLogInBTN:hover {
        background-color: #59A5D7;
        border: solid 0.2vh white;
    }

#LoginPageLogInBTN {
    z-index: 3;
    margin-top: -41.5vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 33vh;
    font-size: 2.4vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4682A9;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
}

    #LoginPageLogInBTN:hover {
        background-color: #59A5D7;
        border: solid 0.2vh white;
    }


#CreatePageOrTXT {
    z-index: 3;
    margin-top: -27vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: 10vh;
    opacity: 100%;
    user-select: none;
    text-align: center;
}

#LoginPageOrTXT {
    z-index: 3;
    margin-top: -33.5vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: 10vh;
    opacity: 100%;
    user-select: none;
    text-align: center;
}

#LeftSideLineOrTXTl {
    z-index: 3;
    margin-top: -32.3vh;
    background-color: white;
    width: 13vh;
    height: 0.1vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
    text-align: center;
}

#LeftSideLineOrTXTc {
    z-index: 3;
    margin-top: -25.8vh;
    background-color: white;
    width: 13vh;
    height: 0.1vh;
    color: white;
    position: absolute;
    margin-left: -5vh;
    opacity: 100%;
    user-select: none;
    text-align: center;
}

#RightSideLineOrTXTl {
    z-index: 3;
    margin-top: -32.3vh;
    background-color: white;
    width: 13vh;
    height: 0.1vh;
    color: white;
    position: absolute;
    margin-left: 14.5vh;
    opacity: 100%;
    user-select: none;
    text-align: center;
}

#RightSideLineOrTXTc {
    z-index: 3;
    margin-top: -25.8vh;
    background-color: white;
    width: 13vh;
    height: 0.1vh;
    color: white;
    position: absolute;
    margin-left: 14.5vh;
    opacity: 100%;
    user-select: none;
    text-align: center;
}

#SignInWithGoogleCreatePage {
    color: #414141;
    position: absolute;
    margin-top: -21vh;
    font-size: 2.4vh;
    background-color: white;
    margin-left: -5vh;
    font-family: 'League Spartan';
    height: 5vh;
    width: 33vh;
    border-radius: 0.7vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
    z-index: 4;
}

    #SignInWithGoogleCreatePage:hover {
        color: black;
    }

#SignInWithGoogleLoginPage {
    color: #414141;
    position: absolute;
    margin-top: -28vh;
    font-size: 2.4vh;
    background-color: white;
    margin-left: -5vh;
    font-family: 'League Spartan';
    height: 5vh;
    width: 33vh;
    border-radius: 0.7vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
    z-index: 4;
}

    #SignInWithGoogleLoginPage:hover {
        color: black;
    }

#GoogleLogoLoginPage {
    position: absolute;
    width: 4vh;
    margin-left: -28vh;
}

#LoginDIV {
    margin-top: -5vh;
}

#CreateAccDIV {
    margin-top: -5vh;
    margin-left: 111vh;
}

#LinearSeperationLine {
    z-index: 3;
    margin-top: -50vh;
    background-color: white;
    width: 200vh;
    height: 1vh;
    color: white;
    position: absolute;
    margin-left: -45vh;
    opacity: 100%;
    user-select: none;
    text-align: center;
    transform: rotate(98deg);
}


#DontHaveAnAccountTXTLogin {
    z-index: 3;
    margin-top: -20vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: 1vh;
    opacity: 50%;
    user-select: none;
    text-align: center;
    transition: 0.2s ease-in-out;
    position: absolute;
}

    #DontHaveAnAccountTXTLogin:hover {
        opacity: 100%;
        cursor: pointer;
    }

#AlreadyhaveAccTXT {
    z-index: 3;
    margin-top: -14vh;
    font-family: 'League Spartan';
    font-size: 2vh;
    color: white;
    position: absolute;
    margin-left: 1.5vh;
    opacity: 50%;
    user-select: none;
    text-align: center;
    transition: 0.2s ease-in-out;
    position: absolute;
    text-decoration: none;
}
    #AlreadyhaveAccTXT:hover {
        opacity: 100%;
        cursor: pointer;
    }

/*LOGIN-Page end*/


/*ASINDEX*/
#ProfileIndexBackground {
    z-index: 5;
    margin-top: -1.5vh;
    font-size: 2vh;
    color: black;
    position: absolute;
    margin-left: 140vh;
    opacity: 100%;
    border: none;
    border-radius: 5vh;
    height: 7vh;
    width: 24vh;
    font-size: 2.1vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    user-select: none;
    cursor: pointer;
    text-align: right;
    display: flex;
    justify-content: right;
    padding: 2.5vh;
    box-shadow: 1vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
}

.removeShadow {
    box-shadow: 0vh 0vh 0vh rgba(0, 0, 0, 0.0);
}

#DropdownMenuBackground {
    z-index: 4;
    margin-top: -1.5vh;
    position: absolute;
    margin-left: 140vh;
    opacity: 100%;
    border: none;
    border-radius: 3.9vh;
    height: 25vh;
    width: 24vh;
    font-size: 2.1vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    transition: 0.3s ease-in-out;
    user-select: none;
    cursor: pointer;
    text-align: right;
    display: flex;
    justify-content: right;
    box-shadow: 1vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
}

#ViewProfileDropDown {
    position: absolute;
    margin-left: 130vh;
    z-index: 5;
    font-size: 2vh;
    color: black;
    margin-top: 7vh;
    transition: 0.3s ease-in-out;
}

    #ViewProfileDropDown:hover{
        margin-left: 132vh;
        cursor: pointer;
    }

#MessagesDropDown {
    position: absolute;
    margin-left: 129vh;
    z-index: 5;
    font-size: 2vh;
    color: black;
    margin-top: 12vh;
    transition: 0.3s ease-in-out;
}

    #MessagesDropDown:hover {
        margin-left: 131vh;
        cursor: pointer;
    }

 #MatchesDropDown {
     position: absolute;
     margin-left: 128vh;
     z-index: 5;
     font-size: 2vh;
     color: black;
     margin-top: 17vh;
     transition: 0.3s ease-in-out;
     text-decoration: none;
 }

     #MatchesDropDown:hover {
          margin-left: 130vh;
          cursor: pointer;
     }

  #PFPASIDINDEX {
      position: absolute;
      margin-left: 124vh;
      z-index: 5;
      border-radius: 100vh;
      width: 6vh;
      min-height:6vh;
      max-height: 6vh;
      border: 0.1vh solid black;
      margin-top: -1vh;
  }

#RedCircleProfile {
    z-index: 6;
    background-color: #FF7474;
    width: 2vh;
    height: 2vh;
    border-radius: 100vh;
    position: absolute;
    margin-left: 120vh;
    margin-top: -1.2vh;
    border: 0.1vh solid black;
}

#NextJobEmployeButton {
    color: black;
    position: absolute;
    margin-top: 62vh;
    font-size: 3vh;
    background-color: white;
    margin-left: -20vh;
    font-family: 'League Spartan';
    width: 48vh;
    height: 8vh;
    border-radius: 1vh;
    border: solid black 0.2vh;
    box-shadow: 0vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
}

    #NextJobEmployeButton:hover {
        margin-top: 61.5vh;
        box-shadow: 0vh 2vh 0.3vh rgba(0, 0, 0, 0.1);
    }

#DescriptionASIndex {
    color: white;
    position: absolute;
    margin-top: 18vh;
    font-family: 'League Spartan';
    margin-left: -20vh;
    text-shadow: 0.3vh 0.3vh 0.2vh rgba(0, 0, 0, 0.3);
    font-size: 4vh;
    font-weight: 400;
}


#chairGuyImg2 {
    z-index: 1;
    position: absolute;
    margin-left: 80vh;
    margin-top: 18vh;
}

/*ASINDEX-END*/

/*Profile view*/

#CreateJobsNavBtn {
    text-decoration: none;
    color: white;
    font-size: 3.2vh;
    margin-top: -0.3vh;
}

#BigLogoPV {
    position: absolute;
    margin-left: -30vh;
    margin-top: -26.5vh;
}

#BigLogoASMatch {
    position: absolute;
    margin-left: -29.2vh;
    margin-top: -29vh;
}

#BigLogoAS {
    position: absolute;
    margin-left: -30vh;
    margin-top: -29vh;
}

#BigLogoAvail {
    position: absolute;
    margin-left: -29.2vh;
    margin-top: -29vh;
}

#MidSectionPV {
    position: absolute;
    height: 70vh;
    width: 85vh;
    background-color: white;
    display: flex;
    justify-content: center;
    margin-left: 26.5vh;
    margin-top: 5vh;
    border-radius: 2vh;
    border: solid black 0.2vh;
    box-shadow: 0vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
}

#MainProfileNameTXT{
    margin-top: 27vh;
    position: absolute;
    font-weight: lighter;
    text-align: left;
    display: flex;
    justify-content: left;
    margin-left: -1.5vh;
}

#ProfileNameDiv{
    position:absolute;
    width: 50vh;
    margin-left: -20vh;
}

#LeftSectionPV {
    position: absolute;
    height: 70vh;
    width: 44vh;
    background-color: white;
    display: flex;
    justify-content: left;
    margin-left: -25.2vh;
    margin-top: 5vh;
    border-radius: 2vh;
    border: solid black 0.2vh;
    box-shadow: 1vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
}

#RightSectionPV {
    position: absolute;
    height: 70vh;
    width: 44vh;
    background-color: white;
    display: flex;
    justify-content: right;
    margin-left: 119.2vh;
    margin-top: 5vh;
    border-radius: 2vh;
    border: solid black 0.2vh;
    box-shadow: -1vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
}

#PFPMidSProfile {
    width: 11vh;
    height: 11vh;
    border-radius: 3vh;
    border: 0.1vh black solid;
    position: absolute;
    margin-left: -37vh;
    margin-top: 10vh;
    transition: 0.1s ease-in-out;
    z-index: 20;
}

#PFPMidSProfileAG {
    width: 11vh;
    height: 11vh;
    border-radius: 3vh;
    border: 0.1vh black solid;
    position: absolute;
    margin-left: -37vh;
    margin-top: 12vh;
    transition: 0.1s ease-in-out;
    z-index: 20;
}

#JobsListContainer {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start; 
    margin-left: 15vh;
    gap: 5vh;
    column-gap: 2vh;
    padding: 2vh;
    margin-top: 5vh;
    font-family: 'League Spartan';
    font-weight: 300;
    font-size: 2vh;
}

.JobBox2 {
    position: relative;
    border-radius: 1vh;
    background-color: white;
    border: 1px solid #ddd;
    padding: 2vh;
    height: 10vh;
    width: 25%;
    height: auto;
    box-sizing: border-box;
    box-shadow: 0.3vh 0.3vh 0vh rgba(0, 0, 0, 0.2);
    border: 0.1vh solid black;
    color: black;
    transition: 0.2s ease-in-out;
}

.JobBox {
    position: relative;
    border-radius: 1vh;
    background-color: white;
    border: 1px solid #ddd;
    padding: 2vh;
    min-height: 30vh;
    width: 25%;
    height: auto;
    box-sizing: border-box;
    box-shadow: 0.3vh 0.3vh 0vh rgba(0, 0, 0, 0.2);
    border: 0.1vh solid black;
    color: black;
    transition: 0.2s ease-in-out;
}

    .JobBox:hover {
        
    }

#JobnameAV {
    font-size: 7vh;
}

.JobBox p {
    margin: 5px 0; 
}

#JobTags {
    font-size: 1.2vh;
    color: #888;
}

#filter-btn {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

    #filter-btn:hover {
        background-color: #45a049;
    }

.dropdown {
    display: block; 
    position: absolute;
    margin-top: 5vh; 
    margin-left: 2vh;
    background-color: white;
    border: 0.1vh solid black;
    border-radius: 5px;
    padding: 10px;
    width: 250px; 
}

#FilterText{
    position: absolute;
    color: black;
    font-weight: 400;
    margin-top: 2vh;
    margin-left: 2vh;
    z-index: 10;
}

#TaggarAS {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    margin-top: 21vh;
    margin-left: 12vh;
    width: 60vh;
    font-weight: 400;
    font-family: 'League Spartan';
}

#FilterPanelBkg {
    position: absolute;
    margin-left: -20vh;
    border-radius: 1vh;
    border: 0.1vh solid black;
    margin-top: 7vh;
    width: 30.7vh;
    background-color: white;
    height: 65vh;
}

select {
    position: relative;
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border-radius: 4px;
}

@media screen and (max-width: 768px) {
    .JobBox {
        width: 100%;
    }
}

#Banner {
    position: absolute;
    min-width: 84.8vh;
    max-width: 84.8vh;
    border-start-end-radius: 2vh;
    border-start-start-radius: 2vh;
    height: 20vh;
    margin-left: -42.40vh;
    z-index: 5;
}

#BannerAG {
    position: absolute;
    min-width: 84.8vh;
    max-width: 84.8vh;
    border-start-end-radius: 2vh;
    border-start-start-radius: 2vh;
    height: 20vh;
    margin-left: -42.40vh;
    z-index: 5;
}

#editDescriptionBtn {
    position: absolute;
    z-index: 100;
    margin-top: 36vh;
    margin-left: 32.7vh;
    transition: 0.2s ease-in-out;
    width: 15vh;
    height: 4vh;
    border-radius: 50vh;
    background-color: white;
    color: black;
    border: none;
    border: 0.1vh solid black;
}

    #profileDescription {
        position: absolute;
        z-index: 99;
        margin-top: 49vh;
        margin-left: 50vh;
    }

#descriptionText {
    z-index: 100;
    position: absolute;
    color: black;   
    font-size: 1.65vh;
    text-align:left;
    margin-top: 35vh;
    margin-left: 33vh;
    font-weight: 200;
}

#addPhoneNumberButton {
    position: absolute;
    z-index: 100;
    margin-top: 64vh;
    margin-left: 31vh;
    transition: 0.2s ease-in-out;
    width: 20vh;
    height: 4vh;
    background-color: white;
    border: none;
    padding: 0;
    font-weight: 300;
    color: #0d6efd;
}

#YourPhoneNumber {
    z-index: 100;
    position: absolute;
    color: #0d6efd;
    font-size: 1.65vh;
    text-align: left;
    margin-top: 64vh;
    margin-left: 33vh;
    font-weight: 200;
}

#profilePhoneNumber {
    position: absolute;
    z-index: 99;
    margin-top: 49vh;
    margin-left: 50vh;
}

#PhoneNumberInputContainer {
    position: absolute;
    margin-top: 14vh;
    margin-left: -17vh;
}

#PhoneNumberInput {
    resize: none;
    height: 3.5vh;
    -moz-appearance: textfield;
    -moz-appearance: none;
}

#overlayChangeProfilePic {
    background-color: rgba(0, 0, 0, 0.55);
    width: 11vh;
    height: 11vh;
    border-radius: 3vh;
    border: 0.1vh black solid;
    position: absolute;
    margin-left: -37vh;
    margin-top: 12.5vh;
    z-index: 21;
    color: white;
    font-family: 'League Spartan';
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

#CameraIconChangePic{
    position: absolute;
    width: 4vh;
    margin-left: -1.9vh;
    margin-top: 2vh;
}

#textOverlayChangeProfilePic {
    margin-top: 5vh;
}

#CameraIconChangePicAG {
    position: absolute;
    width: 4vh;
    margin-left: -1.9vh;
    margin-top: 2vh;
}

#overlayChangeBanner {
    position: absolute;
    width: 84.7vh;
    border-top-right-radius: 2vh; 
    border-top-left-radius: 2vh;
    height: 20vh;
    margin-top: -1.9vh;
    margin-left: -42.4vh;
    z-index: 6;
    background-color: rgba(0, 0, 0, 0.65);
    color: white;
    font-family: 'League Spartan';
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#CameraIconChangeBanner,
#textOverlayChangeBanner,
#idealTextOverlayChangeBanner {
    position: relative; 
    margin: 0; 
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#CameraIconChangeBanner {
    position: absolute;
    width: 6vh;
    margin-top: -5vh;
    margin-left: 39.5vh;
    display: flex;
    justify-content: center;
}

#textOverlayChangeBanner {
    font-size: 2vh;
    margin-bottom: 0.5vh;
    margin-top: 9vh;
}

#idealTextOverlayChangeBanner {
    font-size: 1.7vh;
}

#ProfileMailDiv {
    position: absolute;
    z-index: 10;
    font-family: 'League Spartan';
    font-size: 2vh;
    font-weight: 100;
    margin-top: 62vh;
    margin-left: 33vh;
    text-decoration: none;
}

#profileDescription {
    margin-top: 36.5vh;
    margin-left: 33vh;
}

#saveDescriptionBtn {
    position: absolute;
    margin-top: 15.8vh;
    margin-left: -10.5vh;
    width: 10vh;
    height: 4vh;
    border-radius: 1vh;
    background-color: white;
    color: black;
    border: none;
}

#descriptionInput {
    height: 20vh;
    width: 50vh;
    border: none;
    padding: 1vh;
    gap: 1vh;
    resize: none;
}

#editPenProfileAS {
    z-index: 6;
    position: absolute;
    height: 5vh;
    opacity: 70%;
    cursor: pointer;
}

#circleAroundEditPenAS {
    border: 0.1vh solid black;
    position: absolute;
    margin-top: 25vh;
    margin-left: 102.7vh;
    width: 6vh;
    height: 6vh;
    border-radius: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#editDescAS {
    z-index: 5;
    position: absolute;
    height: 18vh;
    width: 50vh;
    margin-top: 35vh;
    margin-left: 33vh;
    resize: none;
}

#saveDescriptionBtn2 {
    position: absolute;
    margin-top: 35vh;
    margin-left: 100.5vh;
    z-index: 10000000000000000000;
    width: 8vh;
    height: 4vh;
    border-radius: 50vh;
    background-color: white;
    color: black;
    border: none;
    border: 0.1vh solid black;
}

#UndoBTN {
    position: absolute;
    margin-top: 35vh;
    margin-left: 85vh;
    z-index: 10000000000000000000;
    width: 13vh;
    height: 4vh;
    border-radius: 50vh;
    background-color: white;
    color: black;
    border: none;
    border: 0.1vh solid black;
}
/*Profile view end*/

/*Create jobs view*/
#CreateJobLineMid {
    position: absolute;
    z-index: 10;
    background-color: white;
    width: 0.3vh;
    height: 60vh;
    margin-top: 5vh;
    margin-left: 65vh;
}

#CreateJobLineTop {
    position: absolute;
    z-index: 10;
    background-color: white;
    width: 130vh;
    height: 0.3vh;
    margin-top: 5vh;
    margin-left: 2.2vh;
}

#CreateJobLineBottom {
    position: absolute;
    z-index: 10;
    background-color: white;
    width: 130vh;
    height: 0.3vh;
    margin-top: 65vh;
    margin-left: 2.2vh;
}

#inputFieldCreateJobs{
    margin-top: -2.5vh;
}

#JobNameTXT {
    z-index: 100;
    margin-top: 10vh;
    font-family: 'League Spartan';
    font-size: 3vh;
    color: white;
    position: absolute;
    margin-left: 10vh;
    opacity: 100%;
    user-select: none;
}

#JobNameInput {
    z-index: 50;
    margin-top: 15vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 10vh;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}

#SalaryTXT {
    z-index: 100;
    margin-top: 23vh;
    font-family: 'League Spartan';
    font-size: 3vh;
    color: white;
    position: absolute;
    margin-left: 10vh;
    opacity: 100%;
    user-select: none;
}

#SalaryInput {
    z-index: 50;
    margin-top: 28vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 10vh;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}


#DescriptionTXT {
    z-index: 100;
    margin-top: 36vh;
    font-family: 'League Spartan';
    font-size: 3vh;
    color: white;
    position: absolute;
    margin-left: 10vh;
    opacity: 100%;
    user-select: none;
}

#DesctriptionInput {
    z-index: 50;
    margin-top: 41vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 10vh;
    border: none;
    border-radius: 0.7vh;
    height: 22.7vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}

#WorkAdressTXT {
    z-index: 100;
    margin-top: 10vh;
    font-family: 'League Spartan';
    font-size: 3vh;
    color: white;
    position: absolute;
    margin-left: 80vh;
    opacity: 100%;
    user-select: none;
}

#WorkAdressInput {
    z-index: 50;
    margin-top: 15vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 80vh;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}

#PermissionsTXT {
    position: absolute;
    z-index: 100;
    margin-top: 23vh;
    font-family: 'League Spartan';
    font-size: 3vh;
    color: white;
    margin-left: 80vh; 
    opacity: 100%;
    user-select: none;
}

#PermissionsInput {
    z-index: 50;
    margin-top: 28vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 0vh;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}

#PermissionsInput2 {
    z-index: 50;
    margin-top: 73vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: -47vh;
    border: 0.1vh solid black;
    border-radius: 0.7vh;
    height: 3vh;
    width: 17vh;
    font-size: 2vh;
    font-weight: 300;
    outline: none;
    padding: 1vh;
}

#addPremissionsTXT {
    position: absolute;
    z-index: 5;
    color: black;
    font-size: 1.5vh;
    margin-top: 49vh;
    margin-left: 33vh;
}

#PermissionsWrapper {
    margin-top: 17vh;
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-left: 80vh;
}

#PermissionsBoxContainer {
    display: flex;
    flex-direction: row; 
    gap: 10px;
    position: absolute;
    margin-left: 43vh; 
    margin-top: 28vh; 
    z-index: 20;
}

#PermissionsBoxContainer2 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    position: absolute;
    margin-left: -29vh;
    margin-top: 73vh;
    z-index: 20;
}

.permissionBox {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 5px 10px;
    border-radius: 8px;
    color: white;
    background-color: #4CAF50; 
    white-space: nowrap;
    z-index: 20;
    border: 0.2vh solid white;
    box-shadow: 0.3vh 0.3vh 0vh rgba(0, 0, 0, 0.2);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
    .permissionBox:active {
        transform: scale(0.50); 
    }

#typingMessage {
    display: none;
    font-size: 14px;
    color: white;
    position: absolute;
    margin-top: 24vh;
    margin-left: 106.5vh;
    z-index: 100;
    font-family: 'League Spartan';
    text-align: center;
    transition: opacity 0.3s ease;
}

#WebsiteUrlTXT {
    z-index: 100;
    margin-top: 36vh;
    font-family: 'League Spartan';
    font-size: 3vh;
    color: white;
    position: absolute;
    margin-left: 80vh;
    opacity: 100%;
    user-select: none;
}

#WebsiteUrlInput {
    z-index: 50;
    margin-top: 41vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 80vh;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}

#ContactInfoTXT {
    z-index: 100;
    margin-top: 49vh;
    font-family: 'League Spartan';
    font-size: 3vh;
    color: white;
    position: absolute;
    margin-left: 80vh;
    opacity: 100%;
    user-select: none;
}

#ContactInfoInput {
    z-index: 50;
    margin-top: 54vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 80vh;
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}

#OptionalTXTwu {
    color: white;
    font-size: 1.25vh;
    position: absolute;
    margin-top: 46.5vh;
    margin-left: 115vh;
}

#OptionalTXTci {
    color: white;
    font-size: 1.25vh;
    position: absolute;
    margin-top: 59.5vh;
    margin-left: 115vh;
}

#QuestionMarkDiv {
    z-index: 1000;
    margin-left: 100vh;
    margin-top: 24vh;
    position: absolute;
    color: black;
    font-family: 'League Spartan';
}

#QuestionMarkDiv2 {
    z-index: 1000;
    margin-left: 71.05vh;
    margin-top: 49.3vh;
    position: absolute;
    color: black;
    font-family: 'League Spartan';
}

#QuestionMarkImg{
    cursor: pointer;
    width: 2vh;
    margin-top: -0.5vh;
    margin-left: -23vh;
    transition: 0.1s;
    opacity: 70%;
} 

    #QuestionMarkImg:hover {
        opacity: 100%;
    }

#QuestionText {
    border: 0.1vh solid black;
    background-color: white;
    margin-left: -20vh;
    z-index: 100;
    margin-top: -4vh;
    font-weight: 300;
    padding: 1vh;
    border-radius: 1vh;
}

#ContinueButtonCreateJobAG {
    z-index: 10;
    color: black;
    position: absolute;
    margin-top: 70vh;
    font-size: 3vh;
    background-color: white;
    margin-left: 50vh;
    font-family: 'League Spartan';
    width: 30vh;
    height: 6vh;
    border-radius: 1vh;
    box-shadow: 0vh 1vh 0.3vh rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
    opacity: 70%;
}

    #ContinueButtonCreateJobAG:hover {
        margin-top: 69.7vh;
        box-shadow: 0vh 2vh 0.3vh rgba(0, 0, 0, 0.1);
    }

#NavigationBarHomePage a {
    text-decoration: none;
}

    #NavigationBarHomePage a::after {
        content: '';
        display: block;
        width: 0;
        height: 0.2vh;
        background-color: white;
        position: relative; 
        transition: width 0.3s ease;
    }

    #NavigationBarHomePage a:hover::after {
        position: relative;
        display: block;
        width: 100%;
    }

#AvailableJobsBody {
    overflow-y: scroll;
    height: 100vh;
    background-image: linear-gradient(to bottom right, #688CAF, #91C8E4);
    background-size: cover; 
    background-attachment: fixed;
}

#AppliedJobsContainer{
    position: absolute;
    margin-top: 2vh;
    padding: 2vh;
    font-family: 'League Spartan';
    margin-left: 145vh;
    width: 40vh;
    max-height: 65vh;
    overflow-y: auto;
    z-index: 3;
}

#AppliedJobsContainerAG {
    position: absolute;
    margin-top: 4vh;
    padding: 2vh;
    font-family: 'League Spartan';
    margin-left: 120vh;
    width: 40vh;
    max-height: 65vh;
    overflow-y: auto;
    z-index: 3;
}

#OthersDSEE {
    opacity: 70%;
    font-size: 1.6vh;
}

#lineSeparation{
    background-color: black;
    height: 0.1vh;
    width: 35vh;
    margin-left: 0vh;
}

#HiddenPermissions {
    z-index: 50;
    margin-top: 28vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: 0vh; /* You can adjust this if needed */
    border: none;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    opacity: 70%;
    outline: none;
    padding: 1vh;
}

#HiddenPermissions2 {
    z-index: 50;
    margin-top: 48vh;
    font-family: 'League Spartan';
    color: black;
    position: absolute;
    margin-left: -45vh; /* You can adjust this if needed */
    border: 0.1vh solid black;
    border-radius: 0.7vh;
    height: 5vh;
    width: 40vh;
    font-size: 2.4vh;
    font-weight: 300;
    outline: none;
    padding: 1vh;
}

#WithdrawApplicationBTN {
    position: absolute;
    background-color: none;
    border: 0.1vh solid black;
    border-radius: 0.5vh;
    font-family: 'League Spartan';
    margin-top: -4.5vh;
    margin-left: 18.5vh;
}

#CVDisplay {
    z-index: 1000000;
    position: absolute;
    color: black;
    font-size: 4vh;
}

#addCVButton {
    font-family: 'League Spartan';
    display: flex;
    justify-content: center;
    align-self: center;
    position: absolute;
    margin-top: 57.3vh;
    margin-left: 36vh;
    font-weight: 300;
}

#contactInfoProfileAS {
    margin-top: 4vh;
}

#ViewProfileTXT{
    position: absolute;
    margin-top: -1vh;
}

#MatchArea {
    background-color: white;
    position: absolute;
    width: 125vh;
    height: 70vh;
    margin-top: 7vh;
    display: flex;
    margin-left: 7vh;
    border-radius: 2vh;
    overflow-y: auto;
    border: 0.1vh solid black;
    gap: 2vh;
}

#JobsListContainer2 {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start; 
    margin-left: 0vh;
    gap: 5vh;
    column-gap: 2vh;
    padding: 2vh;
    margin-top: 5vh;
    font-family: 'League Spartan';
    font-weight: 300;
    font-size: 2vh;
}
.badge-best-match {
    background-color: #7fff7a;
    color: black;
    padding: 0.4vh 1vh;
    border-radius: 1vh;
    font-weight: 400;
    position: absolute;
    font-family: 'League Spartan';
    top: 3.4vh;
    right: 1vh;
    font-size: 1.8vh;
    box-shadow: 0 0.2vh 0.4vh rgba(0, 0, 0, 0.2);
}