html,
body {
	height: 100%; 
	margin: 0px; 
	padding: 0px;
}

.page-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;

	.page-wrapper-row {
		width: 100%;
		display: table-row;

		&.full-height {
			height: 100%;
		}
	}

	.page-wrapper-top {
		width: 100%;
		display: table-cell;
	}

	.page-wrapper-middle {
		background: $page-content-bg-color;
		width: 100%;
		display: table-cell;
		height: 100%;
	}

	.page-wrapper-bottom {
		width: 100%;
		display: table-cell;
	}
}

/* Page Container */
.page-container {
	clear: both;
}

.page-head {
	background: #fff;

	.container {
		position: relative;
	}

	.page-title {
		display: inline-block;
		float: left;
		padding: 19px 0;

		> h1 {
			color: #697882;
			font-size: 22px;
			font-weight: 400;
			margin: 0;

			> small {
				color: #9eacb4;
				font-size: 13px;
				font-weight: 400; 
			}
		}
	}

	$page-breadcrumb-toolbar-main-color: lighten(#EFF2F4, 3%);

	.page-toolbar {
		display: inline-block;
		float: right;
	}
}

.breadcrumb {
	background: none;
	padding: 0 0 15px 0;
	margin: 0;
	color: darken(#c5ccd5, 10%);
}

.breadcrumb > li + li:before {
  display: none;
}
.breadcrumb .fa {
  font-size: 6px;
  margin: 0 2px 0 4px;
  position: relative;
  top: -1px;
}
.breadcrumb > .active {
  color: #9eacb4;
}

.page-content {	
	padding: 15px 0 15px;
}

@media (min-width: $screen-md-min) { /* 992px */
	.container-fluid {
    	padding-left: 60px;
    	padding-right: 60px;
	}
}

@media (max-width: $screen-sm-max) { /* 991px */

	.page-head {
		background: #EFF3F8;

    	@include reset-container();
	}

  	.page-content {
      	padding-top: 0px;
      	@include reset-container();
  	}   		
}

/*  admin 3 portlet styles */ 

.portlet .portlet-input .form-control {
	background: #F1F3F8;
	border-radius: 0 !important;
	border-color: #F1F3F8;

	&:focus {
		border-color: darken(#F1F3F8, 10%);
	}
}