/* Password field alignment for eye button outside input */
.modern-form-row .modern-password-toggle {
   height: 38px;
   width: 38px;
   border: none;
   background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   margin-left: 0;
}
.modern-form-row .modern-password-toggle:focus {
   outline: 2px solid #388e3c;
}
:root{
    --home_page_bg_color: rgb(0, 60, 50);
    --card_header_bg_color:rgb(0, 60, 50);
    --btn_color: rgb(0, 60, 50);


    --btn_hover_bg_color: black;
    --btn_hover_text_color: yellow;
 }

.login:hover{background: #ccc; color:#333;transition: .3s;}


 .header_footer_bg_color
 {
     background-color: var(--home_page_bg_color);
 }
 .header
 {
     background-color: var(--home_page_bg_color);
 }
 .card_header
 {
    background-color: var(--card_header_bg_color);
 }
 .btn-success
 {
    background-color: var(--btn_color);
 }
 .btn:hover
 {
    background-color: var(--btn_hover_bg_color);
    color: var(--btn_hover_text_color);
   
    transition: .5s;
 }
 .a_hover
 {
    color: white;
    transition: all .5s;
 }
 .a_hover:hover
 {
    background-color: var(--btn_hover_bg_color);
    border: 1px solid red;
    color: var(--btn_hover_text_color);
 }
 .dropdown-menu
 {
   background-color: var(--home_page_bg_color);
 }
 .dropdown-item
 {
   color: white;
 }
 .dropdown-item:hover
 {
   background-color: var(--btn_hover_bg_color);
   border: 1px solid red;
   color: var(--btn_hover_text_color);
 }