@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;1,100&display=swap");

.main-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;

}

/*.container{
 width: 431px;
 height: auto;
    border-radius: 4px;
  padding: 20px;
}*/

.reset-height { 
 height: 234px;

}

.darkGrey{
    color: #333333;
}

.text-center {
    text-align: center;
}

.marginTop-20 {
    margin-top: 20px;
}

.marginBottom {
    margin-bottom: 20px;
}

.marginTop {
    margin-top: 15px;
}

.marginTop-2 {
    margin-top: 30px;
}

.marginBottom-30{
	margin-bottom: 30px;
}

.pd-t24{
    padding-top: 24px;
}

/*input{
    width: 270px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    padding-left: 10px;
}*/

/*.forget-password{
    width: 285px;
    margin: 15px auto;

    text-align: center

}*/
.forget-password > a {
    float: right;
    font-weight: bold;
    color: #00BAC6;
    text-decoration: none;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-top:5px;
}

.anchor-middle-align{
    width: 285px;
    margin: 15px auto;
}
.anchor-middle-align > a {
    font-weight: bold;
    color: #00BAC6;
    text-decoration: none;
}

.submitBtn{
    width: 270px;
    margin: 60px auto;
    text-align: center;
}
 button {
    background-color: #00BAC6;
    border-radius: 8px;
    width: 122px;
height: 40px;
padding: 8px 28px;
color: white;
border:none;
cursor: pointer;
}


.bold {
    font-weight: 700;
}

.fw24 {
    font-size: 24px;
}


.fs14 {
    font-size: 14px;

}

.fs12{
    font-size: 12px;

}

.fw30 {
    font-size: 30px;
}

.navBar{
    justify-content: space-between;
    display: flex;
    position: fixed;
    min-height: 64px;
    align-items: center;
    width: 100%;
    padding: 0 30px;
    border-bottom: 1px solid #eeeeee;
    background:white;
    width: 100%;
    display: flex;
    z-index: 1200;
    box-sizing: border-box;
    flex-shrink: 0;
}

body{
    margin: 0px;
}
.bodyColor{
    background-color: #fafafa;

}



.listing {
    padding-top: 80px;
    margin: 0 auto;
    width: 600px ;
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.listingItems{
    display: flex;
    /*padding: 20px 0;*/
    justify-content: space-between;
   /* border-bottom: 2px solid #eeeeee;*/

}
.listing > .listingItems:last-child{
    border-bottom: none

}

.listingItems{
    transition: .5s;
}

.listingItems:hover{
    padding-left: 5px;
}



.flex {
    display: flex;
}

.mr-l10{
    margin-left: 10px;
}


.text-66 {
    color: #666666;
}

.avatar {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }


.avatar-dropdown{
    left: -100px !important;
}

.headerLine {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0px;
}
.subheaderLine {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0px;
}
.container {
  width: 413px !important;
  left: 0px;
  top: 0px;
  border-radius: 4px;
  padding: 24px;
}
.card-subtitle {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.15000000596046448px;
}
.form-label {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.15000000596046448px;
  color: rgba(60, 60, 60, 0.54);
}
.forgot-password {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #00b9c6;
}

.btn-primary {
  background: #00b9c6;
  border: none;
  font-size: 14px;
  margin-top: 50px;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background: gray;
  border: none;
}

.btn-primary:hover {
  color: #fff;
  background: #00b9c6;
  border: none;
}

.form-check {
  margin-bottom: 15px;
}

.label-style:focus {
  color: #00b9c6 !important;
}

.input-style {
  border: 0 !important;
  border-bottom: 1px solid grey !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  font-size:18px;
}

.input-style:focus {
  border: 0 !important;
  border-bottom: 1px solid #00b9c6 !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

#forgot-password {
  display: none;
}

#after-forgot-password {
  display: none;
}

#select-application {
  display: none;
}

.profile{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-bottom:10px;
    margin-left: -30px;

}