body {
	font-family:'Open Sans', '微軟正黑體', sans-serif;
}

.float-clear {
	clear:both;
	display:block;
}

.input-group-addon > i {
	color: inherit;
}

.dropdown-menu {
	font-family:'Open Sans', '微軟正黑體', sans-serif;
}

.page-content .breadcrumb.page-breadcrumb > li > a,
.page-content .breadcrumb.page-breadcrumb > li > i,
.page-content .breadcrumb.page-breadcrumb > li > span {
	display: inline-block;
	margin-right: 5px;
}

.page-sidebar-menu > li.start {
	margin-top: 15px;
}

div.dataTables_filter label {
	float: none;
}

div.dataTables_length label {
	float: right;
}

.portlet.box > .portlet-title > .tools > a.expand,
.portlet.solid > .portlet-title > .tools > a.expand {
	background-image:url(../../assets/img/portlet-collapse-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.collapse,
.portlet.solid > .portlet-title > .tools > a.expand {
	background-image:url(../../assets/img/portlet-expand-icon-white.png);
}

.align-right {
	text-align:right;
}

.nowrap {
	white-space: nowrap;
}

/* calendar */
.portlet.calendar .fc-button {
	color: #333333;
    top: -8px;
}
.fc-day-header div {
	position:relative;
	padding:3px 0;
}
.fc-day-header label {
	width:95%;
	position:absolute;
	top:0;
	left:0;
	padding:0 2.5%;
	text-align:left;
}
.fc-day.holiday {
	background-color: #FF8080;
}
.portlet.calendar .fc-event-title.tools {
	float: right;
    padding-right: 5px;
}
.portlet.calendar .fc-event-title.tools span {
	padding-left: 3px;
}
.portlet.calendar .fc-event.available-schd {
	background:#7CC887;
	cursor:pointer;
}
.portlet.calendar .fc-event.selected-schd {
	background:#35AA47;
	cursor:pointer;
}
.portlet.calendar .fc-event.other-schd {
	background:#808080;
	cursor:no-drop;
}
ul.calendar-legend {
	margin:10px 0 0 0;
	padding:0;
	float:right;
	font-size:0.9em;
	list-style:none;
}
ul.calendar-legend li {
	margin:0 0 0 10px;
	display:inline-block;
}
ul.calendar-legend li span {
	width:16px;
	height:16px;
	vertical-align:text-top;
	display:inline-block;
}
ul.calendar-legend li span.available-schd {
	background:#7CC887;
}
ul.calendar-legend li span.selected-schd {
	background:#35AA47;
}
ul.calendar-legend li span.other-schd {
	background:#808080;
}

.validate-help-block {
	color: #B94A48;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
	margin-bottom: 5px;
    margin-top: 5px;
}
.validate-help-block.display-hide {
	display: none;
}

.input-wrapper {
	position:relative;
	display:block;
}
.input-group-btn {
	vertical-align:top;
}

.custom-select-container {
	border: solid 1px #ddd;
	padding: 3px;
	background-color: #ffffff;
	overflow: auto;
	height: 150px;
}
.modal-open .custom-select-container {
    z-index: 10055 !important;
}
.custom-select-container a {
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 25px;
	padding: 3px;
}
.custom-select-container a.highlighted {
	background-color: #eee;
}

label.block.note {
    display: block;
}

.form-group .ms-container {
	width:100%;
}

.profile-collapse {
	position:relative;
	margin:20px 0;
	border:2px dotted #333333;
}
.profile-collapse.collapsed {
	border-bottom:none;
}
.profile-collapse > a.trigger {
	position:absolute;
	top:0;
	right:0;
	padding:5px 10px;
	border-bottom:2px dotted #333333;
	display:block;
}
.profile-collapse > a.trigger:before {
	content:'';
	width:40px;
	position:absolute;
	right:100%;
	bottom:-2px;
	border-bottom:2px dotted #333333;
	display:block;
	transform:rotate(45deg);
	transform-origin:bottom right;
}
.profile-collapse.collapsed > a.trigger {
	right:-2px;
	border-right:2px dotted #333333;
}
.profile-collapse > .profile-collapse-content {
	padding:20px 0;
}

.chat-form {
	margin-top:0px !important; 
}

.chat-options{
	text-align: right;
}

.login.t-and-c .content {
	width:auto;
	max-width:800px;
	min-height:400px;
}
.login.t-and-c .btn-accept,
.login.t-and-c .btn-reject {
	width:45%;
}
.login.t-and-c .btn-accept {
	float:right;
}
@media (max-width: 800px) {
	.login.t-and-c .logo {
		display:none;
	}
	.login.t-and-c .btn-accept,
	.login.t-and-c .btn-reject {
		width:100%;
		float:none;
		margin-bottom:15px;
	}
}