/* app css stylesheet */

table.table-pointer tbody tr {
	cursor: pointer;
}

span.version {
	font-size: xx-small;
}

.panel-default > .panel-heading {
	background-color: #D2D2D2 !important;
}

table.bt-fixed-wrap {
	table-layout: fixed;
}

table.bt-fixed-wrap td {
	word-break: break-all;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #E6E6E6 !important;
}

th.ds-col-small {
	width: 180px;
}

th.ds-col-smaller {
	width: 80px;
}

.ml-2 {
	margin-left: 1em;
}

.ds-flex-row {
	display: flex;
	flex-direction: row;
}

.d-flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.justify-content-around {
	justify-content: space-around;
}

.align-items-center {
	align-items: center;
}

.ds-footer {
	border-top: 2px solid;
}

.valdr-message {
	padding-left: 2px;
}

.valdr-message, .ds-error-message {
	color: red;
}

.ng-invalid, .has-error > input {
	border-color: #D13836 !important;
}

.ng-invalid:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}

.ds-editable {
	display: block;
}

.editable {
	cursor: pointer;
}

.editable-empty {
	font-style: normal !important;
}

.editable-click {
	color: #333 !important;
	border: 1px solid rgba(0,0,0,0) !important;
	border-radius: 4px;
}

.editable-click:hover {
	color: #333 !important;
	border: 1px solid grey !important;
	border-radius: 4px;
}

.ds-pull-right {
	float: right;
	padding-right: 15px;
}

.ds-TableRow td {
	vertical-align: middle !important;
}

.ds-flag {
	border-radius: 2px;
	padding: 2px 5px;
	font-size: 13px;
	border: black solid 1px;
}

.ds-flag-motor-open {
	color: white;
	background: #4863ff;
	border: none !important;
}

.ds-flag-motor-progress {
	background: #ffe428;
	border: none !important;
}

.ds-flag-motor-done {
	color: white;
	background: #5cb85c;
	border: none !important;
}

.ds-flag-motor-incomplete {
	color: white;
	background: #ed9500;
	border: none !important;
}

.ds-flag-string-progress {
	background: #cfcfcf;
	border: none !important;
}

.ds-flat-string-progress-editable {
	background: #ffe428;
	cursor: pointer;
}

.ds-flag-string-done {
	color: white;
	background: #5cb85c;
	border: none !important;
}

.ds-flag-export-in-progress {
	background: #cfcfcf;
	border: none !important;
}

.ds-flag-export-completed {
	color: white;
	background: #5cb85c;
	border: none !important;
}

.ds-flag-export-failed {
	color: white;
	background: #cf2c15;
	border: none !important;
}

.ds-flag-export-icon {
	display: none !important;
}

.ds-flag-export-in-progress .ds-flag-export-in-progress-icon {
	display: inline-block !important;
}

.ds-flag-export-completed .ds-flag-export-completed-icon {
	display: inline-block !important;
}

.ds-flag-export-failed .ds-flag-export-failed-icon {
	display: inline-block !important;
}

.ds-flag-export-editable {
	color: white;
	background: #5cb85c;
	border: none !important;
}

.ds-flag-export-locked {
	color: white;
	background: #ed9500;
	border: none !important;
}

.ds-danger {
	color: #c9302c;
}

.ds-center {
	text-align: center;
}

.ds-empty {
	font-weight: bold;
}

.ds-chooser {
	cursor: pointer;
}

.ds-row-xeditable {
	min-height: 45px;
}

.ds-fade-in.ng-enter {
	/* transition on enter for .5s */
	transition: .5s;

	/* start with opacity 0 (invisible) */
	opacity: 0;
}

.ds-fade-in.ng-enter-active {
	/* end with opacity 1 (fade in) */
	opacity: 1;
}

.ds-bikenumber {
	border: 1px solid #333;
	background-color: #f5f5f5;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 4px 3px 3px;
}

