html,body {
	  height: 100%;
	  color: #5e6e82;
	  /*background-color: #edf2f9;*/
	}

/* app stack */


/*
.sidebar .nav-link.active {
	border-bottom: 3px solid #1F9BE8;
}

.sidebar .nav-link.active div {
	border-bottom: 3px solid #1F9BE8;
}
.sidebar .nav-link,
.sidebar .nav-link a {
	color: #404E67;
	font-weight: 500;
}*/

#body-row {
    margin-left:0;
    margin-right:0;
}
#sidebar-container {
    min-height: 100vh;   
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
	width: 150px;
}
.sidebar-collapsed {
	width: 50px;
	background-color: #FFF;
}

.sidebar .list-group-item {
	padding: .5rem 0.75rem;
}

.sidebar .nav-link .caption,
.sidebar .list-group-item .caption
{
	color: #404E67;	
	border-bottom: 3px solid transparent;	
}

.sidebar .nav-link.active .caption, 
.sidebar .list-group-item.active .caption{
	color: #404E67;	
	border-bottom: 3px solid #1F9BE8;	
}

.sidebar .list-group-item,
.sidebar .list-group-item *{
	color: #404E67;
	font-weight: 500;
	background-color: transparent;
	border-color: transparent;
}

.sidebar-collapsed .caption{
	visibility : hidden;
}

.sidebar-collapsed .list-group-item:hover .caption{
	visibility : visible;
	background-color: #FFF;	
}

#projectmenu .nav-link.active img,
.sidebar .list-group-item.active img
{
	filter: invert(55%) sepia(63%) saturate(3120%) hue-rotate(176deg) brightness(95%) contrast(90%);
}



/* customization */
	.required{
		/* border: 2px solid #721c24; */
		border: 2px solid #dc3545;
	}

	
	.table-hover tbody tr:hover {
		color: #212529;
		background-color: #edf2f9;
		cursor: pointer;
	}
	
	.bg-light {
		background-color: #f9fafd;
	}
	
	
	.border-top {
		border-top: 1px solid rgba(34,34,48,.1)!important;
	}
	.border-bottom {
		border-top: 1px solid rgba(34,34,48,.1)!important;
	}
	
	
/* navbar */	

	.bg-navbar {
		background-color: #D8E2EF !important;
	}	
	
	
	/* all nav-links black */
	.navbar-light .navbar-nav .nav-link
	{
		color: rgba(0,0,0,.9);
	}
	
	/* gray bg on hover */
	.navbar-nav .nav-link:focus, 
	.navbar-nav .nav-link:hover {
		background-color: #eee;
	}

	/* blue line if active */
	.navbar-nav .nav-link div {
		border-bottom: 3px solid transparent;
	}
	.navbar-nav .nav-link.active  div {
		border-bottom: 3px solid #1F9BE8;
	}
	
	/*
       preview menu edit-settings button / link 
	*/
	.navbar-light .navbar-nav .edit-settings .nav-link:focus{
		background-color: transparent;
	}	
	.navbar-nav .edit-settings .nav-link.active,
	.navbar-nav .edit-settings .nav-link:focus.active{
		background-color: #C8DCF1;
	}

	.navbar-nav .edit-settings .nav-link.active div{
		border-bottom: 3px solid transparent;
		/*color: #FFF;*/
	}
	#projectmenu .navbar-nav .edit-settings .nav-link.active img
	{
	/*	filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(344deg) brightness(112%) contrast(100%);*/
	}


	
	/* full height nav-link in navbar */
	@media only screen and (min-width: 991px) {
	  .navbar {
		padding-top: 0;
		padding-bottom: 0;
	  }
	  
	  .navbar-nav.nav-pills, 
	  .navbar-nav .nav-link {
		padding-top: 1rem;
		padding-bottom:  1rem;
		border-radius: 0;
	  }
	}

	/* horizontal navbar */
	.navbar-wrapper {
		border-bottom: 1px solid #E4E7ED;
	}

	.navbar-light.navbar-horizontal {
		background: transparent;
	}
	.header-navbar.xxxxnavbar-shadow {
		box-shadow: 2px 4px 20px -4px rgba(0,0,0,.1);
	}

/*
 * Sidebar
 */
/*
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; 
  padding: 48px 0 0; 
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; 
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
*/

