@charset "utf-8";
*, ::after, ::before {box-sizing: border-box;}
:root{--placeholder-text-color: #b1b1b1}
body{font-size: 14px; color: #4c5258; letter-spacing: 0.5px;
    background-color: #f4f4f4; overflow-x: hidden; font-family: Roboto, sans-serif;}
.wrap{width: 100%; position: relative;}
.auth{min-height:100vh; align-items: center !important; justify-content: center !important;
    display: flex !important;}
.card{border: 0 solid transparent; margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
    position: relative; flex-direction: column;
    min-width: 0; color: #212529;
    word-wrap: break-word;  background-color: #fff; background-clip: border-box;
    border-radius: 0.375rem}
.card-body{padding: 1rem}
.err{background-color: red; color: #fff; font-size: 14px;
padding:5px; margin: 10px 0; display: none;}
h5{margin-bottom: 0 !important;}


@media (min-width: 992px) {
    .auth {margin-top: 0 !important;  margin-bottom: 0 !important;}
}
@media (min-width: 768px) and (max-width: 1000px) {
  
}

@media (max-width: 767px) {
  
}

@media (max-width: 500px) {

}