.navbar-nav {
	padding-left: 10px;
}
	

.loader-sm {
	border: 2px solid #f3f3f3;
	border-radius: 50%;
	border-top: 2px solid #3498db;
	width: 10px;
	height: 10px;
	-webkit-animation: spin 0.1s linear infinite;
	/* Safari */
	animation: spin 0.1s linear infinite;
}

.loader-bg {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #3498db;
	width: 100px;
	height: 100px;
	-webkit-animation: spin 0.5s linear infinite;
	/* Safari */
	animation: spin 0.5s linear infinite;
}

@keyframes spin { 0% {transform: rotate(0deg);}100%{transform:rotate(360 deg);}}

.loading {
	background-color: #ffffff;
	background-image:
		url("http://loadinggif.com/images/image-selection/3.gif");
	background-size: 25px 25px;
	background-position: right center;
	background-repeat: no-repeat;
}

.mnh {
	min-height:500px;
	
}

/* body { padding-top: 40px; } */

body {
    background: url('/bootstrap/img/webapp/bgimage2.jpeg') no-repeat center center fixed;
        background-size: auto;
    background-size: cover;
}

/* nav .dropdown-menu a:hover {background-color: green;}
 */
.navbar {
  padding:0rem;
}


.navbar.bg-primary.navbar-dark input[type="text"], .navbar.navbar-dark.bg-primary input[type="password"],
	.navbar.navbar-dark.bg-primary input[type="email"], .navbar.navbar-dark.bg-primary input[type="number"],
	.navbar.navbar-dark.bg-primary input[type="tel"], .navbar.bg-secondary.navbar-dark input[type="text"],
	.navbar.navbar-dark.bg-secondary input[type="password"], .navbar.navbar-dark.bg-secondary input[type="email"],
	.navbar.navbar-dark.bg-secondary input[type="number"], .navbar.navbar-dark.bg-secondary input[type="tel"]
	{
	color: #151515;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0.5);
}

.container{
	padding: 2rem 0rem 2rem 0rem;
}

.dropdown .dropdown-menu {
  border-radius:0;
 }

/* Medium devices (tablets, 768px and up) 
The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  border-radius:0;
 }
}

/*******navbar*******/

.navbar-dark .navbar-nav .nav-item:hover, .navbar-dark .navbar-nav .nav-item:hover {
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.navbar-dark .navbar-nav .nav-item.no-hover:hover {
  background: none !important;
  color: inherit !important;
}


/***********/

.nav-link.userbox {
    border: 1px solid rgb(0,0,0,0,0.4);
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: white;
}

/*************/

.dropdown-menu .userInfoBox {
    border: 1px solid black;
    padding: 0.25rem 1.5rem;
    font-style: italic;
}


.society-home-carousel {
    background-color: #201d1ded;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 55px;
}

.home-carousel-container {
    max-height: 400px;
    width: 95%;
}

.home-carousel-inner {
    max-height: inherit;
}

.home-carousel-img {
	    max-height: inherit;
}



/***** footer ******/

.footer-dark {
	
  padding: 50px 0;
  color: #f0f9ff;
  background-color: #282d32;
}

.footer-dark h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 16px;
}

.footer-dark ul {
  padding: 0;
  list-style: none;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 0;
}

.footer-dark ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.6;
}

.footer-dark ul a:hover {
  opacity: 0.8;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px;
  }
}

.footer-dark .item.text {
  margin-bottom: 36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom: 0;
  }
}

.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}

.footer-dark .item.social {
  text-align: center;
}

@media (max-width:991px) {
  .footer-dark .item.social {
    text-align: center;
    margin-top: 20px;
  }
}

.footer-dark .item.social > a {
  font-size: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.4);
  margin: 0 8px;
  color: #fff;
  opacity: 0.75;
}

.footer-dark .item.social > a:hover {
  opacity: 0.9;
}

.footer-dark .copyright {
  text-align: center;
  opacity: 0.3;
  font-size: 13px;
  margin-bottom: 0;
}
.br {
            display: block;
            margin-bottom: 0em;
 }
 
.font-size-xl {
    font-size: 35px;
}

.font-size-lg {
    font-size: 25px;
}
 
[v-cloak] > * { display: none; }
[v-cloak]::before {
  content: " ";
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  background: #c4c4c447;
  background-image: url(https://raw.githubusercontent.com/SamHerbert/SVG-Loaders/master/svg-loaders/puff.svg);
  background-size: cover;
  left: 50%;
  top: 50%;
}