body{
    padding: 0px;
    margin: 0px;
    height: 100%;
    overflow: auto;
}

.gsp-flex{
	background-color: #dddddd !important;
	background : linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 0.5px solid rgba(136, 136, 136, .62); */
    height:70px;
}

.gsp-hd-img img{
    width: 100px;
}

.gsp-hd-text h2{
    color: #3d78d5;
    font-size: 38px;
    margin: 0px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.gsp-form-main{
    width: 100%;
display: flex;
}

.gsp-form-left{
    width: 65%;
    

}

.gsp-form-left img{
    width: 100%;
    height: calc(100vh - 90px);
  
}

.gsp-form-right{
    width: 35%;
    padding: 30px;
    /* margin-top: 50px; */
}


.gsp-form-right input {
    height: 40px;
    color: #141414;
    background-color: rgba(255, 255, 255, .03);
    border: 0.7px solid #0a0a0a;
    border-radius: 5px;
    margin-bottom: 15px;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-control:focus {
    outline: none !important;
    box-shadow:none !important;
    border-color: green !important;
}

.gsp-form-right button {
    width: 100%;
    color: #fff;
    background-image: linear-gradient(114deg, #36ba2d, #1a9223);
    border-radius: 10px;
    padding: 12px 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    border: none;
}

.forgot-link{
    text-decoration: none;
}

.gsp-footer{
    /*height: 50px;*/
    text-align: center;
    background-image: linear-gradient(114deg, #36ba2d, #1a9223);    
}

.gsp-option-link{
    width: 100%;
    height: calc(100vh - 115px);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gsp-option-link-item{
    display: flex;
    padding: 50px 0px;
}
.gsp-option-link-item a{
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-direction: column;
}


.gsp-option-link-item a span{
    padding: 10px 20px;
    color: #fff;
    background-image: linear-gradient(114deg, #36ba2d, #1a9223);
    border-radius: 10px;
    padding: 12px 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
}

.gsp-option-link-item a img{
    width: 220px;
    margin-top: 40px;
}

.gsp-hd-logout{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.gsp-hd-logout a{
    font-family: Montserrat, sans-serif;
    color: #1a9223;
    font-weight: 600;
    /* text-decoration: none; */
    font-size: 16px;
    /* background-image: linear-gradient(114deg, #36ba2d, #1a9223); */

}

.body {
        background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../img/Picture2.jpg) no-repeat center center fixed;
    background-size: cover;
    font-family: Arial, sans-serif;
    height: calc(100vh - 94px);
    overflow-y: auto;
}
.login-box {
    max-width: 400px;
    margin: auto;
    margin-top: 100px;
    border: 2px solid;
    border-radius: 35px;
    padding: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed; */
}
.login-box h2 {
    text-align: center;
    margin-bottom: 20px;
    color: Black;
    font-weight: 600;
}
.btn-primary {
    width: 100%;
}
.forgot-link {
    display: block;
    text-align: center;
    margin-top: 10px;
}
     
.form-label{
	color: blue
}

.form-control {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #000000 !important;
    color: #000 !important;
}
.form-control::placeholder {
    color: #333 !important;
}

.alertSucessMsg {
	background: linear-gradient(rgb(35 212 24), rgb(37 179 11 / 70%));
    color: white;
}

.submitBtn {
	background-color:#249b00;
	border-color: #249b00;
}

.submitBtn:hover {
	background-color:#249b00;
	border-color: #249b00;
}