html {
	position: relative;
	min-height: 100%;
}

body {
	padding-top: 80px;
	background-color: #f0f4f4;
	margin-bottom: 100px; /* Margin bottom by footer height */
}

.mbrs-background {
    background-color: #f0f4f4;!important;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	line-height: 60px; /* Vertically center the text there */
	background-color: #f5f5f5;
}

.nav-item {
	font-family: "Source Sans Pro", "Varela Round", "Arial", "Sans-serif";
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.2em;
	/*  text-transform: uppercase; */
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal
}

nav {
	/*border-bottom: 2px solid #fff;*/
	
}

/*
#content{
  border-top: 2px solid #fff;
}
*/
header {
	margin-top: 20px;
	margin-bottom: 20px;
}

h1 {
	font-family: "Source Sans Pro", "Varela Round", Arial, Sans-serif;
	font-weight: 500;
	font-size: 1.8em;
	/*  line-height: 3em; */
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-style: normal
}

h2 {
	font-family: "Source Sans Pro", "Varela Round", Arial, Sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	/*  line-height: 3em;*/
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-style: normal
}

h3 {
	font-family: "Source Sans Pro", "Varela Round", Arial, Sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	/*  line-height: 3em;*/
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-style: normal
}

h4 {
	font-family: "Source Sans Pro", "Varela Round", Arial, Sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	/*  line-height: 3em;*/
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-style: normal
}

p {
	font-family: "Source Sans Pro", "Varela Round", Arial, Sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
	margin: 0 0 0.5em;
}

.w45 {
	width: 45px;
}

.text-small {
	font-size: 0.9em;
}

.btn-important {
	color: #fff;
	background-color: #444;
}

.btn-sm {
	padding: 0.05rem 0.25rem; !important;
	font-size: 0.8rem; !important;
}

.box-serate {
	border-bottom: 2px solid #fff;
	margin-top: 20px;
}

.errai-restricted-access-style {
	display: none;
}

.mp-0 {
	padding: 0 !important;
	margin: 0 !important;
}

.material-icons {
	padding: 0 !important;
	margin: 0 !important;
}

.card {
	height: 100%;
}

.card-header {
	padding: 0.5em;
}

.card-body {
	padding: 0.5em;
}

.square-dummy {
    margin-top: 100%;
}
.square-in {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ck-editor {
	width: 100%!important;
}

.ck-editor__editable {
	min-height: 10em;	
}

.gwt-DatePicker {
   border: 1px solid #ccc;
   border-top:1px solid #999;
   cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
   outline: none;
}

.datePickerMonthSelector td:focus {
   outline: none;
}

.datePickerDays {
   width: 100%;
   background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
   font-size: 85%;
   text-align: center;
   padding: 4px;
   outline: none;
   font-weight:bold;
   color:#333;
   border-right: 1px solid #EDEDED;
   border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
   background: #fff;
   padding: 0px 4px 2px;
   cursor: default;
   color:#666;
   font-size:70%;
   font-weight:normal;
}

.datePickerDay {
   padding: 4px 7px;
   cursor: hand;
   cursor: pointer;
}

.datePickerDayIsWeekend {
   background: #f7f7f7;
}

.datePickerDayIsFiller {
   color: #999;
   font-weight:normal;
}

.datePickerDayIsValue {
   background: MediumSpringGreen !important;
}

.datePickerDayIsDisabled {
   color: #AAAAAA;
   font-style: italic;
}

.datePickerDayIsHighlighted {
   background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
   background: Aquamarine;
}

.datePickerDayIsToday {
   padding: 3px;
   color: #00f;
   background: LightSeaGreen;
}

.datePickerMonthSelector {
   width: 100%;
   padding: 1px 0 5px 0;
   background: #fff;
}

.datePickerPreviousButton,
.datePickerNextButton {
   font-size: 120%;
   line-height: 1em;
   color: #3a6aad;
   cursor: hand;
   cursor: pointer;
   font-weight: bold;
   padding: 0px 4px;
   outline: none;
}

td.datePickerMonth {
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   font-size: 100%;
   font-weight: bold;
   color: #333;
}

.gwt-DateBox {
   padding: 5px 4px;
   border: 1px solid #ccc;
   font-size: 100%;
   width: 100%!important;
}

.gwt-DateBox input {
   width: 8em;
}

.dateBoxFormatError {
   background: #ffcccc;
}

.dateBoxPopup {
	z-index: 1000;
}