﻿html {
  height: 100%;
}

html body {
  overflow: hidden;
  height: 100%;
}

.container-fluid1 {
	padding: 0px 10%;
	width: 100%;
}

/*
	Defined Heights:
		Top Nav Bar:		42px
			Page Nav Bar:	56px
			Page Title:		47px	
			List Filters:	38px
			List Headers:	36px
			List Nav Bar:	40px
			Footer:			25px
		
*/

.frozen-page-container {
	height: calc(100% - 42px);
	overflow: hidden;
	padding-right: 10%;
	padding-left: 10%;
}

html body .container-fluid.body-content {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 70px - 25px - 25px);
}

.layout-default {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 25px - 25px);
}

.layout-home {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 50px - 25px)
}

.index-paged {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 56px - 26px - 25px - 25px);
}

.index-list {
	height: calc(100% - 56px - 47px - 25px);
}

.index-search {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 200px - 45px);
}

.index-simple-search {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 150px - 45px);
}

.index-simple {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 100px - 45px);
}

.edit-simple {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 120px - 45px);
}



.frozen-page-header {

}
.frozen-page-footer {
	margin-top: 5px;
	position: absolute;
	bottom: 0px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea,
span {
    max-width: 280px;
}

select {
    text-align: center;
    width:100%;
	padding-top: 3px;
    padding-bottom: 3px;
}

input {
    text-align: left;
}

option {
    text-align: left;
    padding-left: 0%;
}

.number{
	text-align: right;
    margin-bottom: 0;
}

.label-left{
	text-align: left;
    padding-top: 7px;
    margin-bottom: 0;
}

.field-validation-error {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
	border: 1px solid #ff0000;
	background-color: #ffeeee;
	padding-top: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.validation-summary-valid {
	display: none;
}

.btn-save {
	background: url('images/save-32.png') no-repeat;
	padding-left: 32px;
	background-position-x: calc(10%);
	background-position-y: calc(50%);
	background-size: 20px;
}

.btn-back {
	background: url('images/back-32.png') no-repeat;
	padding-left: 30px;
	background-position-x: calc(6%);
	background-position-y: calc(50%);
	background-size: 20px;
}


.btn-new {
	background: url('images/new-32.png') no-repeat;
	padding-left: 30px;
	background-position-x: calc(6%);
	background-position-y: calc(50%);
	background-size: 20px;
}

.btn-strip {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid;
	border-color: #CCC;
	border-width: 1px;
}

.btn-filter {
    background: url('images/filter-32.png') no-repeat;
    padding-left: 30px;
    background-position-x: calc(6%);
    background-position-y: calc(50%);
    background-size: 20px;
}


.button-strip {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 50px - 30px);
}

.searchbox {
	padding: 0px 6px;
	height: 28px
}

.navbar1 {
	border-bottom: 1px solid #C5C5C5;
}

.navbar1 li a {
	background-color: #fff;
	color: #222;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-top: 5px;
	height: 35px;
	padding-top: 6px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar1 .container-fluid .navbar-toggle{
	border-width:1px; 
	border-color:#888;
	margin-top:12px;
}

/*.navbar div .navbar-collapse{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-color:#888;
}*/

.navbar1 .navbar-collapse{
	margin-top:10px;
}

.list-table {
	width: 100%;
	empty-cells: show;
	font-weight: normal;
}

.list-table-header {
	background-color: #E3E3E3;
	border: solid 1px #C5C5C5;
	background-image: none, -webkit-linear-gradient(rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
}

.list-table-header th {
	padding: .5em .6em .4em .6em;
	border-style: solid;
	border-color: #C5C5C5;
	border-width: 0px 1px;
	font-weight: normal;
	text-overflow: ellipsis;
}

.list-table-header th a {
	padding: 0px;
	border-style: solid;
	background-color: transparent;
	border-width: 0px;
}

.list-table-body {
	height: calc(100% - 42px - 36px - 40px);
	border: solid 1px #C5C5C5;
	overflow-y: auto;
}

.list-table-body tr td {
	padding: .3em .5em .3em .5em;
	border-bottom: solid 1px #C5C5C5;
}

.list-table-footer {
	border: solid 1px #C5C5C5;
}

.list-table-primary-row {

}

.list-table-alternate-row {
	background-color: #F5F5F5;
}

.center {
	text-align: center;
}

.list-filters {
	height: 33px;
	padding-bottom: 5px;
}

.list-filters .btn {

}

.list-table-nav {
	padding: 5px;
	height: 38px;
}

.btn-nav {
	height: 28px;
	width: 28px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 3px 6px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-search {
	height: 28px;
	width: 28px;
	margin-left: -3px;
	margin-right: 3px;
	padding: 3px 6px 3px 8px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	border-left: none;
}