/* 
- General
- Header
- Sidebar
- Page Content
- Utilities
- Widgets
- Chips
- Email
- chat box
- Authentication
- swicther
- Responsive

 */


/* General */

body {
    font-size: 14px;
	color: #4c5258;
	letter-spacing: .5px;
    font-family: Roboto, sans-serif;
    background-color: #f7f8fa;
    /* overflow-x: hidden; */
}

.wrapper{
    width: auto;
	position: relative
}

a {
    text-decoration: none;
}

::placeholder {
    opacity: 0.4 !important;
}



/* Utilities */

.radius-10 {
    border-radius: 10px;
}
.radius-15 {
    border-radius: 15px;
}
.radius-30 {
    border-radius: 30px;
}


.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-20 {
    font-size: 20px;
}
.font-22 {
    font-size: 22px;
}
.font-24 {
    font-size: 24px;
}
.font-30 {
    font-size: 30px;
}

.font-35 {
    font-size: 35px;
}

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

.table-responsive {
    white-space: nowrap;
}



.add-post {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.15);
}



  /* Authentication */

  .bg-login {
	background-image: url(../images/auth-bg.png);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #eeeeee !important;
  }
  .bg-login .login-content{
	height: 100vh;
	width: 100%;
  }


  .bg-register {
	background-image: url(../images/bg-register-img.png);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
  }


  .bg-forgot-password {
	background-image: url(../images/forgot-password.png);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
  }
  

 .bg-reset-password {
	background-image: url(../images/reset-password.png);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
  }
  

.authentication-card {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    max-width: 60rem;
    height: 100vh;
}

.login-separater span {
    position: relative;
    top: 26px;
    margin-top: -10px;
    background: #fff;
    padding: 5px;
    font-size: 12px;
    color: #cbcbcb;
    z-index: 1;
}
/* .btn-primary{
	background-color: #3774b2 !important;
	border-color: #3774b2;
} */
.features{
    /* text-align: center;
    justify-content: center; */
}
.features .fea-icon-v2 {
    width: 112px;
    height: 112px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #3774b2;
    border-radius: 100%;
}
.features:hover .fea-icon-v2 {
    background-color: #343333;
}
.text-primary{
    color: #3774b2 !important;
}
a{
    color: #3774b2 !important;
}
.btn-primary{
    color:#ffffff !important;
    background-color: #3774b2 !important;
    border-color: #3774b2!important;
}