/* app css stylesheet */

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

span.version {
	font-size: small;
}

table.bt-fixed-wrap {
	table-layout: fixed;
	/*width: 100%;*/
}

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

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

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

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

.editable-click {
	color: #333 !important;
	border-bottom: none !important;
}

.editable-click[edit-disabled='false']:hover, .editable-click:not([edit-disabled]):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-repair-open {
	color: white;
	background: #4863ff;
	border: none !important;
}

.ds-flag-repair-open-material-missing {
	background: #ffe428;
	border: none !important;
}

.ds-flag-repair-open-bike-missing {
	background: white;
}

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

.ds-flag-repair-record {
	color: white;
	background: #933bb8;
	border: none !important;
}

.ds-danger {
	color: #c9302c;
}

.ds-warning {
	color: white;
	background: #ff9e21;
	border: none !important;
}

.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;
}

h1.touch {
	padding-left: 10px;
}

div.touch {
	padding: 10px;
}

button.ds-btn-touch {
	min-width: 30px;
	min-height: 30px;
}

/* Calendar */

div.calendar-header-row {
    display: flex;
    align-items: baseline;
}

div.calendar-header-row button {
    margin: 0 20px;
    position: relative;
    bottom: 5px;
}

button.btn-light {
    background: #d8d8d8;
}

div.calendar-unscheduled-container {
	display: flex;
	flex-wrap: wrap;
	max-height: 400px;
	overflow: scroll;
	padding: 5px;
	margin-bottom: 15px;
}

div.calendar-unscheduled-container > div {
	width: 300px;
	margin: 5px;
}

div.calendar-day {
	flex: 1 1 auto;
	width: 15%;
	margin: 0 5px 50px 5px;
}

div.calendar-repair {
	border: 1px solid black;
	border-radius: 2px;
	padding: 5px;
	margin: 5px 0;
	background: white;
	cursor: grab;
}

.calendar-minicalendar-current-week button {
	background-color: #31b0d5;
	border-color: #269abc;
	color: white;
}

.calendar-minicalendar-current-week button span,
.calendar-minicalendar-today button span {
	color: white;
}

.calendar-minicalendar-today button {
	background-color: #436ad5 !important;
	border-color: #436ad5 !important;
	color: white !important;
}

.calendar-minicalendar-current-week button,
.calendar-minicalendar-today button {
	box-shadow: none !important;
}

.calendar-panel-body-in-past {
	background: #f4f4f4;
}

.calendar-panel-body-warning {
	background: repeating-linear-gradient(
			-45deg,
			#ffc8a2,
			#ffc8a2 10px,
			#ffefa6 10px,
			#ffefa6 20px
	);
}

.calendar-repair-has-warnings {
	background: #ffecc6 !important;
}

.calendar-workhours-badge {
	border-radius: 8px;
	padding: 0 5px;
	display: inline-block;
	background: #8e8e8e;
	color: white;
	font-weight: bold;
}

.repair-view-modal-body h1 {
	display: none;
}