@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

/* ========================================================================
   PASS Base Theme
   Keep this file for base/AdminLTE-style defaults only.
   Do not put layout fixes, skin colours, or modern overrides in here.
   ======================================================================== */

html,
body {
	min-height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	overflow-y: auto;
}

.wrapper {
	min-height: calc(100vh - 50px);
}

.wrapper:before,
.wrapper:after,
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after,
.user-panel:before,
.user-panel:after,
.timeline > li:before,
.timeline > li:after,
.direct-chat-msg:before,
.direct-chat-msg:after,
.user-block:before,
.user-block:after {
	content: " ";
	display: table;
}

.wrapper:after,
.box-header:after,
.box-body:after,
.box-footer:after,
.user-panel:after,
.timeline > li:after,
.direct-chat-msg:after,
.user-block:after {
	clear: both;
}

.layout-boxed html,
.layout-boxed body {
	height: 100%;
}

.layout-boxed {
	background: url('../img/boxed-bg.jpg') repeat fixed;
}

.layout-boxed .wrapper {
	max-width: 1250px;
	margin: 0 auto;
	min-height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	position: relative;
}

.content-wrapper,
.right-side,
.main-footer {
	transition: transform .3s ease-in-out, margin .3s ease-in-out;
	margin-left: 230px;
	z-index: 820;
}

.layout-top-nav .content-wrapper,
.layout-top-nav .right-side,
.layout-top-nav .main-footer {
	margin-left: 0;
}

.content-wrapper,
.right-side {
	min-height: 100%;
	background-color: #ecf0f5;
	z-index: 800;
}

.main-footer {
	background: #fff;
	padding: 15px;
	color: #444;
	border-top: 1px solid #d2d6de;
}

.content {
	min-height: 250px;
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Source Sans Pro', sans-serif;
}

a {
	color: #3c8dbc;
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #72afd2;
}

.page-header {
	margin: 10px 0 20px 0;
	font-size: 22px;
}

.page-header > small {
	color: #666;
	display: block;
	margin-top: 5px;
}

.main-header {
	position: relative;
	max-height: 100px;
	z-index: 1030;
}

.main-header > .navbar {
	transition: margin-left .3s ease-in-out;
	margin-bottom: 0;
	margin-left: 230px;
	border: none;
	min-height: 50px;
	border-radius: 0;
}

.main-header .navbar-custom-menu,
.main-header .navbar-right {
	float: right;
}

.main-header .sidebar-toggle {
	float: left;
	background-color: transparent;
	background-image: none;
	padding: 15px 15px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.main-header .sidebar-toggle:hover {
	color: #fff;
}

.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
	background: transparent;
}

.main-header .sidebar-toggle .icon-bar {
	display: none;
}

.main-header .navbar .nav > li > a > .label {
	position: absolute;
	top: 9px;
	right: 7px;
	text-align: center;
	font-size: 9px;
	padding: 2px 3px;
	line-height: .9;
}

.main-header .logo {
	transition: width .3s ease-in-out;
	display: block;
	float: left;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	width: 230px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 0 15px;
	font-weight: 300;
	overflow: hidden;
}

.main-header .logo .logo-lg {
	display: block;
}

.main-header .logo .logo-mini {
	display: none;
}

.content-header {
	position: relative;
	padding: 15px 15px 0 15px;
}

.content-header > h1 {
	margin: 0;
	font-size: 24px;
}

.content-header > h1 > small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300;
}

.content-header > .breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 15px;
	right: 10px;
	border-radius: 2px;
}

.content-header > .breadcrumb > li > a {
	color: #444;
	text-decoration: none;
	display: inline-block;
}

.content-header > .breadcrumb > li + li:before {
	content: '>\00a0';
}

.main-sidebar,
.left-side {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 50px;
	min-height: 100%;
	width: 230px;
	z-index: 810;
	transition: transform .3s ease-in-out, width .3s ease-in-out;
}

.sidebar {
	padding-bottom: 10px;
}

.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
}

.sidebar-menu:hover {
	overflow: visible;
}

.sidebar-menu > li {
	position: relative;
	margin: 0;
	padding: 0;
}

.sidebar-menu > li > a {
	padding: 12px 5px 12px 15px;
	display: block;
	position: relative;
}

