@media (min-width: 980px) {
	body {
		position: relative;
		padding-top: 40px;
	}
}

.hidden, .inv {
	display: none;
}

/* Footer
-------------------------------------------------- */
.footer {
  margin-top: 35px;
  padding: 15px 0 10px;
  border-top: 1px solid #e5e5e5;
}
.footer p {
  margin-bottom: 0;
  color: #555;
}

section {
	margin-bottom: 25px;
}

/* Table Sorter
---------------------------------------------------*/
div.dataTables_length label {
	float: left;
	text-align: left;
}

div.dataTables_filter label {
	float: right;
}

div.dataTables_info {
	padding-top: 8px;
}

div.dataTables_paginate {
	float: right;
	margin: 0;
}

table {
	margin-bottom: 6px !important;
	clear: both;
}

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
	cursor: pointer;
	*cursor: hand;
}

table.table thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

table.table thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

/* Diff style
-------------------------------------------------- */
.text ins {
    color: green;
    background: #dfd;
    text-decoration: none;
}

.text del {
    color: red;
    background: #fdd;
}

/* Messages
-------------------------------------------------- */
.message {
	width: 100%;
	font-size: 85%;
	margin-top: 15px;
	color: #fff;
}

.message.success {
	background-color: green;
}

.message.status {
	background: #DB9330;
}

.message.error {
	background: red;
}

.message .container {
	padding: 5px;
}

/* Search */

.page-header {
    position: relative;
}

.searchgroup {
    position: absolute;
    top: 10px;
    right: 0;
}

/* line nums > 1000 are hidden */

.CodeMirror ol {
    margin-left: 40px;
}

.text {
    word-wrap: break-word;
}

.ui-selectable>.ui-selected { background-color: #a6c9e2; }
.ui-selectable>.ui-selecting { background: #FECA40; }

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border:1px dotted black;
}

/* Define a custom class to control the width of the textarea */
.custom-textarea {
    width: 99%; /* Adjust this percentage according to your container */
    max-width: 100%; /* Ensure it doesn't exceed the container's width */
}

@media (max-width: 767px) {
    .searchgroup .controls input {
        width: 100%;
        box-sizing: border-box;
		margin-top:25px;
    }
}

.form-actions {
	margin-bottom: 0;
	padding: 18px 20px 7px;
}

.alert-banner {
	background: #606c88;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3f4c6b, #606c88);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3f4c6b, #606c88); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	padding: 15px;
	margin-top: 20px;
	text-align: left;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
}

.alert-banner h3 {
	font-size: 15px;
	text-shadow: 0 1px 0 rgba(255,255,255,.2);
}

@media (max-width: 768px) {
	.alert-banner {
		margin-top: 5px;
	}
	.alert-banner h3 {
		font-size: 13px;
	}
}