@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
.logo_h3{
color: #e53935;
font-size: 26px;
margin-top: 11px;
width: 100%;
}

.logo_h3 i{
color: #e53935;
font-size: 26px;

}
.md-card-overlay-content h3{
margin-top: 11px;
}
.title_p{
font-size: 24px;
color: #e53935;
}
.title_p i{
font-size: 24px;

}

body {font-size: 15px;padding:20px 24px;overflow-y: auto;height: auto;min-height: 100%;opacity: 1;margin-top: 40px;padding-bottom: 2px;}

.logo_img{
font-size: 24px;
font-weight: bold;
color: #7cb342;
font-family: inherit;
}

/* */

.icon_menu{
width:100%;
float:left;

}
.icon_menu li img:hover{
background: rgb(241, 241, 241);
border: 3px solid #b8d554;
cursor: pointer;
}

.icon_menu li{
list-style: none;
float:left;
}

.contact-us{
background: #57b543;
padding: 24px;
}
.contact-us li{
text-align: left;
color: #ffffff;
font-size: 13px;
list-style: none;
} 
.login_page .login_heading {
text-align: center;
margin-bottom: 2px;
}

.md-card .md-card-content.large-padding {
padding: 8px 30px;
}

h4{
text-decoration: underline;
color: #6221a3;
}
h4 .material-icons{
color: #5500a5;
font-size: 23px;
}


.login_logo_h3{
        color: #f1b144;
        font-family: 'Lobster';
        font-size: 26px;
        padding: 10px;
        text-shadow: 1px 2px 1px #2c062c;
}

.login_logo_h3 i{
        color: #ffffff;
}
.logo_login{
     height: 110px;
    margin: 8px;
    border: none;
    margin-top: 2px;
    margin-bottom: 10px;
    border-radius: 7px;
    padding: 4px;
}



html {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: contain;background-repeat: no-repeat;background-image: linear-gradient(#2b0066 4%, rgba(69,0,202,0) 50%), url(https://www.elegantthemes.com/images/divi/divi-gallery-hero-background.jpg), linear-gradient(60deg, #28005f 16%, #8300e5 64%, #44008d 100%);background-image: url("https://xsnet.com/wp-content/uploads/2022/09/xsi-smarthand-imac.webp");background-size: cover;}
hr {
box-sizing: content-box;
height: 0;
margin: 5px 0;
border: 0;
border-top: 1px solid #ddd;
}


.md-card {color: #ffc107;position: relative;border: none;min-width: 280px;border-radius: 10px;max-width: 280px;background: linear-gradient( 
60deg
 , #673ab685 10%,#3f39c7d1, #03a9f4ba);color: #ffc107;}

input{
     background: white !important;
  }



.md-btn-primary, .md-btn-primary.uk-active, .md-btn-primary:active, .md-btn-primary:focus, .md-btn-primary:hover {
 background: #f75a4c;
 background-color: #fff;
 border-radius: 34px;
 color: #fff !important;
 border: none !important;
 border-radius: 25px !important;
 background: linear-gradient( 
60deg
 , #f2b047 10%,#ecb83e, #de9142);
 color: #ffc107;
}

input[type=text].md-input,input[type=password].md-input{
    border-radius: 11px;
    padding-left: 10px;
}

@media (max-width: 576px){

       #login_card{
           margin-top: 15px !important;
           max-width: 239px !important;
       }
}
#login_card{
    margin-top: 10px;
    margin: 0 auto;
    border-radius: 17px;
    background: linear-gradient( 
60deg
 , #7a248e 10%,#741683, #ffffff00);
    color: #ffffff;
    padding: 18px;
    width: 100%;
    max-width: 260px;
    padding-bottom: 2px;
    box-shadow: 1px 1px 6px #dab9ffa3;
}
#login_card a{color: #e7f1fe;}

.login_page{margin-top: 33px;}
#icon_view_pass{
    position: absolute;
    right: 5px;
    top: 16px;

}

        #login_form{

        }