@font-face {
  font-family: Nunito;
  src: url(../fonts/Nunito-Regular.ttf);
  src: url(../fonts/Nunito-Regular.ttf) format('ttf'), url(../fonts/Nunito-Regular.ttf) format('truetype')
}
html {
  position: relative;
  min-height: 100%;
  font-family: Nunito
}
body {
  height: 100%;
  background-color: #fafdfb;
	background-image: url("../img/bglogo.png"); background-repeat: no-repeat; background-position: right;
}
a:focus {
  outline: 0
}
#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
#wrapper #content-wrapper {
  background-color: #fafdfb;
  width: 100%;
  overflow-x: hidden
}
#wrapper #content-wrapper #content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.container, .container-fluid, .container-login {
  padding-left: 2.5rem;
  padding-right: 2.5rem
}
.topbar {
background: rgb(37,35,93);
background: linear-gradient(354deg, rgba(37,35,93,1) 0%, rgba(32,121,189,1) 100%);
  padding: 20px 0 12px 0
}
.card {
  -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
  box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important
}
.hd-cont h3 {
  font-size: 24px;
}


.rd-rec{
	
 width: 100px;
  height: 100px;
  background: rgb(37,35,93);
background: linear-gradient(354deg, rgba(37,35,93,1) 0%, rgba(32,121,189,1) 100%);
  border-radius: 50%; padding: 4px 10px; color: white;
}