/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}

/* Navbar */
	/* change the background color */
	.navbar-custom {
		background-color: #B7B7FF;	
		//background-image:url(../imgs/header-bg.jpg);
	}
	/* change the brand and text color */
	.navbar-custom .navbar-brand,
	.navbar-custom .navbar-text {
		color: rgba(0,0,0,.8);
	}
	/* change the link color */
	.navbar-custom .navbar-nav .nav-link {
		color: rgba(0,0,255,1);
	}
	
	/* change the color of active or hovered links */
	.navbar-custom .nav-item.active .nav-link,
	.navbar-custom .nav-item:focus .nav-link,
	.navbar-custom .nav-item:hover .nav-link {
		color: #000;
	}

	.navbar {
		-webkit-box-shadow: 0 2px 1px -1px #ccc;
		-moz-box-shadow: 0 2px 1px -1px #ccc;
		box-shadow: 0 2px 1px -1px #ccc;
		/* the rest of your styling */
	}

	
	.dropdown-item {
		font-size:13px;
	}
	
	.nav-item {
			font-size:14px;
	}

	.nav-item .btn {
			font-size:14px;
	}


	.dropdown-menu {
	  background-color: #f9f9f9;
	  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	}

	
/* End Navbar */

table{
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed; // ***********add this
  word-wrap:break-word; // ***********and this
}

.th_opts {
	background-color: #edf1f2;
	font-size:12px;
	text-align:center;
}


.card_bg {
	background-color: #fff;
}
.card_hd_bg {
	color:#000;
}


header {
	height:80px;
}

.arrow_back {
	background-image:url(../imgs/arrow-pattern.png);
}

.small-btn-txt {
	font-size:12px !important;	
}


.card-body {
	padding: 0px !important;
}
.side_panel {
	border-style: solid;
  	border-width: 0px 1px 0px 0px;
	border-color:#ccc;
	//padding-right: 0px !important;
}

.main_panel {
	padding-top: 10px;
}

#accordion .card {
	border-width: 0px !important;
	margin: 0px;
	background-color: #edf1f2;
}


#accordion .card-header {
	font-weight:600;
	font-size: 14px;	
}
#accordion .card-header .fa {
  transition: .3s transform ease-in-out;
}
#accordion .card-header .collapsed .fa {
  content: "\f291";
}

#accordion  .card-body {
	padding: 10px !important;
}

.filter-head {
	height: 30px;
	font-size:14px;
	font-weight:500;
	padding:5px;
}

.activate {
	text-decoration:line-through !important;
	color:#F00;
}

.srch-txt-box {
	height: 30px;
	padding:5px;
	border-width: 1px;
}


.de-active-user {
	text-decoration:line-through;
	color:#F00;
} 

.active-user {
	text-decoration:none;
} 

.form-border {
	border: solid 1px #CCC;
	padding: 10px;
}

.form-group {
    margin-bottom: 1px !important;
}

.col-form-label {
	font-size:13px;
	font-weight: 400;
}

.form-control {
	font-size:12px;
	padding:5px;
	height:30px;
}

.error-msg {
	color:#F00;
	font-weight:bold;
}

.input-control{
	width: 100%;
	border: 1px #ccc solid;
	padding:5px;	
	font-size:12px;
	height:35px;
}

.edit-control {
	width: 100%;
	border: 1px #ccc solid;
	padding:5px;	
	font-size:12px;
	height:100px;	
}

.new-btn-linK {
	font-weight: bold;
	color:#009 !important;
}
@media only screen and (min-width: 768px) {
  .filter-menu {
    float:right;
  }
}