.no-resize {
	resize: none;
}

div.button-spacer {
	width: 15px;
}

li.ds-model-img {
	width: 80%;
	margin-left: 20px;
	margin-bottom: 15px;
	border: 1px solid lightgray;
	background-color: #f5f5f5;
	border-radius: 3px;
	padding: 5px;
}

img.ds-model-img {
	/*display: block;*/
	max-width: 150px;
	max-height: 100px;
	width: auto;
	height: auto;
}

li.ds-motor-img {
	width: 40% !important;
}

.strings-table textarea.editable-input {
	position: relative;
}


.year-inline-editable .ds-editable {
	min-height: 20px;
}

.year-inline-editable input {
	max-width: 64px;
}

.page-header {
	margin-top: 12px !important;
	margin-bottom: 10px !important;
	padding-bottom: 0 !important;

}

/* -- Fix tabs when they have multiple rows. -- */

.nav-tabs > li {
	margin-top: 5px;
}

.nav-tabs > li:not(.active) > a {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;

}

.nav-tabs > li {
	padding-right: 2px;
	border-bottom: 1px solid #ddd;
}

.nav-tabs > li.active {
	border-bottom: 1px solid white;
}

.nav-tabs > li:not(.active):hover {
	background: #ddd;
	border-radius: 4px 4px 0 0;
}

.nav-tabs > li.active > a {
	font-weight:  bold;
}

.nav-tabs {
	border-bottom: 0px !important;
}

div.environment {
	height: 24px;
	position: fixed;
	top: 0;
	left: 0;
	width: 50vw;
	margin-left: 25vw;
	padding: 3px;
	z-index: 9999;
	background: #cbeeff;
	font-size: 10pt;
}

div.environment > span {
	font-weight: bold;
}

.sidebar-category {
	padding: 15px 0 5px 10px;
	font-weight: bold;
}

.groupable-item {
	padding: 10px 0 10px 5px;
	border: 1px solid grey;
	border-radius: 4px;
	cursor: grab;
}

.groupable-item:not(:first-child) {
	margin-top: 10px;
}

.export-motor-basedon {
	background-color: #dceef4;
}

.export-paramschemegroup {
	cursor: pointer;
	padding: 10px 0 10px 5px;
	border: 1px solid grey;
	border-radius: 4px;

}

.export-paramschemegroup:not(:first-child) {
	margin-top: 10px;
}

.export-paramschemegroup-empty {
	background: #e1e1e1 !important;
	color: #828282 !important;
	cursor: default !important;
}

.export-paramschemegroup button {
	margin: 0px 5px;
	color: black;
	background-color: #f9db0c;
	border-color: #918634;
}


.export-paramschemegroup button:hover, .export-paramschemegroup button:focus {
	color: black;
	background-color: #c9b10a;
	border-color: #918634;
}

.export-hidden {
	background: repeating-linear-gradient(
			45deg,
			#ffcfb3,
			#ffcfb3 10px,
			#ffe5dc 10px,
			#ffe5dc 20px
	);
}

.export-combined-with {
	background-color: #fff298;
}

.export-linking-hint {
	position: fixed;
	top: 100px;
	left: 25vw;
	width: 50vw;
	height: 50px;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;

	background-color: #cdeef9;
	border: 1px solid #5ca2b9;
	border-radius: 4px;
}

.export-linking-paramgroup {
	background-color: #fff298;
	border: 1px solid #d6cc82;
}

.export-motor-compare {
	height: 15px;
	flex: 1 1 auto;
}

.export-motor-self {
	background-color: #c5c5c5;
}

.export-motor-equal {
	background-color: #32b766;
}

.export-motor-not-equal {
	background-color: #ffa07b;
}

.warning-icon {
	font-size: 14px;
	color: white;
	background: #ff9300;
	border: 1px solid #ff5600;
	border-radius: 4px;
	padding: 4px;
}