/* CSS file for OTF Mapping WebApp */
#scrollArea {
	height: 100%;
	overflow: auto;
}

#bottom {
	display: block;
}

/* ensures that all links properly display a pointer cursor */
a {
	cursor: pointer;
}

.glyphicon {
	cursor: pointer;
	min-width: 15px;
}

.term-browser-icon {
	min-width: 15px;
}

.term-browser-icon-disabled {
	min-width: 15px;
	color: #D3D3D3;
	cursor: default;
}

.odd {
	background-color: #FFFDF5;
}

.even {
	background-color: #F3F7F2;
}

/* to make padding smaller on tab headers */
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 10px;
}

html, body {
	margin: 0; /* Remove body margin/padding */
	padding: 0;
	/**height: 100%;*/
}

p {
	margin: 0 0 0px;
}

.panel-heading {
	padding: 5px 5px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.project-records-dropdown-menu {
	min-width: 800px;
	position: absolute;
}

.panel-body {
	padding: 7px;
}

.panel-group .panel {
	margin-bottom: 0;
	/*   overflow: hidden; */
	border-radius: 4px;
}

/** alert button formatting from bootstrap.css -- want to make them thinner */
.alert-error {
	margin-bottom: 0px;
	margin-top: 0px;
	border-radius: 5px;
}

.alert-success {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px;
}

.alert-warning {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
}

.alert-info-select {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
}

.alert-info-select {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	border-color: #E2E2E2;
	background-color: #FFFFFF;
}

/** from bootstrap.css, want the global error to take up less space */
.border-error {
	padding: 0px 0px 0px 0px;
}

.icon-flipped {
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

/** widens the display for truncated term browser entries */
.term-browser-dropdown-menu {
	min-width: 300px;
	position: relative;
}

/** from bootstrap.css - less wasted space on advices and principles */
hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

/** from bootstrap.css - changes advice and principles buttons to fill space */
/* button[disabled] {
	cursor: default;
	width: 100%;
	text-align: left;
} */

/** from bootstrap.css - changes margin between panels in a group */
.panel-group {
	margin-bottom: 10px;
}

/** from bootstrap.css - changes panel titles from 16 to 14 px */
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

/** from bootstrap.css - changes font-size from 14 to 13 px */
body {
	font-size: 13px;
	background-color: #f9f9f9;
	padding-top: 40px;
	padding-bottom: 80px;
}

.navbar {
	min-height: 30px;
}

.top-layer {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	opacity: 0.5;
	z-index: 10000;
	cursor: wait;
	background-color: #FFFFFF;
}

.ta-editor {
	min-height: 300px;
	height: auto;
	overflow: auto;
	font-family: inherit;
	font-size: 100%;
	margin: 20px 0;
}

/* used for the login page horizontal organization */
#wrapper {
	width: 900px;
	height: 170px;
	margin: 0px auto;
	padding: 10px;
}

#content {
	margin-top: 10px;
	padding-bottom: 10px;
}

#content div {
	padding: 10px;
	float: left;
}

#content-left {
	width: 380px;
}

#content-main {
	margin-left: 10px;
	width: 100px;
}

#content-right {
	margin-left: 10px;
	width: 334px;
}

.nobreak {
	display: inline-block;
	white-space: nowrap;
}

.noul {
	color: #337ab7;
	cursor: pointer;
	text-decoration: none;
}

/* Make the pagination control smaller so it works with btn-xs */
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 3px 5.5px;
	font-size: 12px;
	line-height: 1.5;
}

.yscroll {
	overflow-y: scroll;
}

.mapping-container {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.angular-ui-tree-handle {
	font-weight: 400 !important;
	cursor: auto !important;
}

.highlighted {
	background: yellow
}

.drop-box {
	background: #F8F8F8;
	border: 5px dashed #DDD;
	width: 200px;
	height: 65px;
	text-align: center;
	padding-top: 25px;
	margin: 10px;
}

.dragover {
	border: 5px dashed blue;
}

.pointer {
	cursor: pointer;
}