/*
 * Navbar https://getbootstrap.com/docs/4.5/examples/dashboard/
 */

	.navbar-brand {
	  padding-top: .75rem;
	  padding-bottom: .75rem;
	  font-size: 1rem;
	}

	.navbar .navbar-toggler {
	  top: .25rem;
	  right: 1rem;
	}

	.navbar .form-control {
	  padding: .75rem 1rem;
	  border-width: 0;
	  border-radius: 0;
	}

	.form-control-dark {
	  color: #fff;
	  background-color: rgba(255, 255, 255, .1);
	  border-color: rgba(255, 255, 255, .1);
	}

	.form-control-dark:focus {
	  border-color: transparent;
	  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
	}
	
	
/* Card */	

	.card {
		-webkit-box-shadow: 0 7px 14px 0 rgba(65,69,88,.1),0 3px 6px 0 rgba(0,0,0,.07);
		box-shadow: 0 7px 14px 0 rgba(65,69,88,.1),0 3px 6px 0 rgba(0,0,0,.07);
	}

	 .card-header{
		padding:1rem 1.25rem;
		margin-bottom:0;
		background-color:#fff;
		border-bottom:0 solid #edf2f9;
	}

	.card-link {
		font-size: .83333rem;
		font-weight: 600;
	}

	.card-title {
		font-weight: 600;
		font-size: 1.2rem;
	}

	.card-body:last-child {
		border-bottom-left-radius: .375rem;
		border-bottom-right-radius: .375rem;
	}

	.card-footer{padding:1rem 1.25rem;background-color:#fff;border-top:0 solid #edf2f9;}
	.card-footer:last-child{border-radius:0 0 calc(.375rem - 0px) calc(.375rem - 0px);}



/* Auth */
	.container-scroller {
		overflow: hidden;
	}

	.content-wrapper.full-page-wrapper {
		margin-left: 0;
		width: 100%;
	}

	.auth .auth-form-light {
		background: #ffffff;
		color: #000;
	}

	.auth form .auth-link {
		font-size: 0.875rem;
	}

	.auth form .form-group label {
		margin-bottom: 0;
		vertical-align: bottom;
		font-size: .8125rem;
	}


	.logo-img {
		font-size: 1.125rem;
		text-anchor: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	@media (min-width: 768px) {
		.logo-img-lg {
		  font-size: 3.5rem;
		}
	}


/* bootstrap fixes */

	.table td, .table th {
		vertical-align: middle;
	}

	.content-wrapper {
		background: #F6F8FA;
		min-height: 100vh;
		padding: 1.5rem 1.7rem;
		transition: width 0.25s ease, margin 0.25s ease;
	}

/* navbar dropdown */

	.navbar-menu-wrapper .navbar-nav .nav-item .nav-link.nav-btn:after {
	  display: none;
	}

	.navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle {
		padding: 0;
	}

	@keyframes dropdownAnimation {
	  from {
		opacity: 0;
		transform: translate3d(0, -30px, 0);
	  }
	  to {
		opacity: 1;
		transform: none;
		transform: translate3d(0, 0px, 0);
	  }
	}

	.dropdownAnimation, .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
	  animation-name: dropdownAnimation;
	  -webkit-animation-duration: 0.25s;
	  -moz-animation-duration: 0.25s;
	  -ms-animation-duration: 0.25s;
	  -o-animation-duration: 0.25s;
	  animation-duration: 0.25s;
	  -webkit-animation-fill-mode: both;
	  -moz-animation-fill-mode: both;
	  -ms-animation-fill-mode: both;
	  -o-animation-fill-mode: both;
	  animation-fill-mode: both;
	}

	@keyframes fadeOut {
	  from {
		opacity: 1;
	  }
	  to {
		opacity: 0;
	  }
	}

	.fadeOut {
	  animation-name: fadeOut;
	}

	.dropdown-item:hover, .dropdown-item:focus {
		color: #16181b;
		text-decoration: none;
		background-color: #f8f9fa;
	}
	.navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
		border-bottom: 1px solid white;
		margin-bottom: 0;
		padding: 11px 30px;
		cursor: pointer;
	}

	.navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
	  font-size: 0.9rem;
	  margin-top: 0;
	  position: absolute;
	  top: 48px;
	  right: 0;
	  left: auto;
	  min-width: 100%;
	  -webkit-box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.1);
	  -moz-box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.1);
	  box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.1);
	  border-radius: 4px;
	  border: 1px solid rgba(182, 182, 182, 0.1);
	  padding: 0;
	  border-radius: 0;
	  overflow: hidden;
	}

	.navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-left {
		left: 0;
		right: auto;
	}


	.navbar-toggler {
		padding: 0.25rem 0.75rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 0.25rem;
	}

	#sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
		background: #f6f6f6;
		color: #8d9498;
	}


