body {
    background-image: URL(/Asset/imgs/BackGround1.png)
}
.hide {
    display: none;
}

.Ganerl_infoLabel {
    background-color: #edf5fd;
    width: 100%;
    padding: 10px;
    font-weight: bold;
    font-size: calc(10px + 0.090625vw) !important;
    border-radius: 6px;
}
.GrantAnswer {
    font-weight: bold !important;
    font-size: calc(9px + 0.090625vw) !important;
   /* text-align: center;*/
}
.FontSize {
    font-size: calc(10px + 0.090625vw) !important;
}
.AppText:hover {
    margin-top: 2px;
    border-color: rgb(55 129 213) !important;
    box-shadow: 0px 0px 7px 3px rgb(55 129 213) !important;
}

/*SELECT2*/
.select2-container {
    text-align: start;
    font-size: x-small;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: start;
}
/*Button*/
.NextButton {
    border-radius: 10px;
    position: relative;
    top: auto;
    width: 100px;
    background-color: #004d79;
    Color: white;
    box-shadow: 0 2px 5px 0 #999fa7, 0 2px 10px 0 #a3acb5 !important;
}

    .NextButton:hover {
        box-shadow: 0 2px 5px 0 #999fa7, 0 2px 10px 0 #a3acb5 !important;
        -webkit-transform: translateY(-3px);
        transform: translateY(-13px);
        color: white;
    }

/*Login+create*/
.auth-form {
    width: 100%;
    background: white;
    box-shadow: 0 4px 10px #0000001f;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    
}

.auth-input {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
  
    .auth-input label {
        font-weight: 500;
        font-size: 13px;
        margin-bottom: 5px;
        color: black;
        font-weight: bold;
        line-height: normal;
    }

    .auth-input input, .auth-input select {
        width: 100%;
        height: 50px;
        border-radius: 10px;
        border: 2px solid #d5d5d5;
        outline: none;
        appearance: none;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all 200ms ease-in-out;
        padding: 10px;
        font-size: small;
    }

        .auth-input input:hover,
        .auth-input input:focus {
            border-color: rgb(55 129 213);
            box-shadow: 0px 0px 7px 3px rgb(55 129 213) !important;
        }
   
select.round {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .7em) .7em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat: no-repeat;
    align-content: end
}

    select.round:focus {
        background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(gray 70%, transparent 72%);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .7em) .7em;
        background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
        background-repeat: no-repeat;
        border-color: #0064ff;
        outline: 0;
    }


 /*Login*/
.password-container {
    width: 100%;
    position: relative;
}

    .password-container input[type="password"],
    .password-container input[type="text"] {
        box-sizing: border-box;
    }

    .password-container .fa-eye {
        position: absolute;
        top: 33%;
        right: 4%;
        cursor: pointer;
        color: #00b0ff;
        font-weight: bold;
        font-size: 15px;
    }