/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/*
 * for bootstrap 3
 *
 * lt 768     .col-xs-
 * ge 768     .col-sm-
 * ge 992     .col-md-
 * ge 1200    .col-lg-
*/

/*
 * for bootstrap 4
 *
 * lt 544     .col-xs-
 * ge 544     .col-sm-
 * ge 720     .col-md-
 * ge 992     .col-lg-
 * ge 1200    .col-xl-
 */

body{
	/*background-color: #f9f9f9 !important;*/
}

.a-link{
	color: #545454 !important;
}

.widget-back{
	background-color: #FFFFFF;
	border: 1px solid #dedede;
	border-radius: 2px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 8px 2px rgba(184,184,184,0.49);
	-moz-box-shadow: 1px 1px 8px 2px rgba(184,184,184,0.49);
	box-shadow: 1px 1px 8px 2px rgba(184,184,184,0.49);
}

.brand-container {
	text-align: center;
}

.logoImage {
	margin:0px;

	/*height: 57px;*/
}
.ui-datatable table{
	table-layout: auto !important;
}

/* need to make the <li> in a <ul> pull-right of bootstrap menu inline */
ul.navbar-nav.pull-right  {
	/*padding-top: 15px;*/
	padding-right: 10px;
	padding-left: 0px;
	margin-right: 0px;
}

/*
 * bit of a hack to preserve the display: inline for the right hamburger button to appear on small devices
 */
ul.navbar-nav.pull-right li.inline  {
	padding-left: 0px;
	margin-left: 0px;
	display: inline;
}
.show-xs {
	display: inline !important;
	margin-right: 10px;
}
/* reduce the logo and logo text */
@media (max-width: 767px) {
	.logoImage {
		/*
		padding-top: 10px;
		padding-left: 10px;
		width:70px;
		*/
	}
	.logoText {
		display:none !important;
	}
}

/*
 *
 * !!!!!!! for sidebar
 *
 */
body {
	/*padding-top: 50px;*/
}


/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
	border: 0;
}

.top-navigation{
	top: 0.5px;
	right:0;
	left:0;
	margin-left: 0 !important;
	position: fixed;
	width: 100%;
	z-index: 888;
	background-color: #fcfcfc;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	height: 45px;
	-webkit-box-shadow: 0 4px 6px -3px #eaeaea;
	box-shadow: 0 4px 6px -3px #eaeaea;
}

.inner-page{
	margin-top: 40px;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
	display: none;
	margin: 0;
	margin-left:-15px;
	padding: 0;
	position: fixed;
	height: 100%;
	overflow: hidden;
	width: 300px;
	background-color: #FEFEFE;
	z-index: 999;
	-webkit-box-shadow: 3px 0 6px -2px #eaeaea;
	box-shadow: 3px 0 6px -2px #eaeaea;
}

.slider-off{
	display: block;
}

.top-navigation-line{
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 988;
	/*background-color:#49bf67;*/
	height: 1px;
}

.nav-close-btn{
	display: block !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.main {
	padding-left: 0px;
}

@media (min-width: 1200px) {
	.sidebar {
		position: fixed !important;
		bottom: 0;
		margin: 0;
		left: 0;
		z-index: 999;
		display: block;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #FEFEFE;
		border-right: 1px solid #ece9e9;
		-webkit-box-shadow: 3px 0 6px -2px #eaeaea;
		box-shadow: 3px 0 6px -2px #eaeaea;
	}
	.main {
		padding-left: 300px;
	}

	.show-xs {
		display: none !important;
	}

	.nav-close-btn{
		display: none !important;
	}

	.slider-off{
		display: none;
	}
}

/*
 * Main content
 */

.page-header-container{
	margin: -10px -15px 25px -15px;
	background-color: #ffffff;
	padding: 5px 15px 0px 15px;
	display: inline;
}

.main .page-header {
	margin-top: 0;
}

/* Sidebar navigation */
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {
	padding-right: 20px;
	padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
	color: #fff;
	background-color: #428bca;
}




.page-title{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 300 !important;
}

ul {
	list-style-type: none;
}
.help-block {
	margin-top: -19px !important;
}
.menu-panel-heading a:after {
	font-family:'Glyphicons Halflings';
	content:"\e114";
	float: right;
	color: grey;
}
.menu-panel-heading a.collapsed:after {
	content:"\e080";
}

.menu-panel-heading{
	background-color: white !important;
	border-bottom: 1px solid #e5e5e5 !important;
	padding-bottom: 15px !important;
}

.menu-panel{
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	/*border: 1px solid white !important;
    border-top-color: gainsboro !important;*/
}

.menu-panel-body{
	/*border-top-color: red !important;*/
	/*border-top-color: #e5e5e5 !important;
    border-bottom-color: #e5e5e5 !important;*/
	border-top: none !important;
	padding-top: 15px;
	padding-bottom: 15px;
	/*border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;*/
	background-color: #f0f0f0 !important;
}

.left-submenu-text {
	/*color: #204d74;*/
}

a.left-submenu-text:hover {
	/*color: #FFFFFF !important;*/
}

tr.left-submenu :hover {
	background-color: #cfd3d6 !important;
	color: #414548 !important;
}

.left-submenu a{
	color: #4e4e4e;
	text-decoration: none !important;
	display: block;
	position: relative;
	/*padding: 10px 30px 10px 6px;*/
	/*background-color: transparent !important;*/
	font-weight: normal;
}

.top-spacer-15{
	margin-top: 15px !important;
}

.top-spacer-10{
	margin-top: 10px !important;
}

.right-spacer-10{
	margin-right: 10px !important;
}

.right-spacer-15{
	margin-right: 15px !important;
}

.success_icon{
	color: #008000;
}