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%);
}
}