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

body {
	/*background-color: #f3f0d1;*/
	overflow-x: hidden;
	margin-bottom: 100px;
	margin-top: 70px;
}

.form-control::-moz-placeholder {
    color: #acb6c0;
}

.form-control:-ms-input-placeholder {
  color: #acb6c0;
}

.form-control::-webkit-input-placeholder {
  color: #acb6c0;
}

.dropdown-toggle {
	cursor: pointer;
}

.table {
	/*background-color: #f3f0d6;*/
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 166, 145, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 166, 145, .6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 166, 145, .6);
}

.table a {
	color: inherit;
}

.table a:hover,
.table a:focus {
	text-decoration: inherit;
}

.table > tbody > tr > td {
	vertical-align: baseline;
}

.datepicker, .monthpicker {
	background-image: url("../img/calendar.png");
	background-origin: content-box;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	cursor: pointer;
	padding-right: 10px;
}

#ui-datepicker-div {
	z-index: 9999999 !important;
}


/*
 * ===
 * Footer styles
 * ===
 */

.footer {
	background-color: #222;
	bottom: 0;
	min-height: 60px;
	position: absolute;
	width: 100%;
}

/*
 * ===
 * Login styles
 * ===
 */

.login-form {
	/*background-color: #f3f0d6;*/
	background-color: #f9f9f9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 166, 145, .6);
	margin: 50px auto;
	padding: 15px;
	width: 300px;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 166, 145, .6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 166, 145, .6);
}

@media(min-width:768px) {
    .login-form{
        width: 350px;
    }
}

.login-form p {
	padding-bottom: 20px;
}

/*
 * ===
 * Settings styles
 * ===
 */

.settings-info {
	display: block;
	padding-top: 15px;
}

/*
 * ===
 * Mail styles
 * ===
 */

.mail-content {
	padding: 10px;
}

.mail-date {
	text-align: left;
}

@media(min-width:768px) {
    .mail-date {
        text-align: right;
    }
}

.mail-header {
	background-color: #eee;
	border-top: 2px solid #aaa;
	padding: 5px;
}

.mail-sender {

}

/*
 * ===
 * Tab styles
 * ===
 */

.tab-pane {
	padding-top: 25px;
}

/*
 * ===
 * Vendor styles
 * ===
 */

.group {
	font-weight: bold;
}

.group > td {
	padding-left: 25px !important;
}

/*
 * ===
 * DataTables styles
 * ===
 */

.toolbar {
	min-height: 44px;
	padding-bottom: 10px;
}

table.dataTable thead th {
	position: relative;
	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}

/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
	top: 8px;
}

td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0 !important;
	width: 100% !important;
}

/*
 * ===
 * FullScheduler styles
 * ===
 */

#calendar-page-wrapper {
	display: table;
}

#calendar-page-wrapper > .datepicker-wrapper {
	padding-right: 45px;
}

#calendar-page-wrapper > .datepicker-wrapper,
#calendar-page-wrapper > .fullcalendar-wrapper {
	display: table-cell;
}

.calendar-title-italic {
	/*background-color: transparent !important;*/
}

.calendar-title-italic .fc-title-text {
	font-style: italic;
	/*color: #fa0;*/
}

.calendar-title-italic .fc-title-text,
.list-group-item-emptyLeg {
	opacity: 0.5;
}

/*
 * ===
 * Bootstrap overrides
 * ===
 */

.has-feedback .form-control {
    padding-right: 30.5px;
}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}