/* falcon style */




.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #edf2f9;
}

th{text-align:inherit;}
.table th{padding:.75rem;vertical-align:top;border-top:1px solid #edf2f9;}
.table thead th{vertical-align:bottom;border-bottom:2px solid #edf2f9;}
.table-sm th{padding:.3rem;}
.align-middle{vertical-align:middle!important;}


	.dataTables_wrapper .data-table.dataTable td,.dataTables_wrapper .data-table.dataTable th{white-space:nowrap;}
	.dataTables_wrapper .no-sort:after,.dataTables_wrapper .no-sort:before{display:none!important;}
	.falcon-data-table .data-table{margin:0!important;}
	.table thead>tr>th:first-child,.table tr td:first-child,.table tr th:first-child{padding-left:1.25rem;}
	.white-space-nowrap{width:1px;white-space:nowrap;}
	th{font-weight:600;}
	.table-dashboard{overflow:hidden;}
	.table-dashboard th{border-bottom-width:1px!important;}
	.bg-white{background-color:#fff!important;}
	.border{border:1px solid #d8e2ef!important;}
	.border-bottom{border-bottom:1px solid #d8e2ef!important;}
	.rounded-capsule{border-radius:3.125rem!important;}

.toastify{
    color: #545454;
    font-size: 1em;
	font-weight: 400;	
	background: #fff;
	box-shadow: 0 0 0.625em #d9d9d9;
	padding: .625em;
	border-radius: .3125em;
}
.toastify.success
{
	border-left:  4px solid #62b64f; 
	color:#62b64f; 
}

.toastify.error {
	border-left: 4px solid #C0504D; 
	color:#C0504D;
}

/* action button */

.btn-reveal{
	background-color: transparent;
	border: 1px solid transparent;

}

.btn-reveal:focus, .btn-reveal:hover,.btn-reveal:active
{
	color:#0b1727!important;
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#0b1727!important;
	background-color: #fff;
	border-color: #fff;
		
	-webkit-box-shadow:0 0 0 1px rgba(43,45,80,.1),0 2px 5px 0 rgba(43,45,80,.08),0 1px 1.5px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08);
	box-shadow:0 0 0 1px rgba(43,45,80,.1),0 2px 5px 0 rgba(43,45,80,.08),0 1px 1.5px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08);
}

.btn-falcon-default {
	color: #4d5969;
	background-color: #fff;
	border-color: #fff;
	-webkit-box-shadow: 0 0 0 1px rgba(43,45,80,.1),0 2px 5px 0 rgba(43,45,80,.08),0 1px 1.5px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08);
	box-shadow: 0 0 0 1px rgba(43,45,80,.1),0 2px 5px 0 rgba(43,45,80,.08),0 1px 1.5px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08);
}

.btn-falcon-default:hover,
.btn-falcon-default:focus {
	color: #010305!important;
    -webkit-box-shadow: 0 0 0 1px rgba(43,45,80,.1), 0 2px 5px 0 rgba(43,45,80,.1), 0 3px 9px 0 rgba(43,45,80,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 0 1px rgba(43,45,80,.1), 0 2px 5px 0 rgba(43,45,80,.1), 0 3px 9px 0 rgba(43,45,80,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.btn-falcon-default:not(:disabled):not(.disabled).active {
	color: #4d5969;
	background-color: #e6e6e6;
	border-color: #dfdfdf;
}

.btn-falcon-default:not(:disabled):not(.disabled).active:focus {
	-webkit-box-shadow: 0 0 0 0 rgba(228,230,233,.5);
	box-shadow: 0 0 0 0 rgba(228,230,233,.5);
}

.btn-falcon-default:focus:not(.disabled):not(:disabled){
	color: #010305!important;
	-webkit-box-shadow: 0 0 0 1px rgba(43,45,80,.1),0 2px 5px 0 rgba(43,45,80,.1),0 3px 9px 0 rgba(43,45,80,.08),0 1px 1.5px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.08);
	box-shadow: 0 0 0 1px rgba(43,45,80,.1),0 2px 5px 0 rgba(43,45,80,.1),0 3px 9px 0 rgba(43,45,80,.08),0 1px 1.5px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.08);
}

.btn-falcon-default:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #010305!important;
}


/* table sort arrows */
	th .sortbtn { 
		margin: 0;
		padding: 0;
		padding-right: 18px;
		position: relative;
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
		background: transparent;
		border:none;
		line-height: inherit;
		border-radius: 0;	
		display:block;
	}
	th .sortbtn:focus, .sortbtn:focus{
		outline: none;
		text-decoration: none;
	}

	/*
	th .sortbtn:before,
	th .sortbtn:after {
		border: 4px solid transparent;
		content: "";
		display: block;
		height: 0;
		right: 5px;
		top: 50%;
		position: absolute;
		width: 0;
	}
	th .sortbtn:before {
		border-bottom-color: #344050;
		margin-top: -9px;
	}
	th .sortbtn:after {
		border-top-color: #344050;
		margin-top: 1px;
	}
	*/
	.arrow{
		display: inline-block;	
		width: 0.5rem;
		height: 0.5rem;
	}
	
	.arrow:after {
		position: absolute;
		
		padding: 0rem;
		margin-left: 0.5rem;
		width: 0.5rem;
		height: 0.5rem;
		border-top: 2px solid  #b6c1d2;
		border-right: 2px solid  #b6c1d2;
		content: "";
		top: 50%;
	}
	
	.arrow.current:after {
		border-top: 2px solid  #4d5969;
		border-right: 2px solid  #4d5969;
	}
	
	.arrow-top:after {
	  transform: rotate(-45deg);
	  top: 45%;
	}
	.arrow-right:after {
	  transform: rotate(45deg);
	}
	.arrow-bottom:after {
	  top: 25%;
	  transform: rotate(135deg);
	}
	.arrow-left:after {
	  transform: rotate(-135deg);
	}
	
	
/* delete confirmation */

	.modal-confirm {		
		/*color: #636363;
		width: 400px;*/
	}

	.modal-confirm .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
        text-align: center;
		font-size: 14px;
	}
	.modal-confirm .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm h4 {
		text-align: center;
	}
	.modal-confirm .close {
        position: absolute;
		top: -5px;
		right: -2px;
	}

	.modal-confirm .modal-footer {
		border: none;
		text-align: center;		
		border-radius: 5px;
		font-size: 13px;
		padding: 10px 15px 25px;
	}
	.modal-confirm .modal-footer a {
		color: #999;
	}		
	

	.modal-confirm .btn {
		min-width: 120px;
	}
	

	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}	


