/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	body {
		padding-top: 73px;
	}
	header.navbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	.login-wrapper {
		margin: 5rem auto 0;
	}
	.sidebar {
		position: fixed;
		top: 73px;
		left: -100%;
		transition: left 0.2s ease-out;
	}
	.sidebar.active {
		left: 0;
	}
	.stage {
		padding: 0 15px;
	}
	.stage > .alert {
		margin: 0 -15px;
	}
	.content {
		padding-left: 0;
		padding-right: 0;
	}
	.content-header h2 {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.table-actions .btn {
		margin-top: 7px;
	}
	.table-responsive-sm .column-cb {
		width: 30px;
	}
	.desktop-only {
		display: none;
	}
	.login {
		width: 100%;
		box-sizing: border-box;
	}
	.remodal {
		padding: 35px 15px;
	}

	.editable-records thead {
		display: none;
	}
	.editable-records tbody {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.editable-records tbody tr,
	.editable-records.columnar tbody tr {
		display: block;
		padding: 0.75rem 0;
		width: 100%;
		margin-bottom: 1rem;
		flex-shrink: 0;
		background-color: rgba(0,0,0,.05) !important;
	}
	.editable-records tbody tr > td {
		display: block;
		padding: 0.25rem .75rem;
		border-top: none;
	}
	.editable-records label,
	.editable-records.columnar label {
		display: block;
		width: 40%;
		flex-shrink: 0;
		margin: 0;
	}
	.editable-records .remove {
		width: 100%;
	}
	.editable-records .add-row td {
		border-top: none;
	}
	.editable-records .form-group {
		display: flex;
		align-items: center;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.mobile-only {
		display: none;
	}
	header {
		min-height: 73px;
	}
	body:not(.pad-page-login) .brand-logo {
		vertical-align: middle;
		width: 210px;
		padding: 0 1rem;
		text-align: center;
		border-right: 1px solid #ddd;
	}
	.nav-tabs { 
		border-bottom: 2px solid #f1f1f1;
	}
	.nav-tabs .nav-link {
		border-top: none;
		border-left: none;
		border-right: none;
		padding-left: 0;
		padding-right: 0;
		margin-right: 1.2rem;
		margin-bottom: -1px;
		font-weight: 600;
		color: #999;
		border-bottom: 2px solid transparent;
	}
	.nav-tabs .nav-item.show .nav-link, 
	.nav-tabs .nav-link.active,
	.nav-tabs .nav-link.active:focus,
	.nav-tabs .nav-link.active:hover {
		color: #031b4e;
		border-bottom: 2px solid #0069ff;
	}
	.nav-tabs .nav-link:focus, 
	.nav-tabs .nav-link:hover {
		border-top: none;
		border-left: none;
		border-right: none;
		color: #666;
		border-bottom: 2px solid #bbb;
	}
	.claim-discussions .comment-field {
		margin-left: 10px;
		margin-right: 10px;
	}
	.claim-discussions .comment-reply-link {
		display: none;
	}
	.claim-discussions .comment:hover > .comment-meta .comment-reply-link {
		display: block;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.stage {
		max-width: calc(100vw - 210px);
	}
}