.card
{
    margin: 5px;
    min-width: 256px;
}
.card-body
{
   padding:4px; 

}
.pagination
{
 margin-top: 10px;

}
.page-item
{
    border-style: hidden;
}
.page-link
{
    color: black;
    border-style: hidden;
}

.btn-group
{
    margin-left: 4px;
    margin-right: 4px;
}

.nav-link
{
    color: black;
}
hr.style1{
	border-top: 1px solid #fff;
}

.required {
	display: none;
	visibility: hidden;
}

.popup {
  position: relative;
  background:#f0f0f0;
  color:#000;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
  border-radius: 10px;
}

.popup label {
	font-weight: 700;
}

.popup textarea {
	width:100%;
	height: 200px;
}

.success {
	font-weight: 700;
	color: #00a000;
}

.error {
	font-weight: 700;
	color: #a00000;
}

/* responsive nav stacked liked 3.x */
@media(max-width:992px) {
    #nav1.navbar .navbar-brand {
        float:none;
        display: block;
    }
    #nav1.navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    #nav1.navbar .navbar-nav {
        float:none !important;
    }
}

@media(max-width:768px) {
    #nav2.navbar .navbar-brand {
        float:none;
        display: block;
    }
    #nav2.navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    #nav2.navbar .navbar-nav {
        float:none !important;
    }
}

@media(max-width:544px) {
    #nav3.navbar .navbar-brand {
        float:none;
        display: block;
    }
    #nav3.navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    #nav3.navbar .navbar-nav {
        float:none !important;
    }
}