html, body{color: #000;line-height: 25px; word-wrap: break-word;height:100%;padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0; line-height: 1.33;}
p { margin-top: 0; margin-bottom: 1rem;font-size: 15px;line-height: 25px;}
a{text-decoration:none !important;    color: #000;}


.mainbody{background-color: #B0BEC5; }
.card0 {box-shadow: 0px 4px 8px 0px #757575;  border-radius: 0px; }
.card2 { margin: 0px 40px}
.logo {margin-top: 35px;margin-left: 35px}
.logo a img{    width: 170px;}
.image {width: 360px; height: 280px}
.border-line { border-right: 1px solid #EEEEEE}
.facebook { background-color: #3b5998; color: #fff; font-size: 18px; padding-top: 5px; border-radius: 50%; width: 35px; height: 35px; cursor: pointer}
.facebook a{color: #fff;}
.twitter {background-color: #1DA1F2; color: #fff; font-size: 18px; padding-top: 5px;  border-radius: 50%; width: 35px; height: 35px;  cursor: pointer}
.twitter a{color: #fff;}
.linkedin {  background-color: #2867B2; color: #fff; font-size: 18px; padding-top: 5px; border-radius: 50%; width: 35px;  height: 35px; cursor: pointer}
.linkedin a{color: #fff;}
.line { height: 1px; width: 40%; background-color: #E0E0E0;  margin-top: 14px}
.or {width: 20%; font-weight: bold;font-size: 20px;}
.text-sm {font-size: 14px !important}

.maincontainer{display:table; height:100%;margin: 0 auto;}
.parentContainer{display:table-cell; vertical-align:middle;  }
.parentContainer #loginForm{ width:1100px; } 


.logininput input::placeholder { color: #BDBDBD;  opacity: 1;   font-weight: 300}
.logininput input:-ms-input-placeholder { color: #BDBDBD;  font-weight: 300}
.logininput input::-ms-input-placeholder {  color: #BDBDBD;   font-weight: 300}
.logininput input, textarea {  padding: 10px 12px 10px 12px; border: 1px solid lightgrey; border-radius: 2px; margin-bottom: 5px;  margin-top: 2px;  width: 100%; box-sizing: border-box; color: #2C3E50;  font-size: 14px;  letter-spacing: 1px}
.logininput input:focus, textarea:focus {  -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;  border: 1px solid #304FFE; outline-width: 0}
button:focus { -moz-box-shadow: none !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  outline-width: 0}
.btn-redtheme {background-color: #9D5A63;width: 150px; color: #fff; border-radius: 4px;    padding: 8px 12px;  font-size: 20px;}
.btn-redtheme:hover { background-color: #9D5A63;  color: white;}
.bg-redtheme { color: #fff;  background-color: #9D5A63;}

@media screen and (max-width: 991px) {
    .logo { margin-left: 0;  text-align: center; }
     .row.ml0{margin-left:auto !important;margin-right:auto!important;}

    .image {width: 300px; height: 220px}
    .border-line {border-right: none}
    .card2 {border-top: 1px solid #EEEEEE !important;  margin: 0px 15px}
}
.errormsg{font-size:12px;color:red;display:block;height:20px;}