.project-item{
	/* single line */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.login .app-content.mt-3, 
.login .app-content.my-3{
	margin-top: 0px !important;
}

/*
	Preview Save/Login Modal
*/
	.md-modal {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 50%;
		max-width: 630px;
		min-width: 320px;
		height: auto;
		z-index: 2000;
		visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.md-show {
		visibility: visible;
	}
	.md-content {
		color: #333;
		background: #fff;
		position: relative;
		border-radius: 8px;
		margin: 0 auto;
	}

	.md-content h3 {
		margin: 0;
		padding: 0.4em;
		text-align: center;
		font-size: 2em;
		font-weight: 300;
		opacity: 0.8;
		/*background: rgba(0,0,0,0.1);
		border-radius: 3px 3px 0 0;*/
	}

	.md-content > div {
		padding: 15px 40px 30px;
		margin: 0;
		font-weight: 300;
		font-size: 1.15em;
	}

	.md-effect-1 .md-content {
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.md-show.md-effect-1 .md-content {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	.md-modal .tab-group {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.md-modal .tab-group:after {
		content: "";
		display: table;
		clear: both;
	}
	.md-modal .tab-group li {
		display: block;
		text-decoration: none;
		padding: 15px;
		background: #e5e6e7;
		color: #888;
		font-size: 20px;
		float: left;
		width: 50%;
		text-align: center;
		border-top: 3px solid transparent;
		/*-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;*/
		cursor: pointer;
	}
	.md-modal .tab-group li.active {
		background: #fff;
		color: #444;
		border-top: 3px solid #73cf41;
	}


.loading{
	display: flex;
	align-items: stretch;
	align-items: center;
	justify-content: center;
}

.form-control.img-upload-btn{
	display: flex;
	align-items: center;
	justify-content: stretch;
	cursor: pointer;
	padding: 5px;
}

.img-upload-btn .imgview{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 100%;
	margin-right: 10px;
}

.img-upload-btn .imgtxt{
	text-overflow: ellipsis;
}

.form-check-input{
	margin-top: 0.6rem;
}