.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .fas,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
	width: 20px;
}

.sidebar-menu li.header {
	padding: 10px 25px 10px 15px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: clip;
}

.sidebar-menu li > a > .pull-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}

.sidebar-menu li.active > .treeview-menu {
	display: block;
}

.sidebar-menu .treeview-menu {
	display: none;
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
}

.sidebar-menu .treeview-menu .treeview-menu {
	padding-left: 20px;
}

.sidebar-menu .treeview-menu > li > a {
	padding: 5px 5px 5px 15px;
	display: block;
	font-size: 14px;
}

.user-panel {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.user-panel > .image > img {
	width: 100%;
	max-width: 45px;
	height: auto;
}

.user-panel > .info {
	padding: 5px 5px 5px 15px;
	line-height: 1;
	position: absolute;
	left: 55px;
}

.user-panel > .info > p {
	font-weight: 600;
	margin-bottom: 9px;
}

.user-panel > .info > a {
	text-decoration: none;
	padding-right: 5px;
	margin-top: 3px;
	font-size: 11px;
}

.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.box.box-primary { border-top-color: #3c8dbc; }
.box.box-info { border-top-color: #00c0ef; }
.box.box-danger { border-top-color: #dd4b39; }
.box.box-warning { border-top-color: #f39c12; }
.box.box-success { border-top-color: #00a65a; }
.box.box-default { border-top-color: #d2d6de; }

.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
	display: none;
}

.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative;
}

.box-header.with-border {
	border-bottom: 1px solid #f4f4f4;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1;
}

.box-header > .box-tools {
	position: absolute;
	right: 10px;
	top: 5px;
}

.box-body {
	border-radius: 0 0 3px 3px;
	padding: 10px;
}

.box-body > .table {
	margin-bottom: 0;
}

.box-footer {
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #f4f4f4;
	padding: 10px;
	background-color: #fff;
}

.form-control {
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de;
}

.form-control:focus {
	border-color: #3c8dbc;
	box-shadow: none;
}

.input-group .input-group-addon {
	border-radius: 0;
	border-color: #d2d6de;
	background-color: #fff;
}

.btn {
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid transparent;
}

.btn:focus {
	outline: none;
}

.btn-default { background-color: #f4f4f4; color: #444; border-color: #ddd; }
.btn-default:hover,
.btn-default:active,
.btn-default.hover { background-color: #e7e7e7; }
.btn-primary { background-color: #3c8dbc; border-color: #367fa9; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover { background-color: #367fa9; }
.btn-success { background-color: #00a65a; border-color: #008d4c; }
.btn-success:hover,
.btn-success:active,
.btn-success.hover { background-color: #008d4c; }
.btn-info { background-color: #00c0ef; border-color: #00acd6; }
.btn-info:hover,
.btn-info:active,
.btn-info.hover { background-color: #00acd6; }
.btn-danger { background-color: #dd4b39; border-color: #d73925; }
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover { background-color: #d73925; }
.btn-warning { background-color: #f39c12; border-color: #e08e0b; }
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover { background-color: #e08e0b; }

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
	color: #444;
	background: #f7f7f7;
}

.nav-pills > li > a,
.nav-stacked > li > a {
	border-radius: 0;
	color: #444;
}

.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

.nav-tabs-custom > .nav-tabs {
	margin: 0;
	border-bottom-color: #f4f4f4;
}

.nav-tabs-custom > .nav-tabs > li {
	border-top: 3px solid transparent;
	margin-bottom: -2px;
	margin-right: 5px;
}

.nav-tabs-custom > .nav-tabs > li > a {
	color: #444;
	border-radius: 0;
}

.nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: #3c8dbc;
}

.nav-tabs-custom > .tab-content {
	background: #fff;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #f4f4f4;
}

.table > thead > tr > th {
	border-bottom: 2px solid #f4f4f4;
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: #f4f4f4;
}

.alert,
.callout {
	border-radius: 3px;
}

.alert .icon {
	margin-right: 10px;
}

.alert-success { border-color: #008d4c; }
.alert-danger,
.alert-error { border-color: #d73925; }
.alert-warning { border-color: #e08e0b; }
.alert-info { border-color: #00acd6; }

.dropdown-menu {
	box-shadow: none;
	border-color: #eee;
}

.dropdown-menu > li > a {
	color: #777;
}

.dropdown-menu > li > a:hover {
	background-color: #e1e3e9;
	color: #333;
}

.small-box,
.info-box {
	border-radius: 2px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.small-box > .inner {
	padding: 10px;
}

.small-box .icon {
	transition: all .3s linear;
	position: absolute;
	top: -10px;
	right: 10px;
	z-index: 0;
	font-size: 90px;
	color: rgba(0, 0, 0, 0.15);
}

.info-box {
	min-height: 90px;
	background: #fff;
	width: 100%;
}

.info-box-icon {
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0, 0, 0, 0.2);
}

.info-box-content {
	padding: 5px 10px;
	margin-left: 90px;
}

.info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px;
}

.timeline {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}

.timeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #ddd;
	left: 31px;
	margin: 0;
	border-radius: 2px;
}

.timeline > li {
	position: relative;
	margin-right: 10px;
	margin-bottom: 15px;
}

.timeline > li > .timeline-item {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	background: #fff;
	color: #444;
	margin-left: 60px;
	margin-right: 15px;
	position: relative;
}

.timeline > li > .timeline-item > .timeline-header,
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
	padding: 10px;
}

.timeline > li > .timeline-item > .timeline-header {
	margin: 0;
	color: #555;
	border-bottom: 1px solid #f4f4f4;
	font-size: 16px;
	line-height: 1.1;
}

.modal {
	background: rgba(0, 0, 0, 0.3);
}

.modal-content {
	border-radius: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
	border: 0;
}

.modal-header { border-bottom-color: #f4f4f4; }
.modal-footer { border-top-color: #f4f4f4; }

.label {
	font-weight: 600;
}

.label-default {
	background-color: #d2d6de;
	color: #444;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger { background-color: #dd4b39 !important; color: #fff !important; }
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning { background-color: #f39c12 !important; color: #fff !important; }
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info { background-color: #00c0ef !important; color: #fff !important; }
.bg-blue { background-color: #0073b7 !important; color: #fff !important; }
.bg-light-blue,
.label-primary { background-color: #3c8dbc !important; color: #fff !important; }
.bg-green,
.callout.callout-success,
.alert-success,
.label-success { background-color: #00a65a !important; color: #fff !important; }
.bg-navy { background-color: #001f3f !important; color: #fff !important; }
.bg-teal { background-color: #39cccc !important; color: #fff !important; }
.bg-olive { background-color: #3d9970 !important; color: #fff !important; }
.bg-orange { background-color: #ff851b !important; color: #fff !important; }
.bg-purple { background-color: #605ca8 !important; color: #fff !important; }
.bg-maroon { background-color: #d81b60 !important; color: #fff !important; }
.bg-gray { color: #000; background-color: #d2d6de !important; }
.bg-gray-light { background-color: #f7f7f7; }
.bg-black { background-color: #111 !important; color: #fff !important; }

.text-red { color: #dd4b39 !important; }
.text-yellow { color: #f39c12 !important; }
.text-aqua { color: #00c0ef !important; }
.text-blue { color: #0073b7 !important; }
.text-black { color: #111 !important; }
.text-light-blue { color: #3c8dbc !important; }
.text-green { color: #00a65a !important; }
.text-gray { color: #d2d6de !important; }
.text-navy { color: #001f3f !important; }
.text-teal { color: #39cccc !important; }
.text-olive { color: #3d9970 !important; }
.text-orange { color: #ff851b !important; }
.text-purple { color: #605ca8 !important; }
.text-maroon { color: #d81b60 !important; }

.hide { display: none !important; }
.no-border { border: 0 !important; }
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-shadow { box-shadow: none !important; }
.flat { border-radius: 0 !important; }
.text-bold,
.text-bold.table td,
.text-bold.table th { font-weight: 700; }
.text-sm { font-size: 12px; }
.pad { padding: 10px; }
.margin { margin: 10px; }
.margin-bottom { margin-bottom: 20px; }
.margin-bottom-none { margin-bottom: 0; }
.margin-r-5 { margin-right: 5px; }
.inline { display: inline; }
.position-static { position: static !important; }
.no-pad-top { padding-top: 0; }

.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
	list-style: none;
	margin: 0;
	padding: 0;
}

.table-responsive {
	overflow-x: auto;
}

@media (max-width: 991px) {
	.content-header > .breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0;
		right: 0;
		float: none;
		background: #d2d6de;
		padding-left: 10px;
	}
}

@media (max-width: 767px) {
	.content-wrapper,
	.right-side,
	.main-footer {
		margin-left: 0;
	}

	.sidebar-open .content-wrapper,
	.sidebar-open .right-side,
	.sidebar-open .main-footer {
		transform: translate(230px, 0);
	}

	.main-sidebar,
	.left-side {
		transform: translate(-230px, 0);
	}

	.sidebar-open .main-sidebar,
	.sidebar-open .left-side {
		transform: translate(0, 0);
	}

	.main-header .logo,
	.main-header .navbar {
		width: 100%;
		float: none;
	}

	.main-header .navbar {
		margin: 0;
	}
}

@media (min-width: 768px) {
	.sidebar-mini.sidebar-collapse .content-wrapper,
	.sidebar-mini.sidebar-collapse .right-side,
	.sidebar-mini.sidebar-collapse .main-footer {
		margin-left: 50px !important;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar,
	.sidebar-mini.sidebar-collapse .left-side {
		transform: translate(0, 0);
		width: 50px !important;
	}

	.sidebar-mini.sidebar-collapse .main-header .logo {
		width: 50px;
	}

	.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
		display: block;
		margin-left: -15px;
		margin-right: -15px;
		font-size: 18px;
	}

	.sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
		display: none;
	}

	.sidebar-mini.sidebar-collapse .main-header .navbar {
		margin-left: 50px;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
	.sidebar-mini.sidebar-collapse .sidebar-form,
	.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
	.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
	.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
	.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
		display: none !important;
	}

	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
		display: block !important;
		position: absolute;
		width: 180px;
		left: 50px;
	}
}

@media print {
	.no-print,
	.main-sidebar,
	.left-side,
	.main-header,
	.content-header {
		display: none !important;
	}

	.content-wrapper,
	.right-side,
	.main-footer {
		margin-left: 0 !important;
		min-height: 0 !important;
		transform: translate(0, 0) !important;
	}

	.table-responsive {
		overflow: auto;
	}

	.table-responsive > .table tr th,
	.table-responsive > .table tr td {
		white-space: normal !important;
	}
}

.calendar-actions-wrap {
	margin:18px 0 0 0;
	padding:0;
	clear:both;
}

.calendar-action-receipt-row {
	padding:4px 0 12px 0;
}

.calendar-action-receipt {
	display:flex;
	align-items:center;
	gap:6px;
	margin:0;
	font-weight:400;
	color:#2f3542;
	white-space:nowrap;
}

.calendar-action-receipt input {
	margin:0;
}

.calendar-action-bar {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:0;
}

.calendar-action-buttons {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	min-width:0;
}

.calendar-action-buttons-left {
	justify-content:flex-start;
}

.calendar-action-buttons-right {
	justify-content:flex-end;
	margin-left:auto;
}

.calendar-action-buttons .btn {
	margin:0;
	white-space:nowrap;
}

.calendar-save-btn {
	min-width:76px;
}

.calendar-recurring-panel {
	padding:14px 15px 12px 15px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:6px;
	margin-bottom:14px;
}

.calendar-recurring-header {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:10px;
	margin-bottom:12px;
}

.calendar-recurring-header strong {
	display:block;
	font-size:14px;
}

.calendar-recurring-header span {
	display:block;
	font-size:12px;
	color:#777;
	margin-top:2px;
}

.calendar-recurring-header a {
	color:#777;
	font-size:14px;
}

.calendar-recurring-header a:hover {
	color:#333;
}

.calendar-recurring-panel .form-group {
	margin-bottom:8px;
}

.calendar-recurring-summary {
	font-size:12px;
	color:#777;
	min-height:18px;
}

@media(max-width:640px) {
	.calendar-action-bar {
		display:block;
	}

	.calendar-action-buttons {
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:8px;
	}

	.calendar-action-buttons-right {
		margin-left:0;
		margin-top:8px;
	}

	.calendar-action-buttons .btn {
		display:block;
		width:100%;
		text-align:center;
	}

	.calendar-action-buttons-right .calendar-save-btn {
		grid-column:1 / -1;
	}

	.calendar-recurring-panel {
		padding:12px;
	}
}

.main-sidebar,
.main-sidebar .sidebar {
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.main-sidebar::-webkit-scrollbar,
.main-sidebar .sidebar::-webkit-scrollbar {
	display: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	z-index:999999 !important;
	max-width:calc(100vw - 20px);
}

body.datetimepicker-no-jump .bootstrap-datetimepicker-widget:not(.datepicker-ready) {
	visibility:hidden !important;
}

.test-swap-list {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.test-swap-item {
	display:flex;
	gap:12px;
	align-items:flex-start;
	padding:12px 14px;
	border:1px solid #e5e7eb;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.test-swap-icon {
	width:38px;
	height:38px;
	min-width:38px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#eef7ff;
	color:#3c8dbc;
	font-size:16px;
}

.test-swap-content {
	flex:1;
	min-width:0;
}

.test-swap-title {
	font-size:14px;
	font-weight:700;
	color:#222;
	margin-bottom:6px;
}

.test-swap-meta {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
	gap:5px 14px;
	font-size:13px;
	color:#555;
}

.test-swap-meta strong {
	color:#333;
	font-weight:600;
}

.test-swap-comment {
	margin-top:8px;
	padding:8px 10px;
	border-radius:7px;
	background:#f7f7f7;
	color:#555;
	font-size:13px;
	line-height:1.4;
}

.test-swap-empty {
	padding:18px;
	text-align:center;
	color:#777;
	border:1px dashed #d5d5d5;
	border-radius:10px;
	background:#fafafa;
}

.test-swap-header {
	display:flex;
	justify-content:space-between;
	gap:12px;
	align-items:flex-start;
	margin-bottom:8px;
}

.test-swap-subtitle {
	font-size:12px;
	color:#888;
	margin-top:2px;
}

.test-swap-date-pill {
	min-width:86px;
	text-align:center;
	border-radius:8px;
	background:#f4f8fb;
	border:1px solid #dcebf5;
	overflow:hidden;
	font-size:12px;
	color:#555;
}

.test-swap-date-pill span {
	display:block;
	padding:5px 8px 3px;
}

.test-swap-date-pill strong {
	display:block;
	padding:4px 8px 6px;
	font-size:14px;
	color:#3c8dbc;
}

.test-swap-meta a {
	color:#3c8dbc;
	font-weight:600;
}

@media(max-width:600px) {
	.test-swap-header {
		flex-direction:column;
	}

	.test-swap-date-pill {
		width:100%;
		text-align:left;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}

	.test-swap-date-pill span,
	.test-swap-date-pill strong {
		padding:7px 10px;
	}
}

.test-swap-actions {
	margin-top:10px;
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}

.test-swap-actions .btn {
	font-size:12px;
	padding:5px 10px;
}

.test-swap-booked {
	margin-top:10px;
	padding:10px;
	border-radius:8px;
	background:#f8fbfd;
	border:1px solid #e3eef5;
}

/* ============================================================
   Calendar time selects - iOS portrait fix
============================================================ */

/*#times .col-xs-3 {
	padding-left:5px;
	padding-right:5px;
}*/

#times .form-group {
	margin-bottom:10px;
}

#times select.form-control {
	height:38px;
	min-width:0;
	padding:6px 4px;
	font-size:16px;
	line-height:1.42857143;
	text-align:center;
	text-align-last:center;

	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;

	background-image:none;
	background-color:#fff;
}

#times select.form-control::-ms-expand {
	display:none;
}

@media (max-width:420px) {
	#times {
		margin-left:-5px;
		margin-right:-5px;
	}

	#times select.form-control {
		padding-left:2px;
		padding-right:2px;
	}
}

.datetimepicker-overflow-visible {
	overflow:visible !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	z-index:999999 !important;
	max-width:calc(100vw - 20px);
}

body.datetimepicker-no-jump .bootstrap-datetimepicker-widget:not(.datepicker-ready) {
	visibility:hidden !important;
}