.f-group{
    border-bottom: 2px solid #00A7FF;
}
input{
    border-style:none !important;
    outline: none !important;
}

label{
    color: #000;
}
input::placeholder{
    color: #000;
}

span{
    color: brown !important;
}
.loginCard{
    background-color: white;
    margin-top: 100px;
    border-radius: 30px;
    margin-left: 2%;
    margin-right: 2%;
}
.forgot{
    text-decoration: none !important;
    font-size: 13px;
    color: rgb(78, 74, 74) !important;
}
/* .loginCard:hover{
  
} */

.loginCard h3{
    font-weight: 900;
}

.loginCard button :hover{
    background-color: white;
}
.registerCard{
    background-color: white;

    margin-bottom: 30px;
    border-radius: 20px;
    margin-left: 2%;
    margin-right: 2%;
}

.submitBtn{
    background-color: #00A7FF;
    border: 2px solid #00A7FF;
  
    color: #FFF;
    font-weight: 700;
    border-radius: 30px;

}

.submitBtn:hover{
    background-color: white;
    border: 2px solid #bdc3c7;
    color:  #00A7FF;
    
}

.dcardTilie{
    background-color:#273c75;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.dcardT{
    background-color: #b9b4b4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.dcardBody{
    background-color: white;
    border-radius: 10px;
}
.sideMenu{
    /* background-color:white; */
    margin: 0;
    background-color: #273c75;
}
.menuItem{
    padding: 5px 8px;
    margin: 10px 15px;

    height: 60px;
    display: flex;
    align-items: center;
    /* overflow: visible; */

}

.menuItem span{
    font-size: 10px;
    padding: 3px 5px;
    color: red;
    background-color: white !important;
    border-radius: 5px;
    font-weight: bold;
    /* position: relative; */
}

.menuTitle{
    font-size: 9px;
    color: #FFF;
}

.menuItem .fa, .menuItem .fas{
    color: rgb(238, 231, 231, 0.7);
    padding: 0 20px;


}

.menuItem .fa:hover{
    color:white;
    
}
.menuItem .fas:hover{
    color:white;

}
.avatar{
    margin-top: 8px;
    margin-right: 10px;
   
}
/* 
.ctn{
    height: 100vh;
} */

#active{

    border-radius: 10px;
    color: #FFF;

}
#active .fa, #active .fas{
    color: #FFF;

}
.answerBtn{
    border: none;
    border-radius: 20px;
    background-color: rgb(13, 56, 13);
    font-size: 15px;
    color: #FFF;
}
.answerBtn:hover{
    border: none;
    border-radius: 20px;
    background-color: #00A7FF;
    font-size: 15px;
    color: #FFF;
}


.dcardTitle{
    font-size: 13px;
}