/* ticket state styles 
 *
 * @author: biller
 * @date: 20150323
 */

/* state container */
div.ticketState {
	display: inline-block;
	font-size: 1rem;
	
	/* clear inherited */
	padding: 0;
	text-align: center;
	line-height: normal;
}

/* circle */
.ticketState .circle {
	width: 2rem;
	height: 2rem;
	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
}

/* small circle */
.ticketState .circle.small {
	width: 1.2rem;
	height: 1.2rem;
	-moz-border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	border-radius: 0.6rem;
}

.ticketState .circle.small .ticketStateText {
	margin-top: 20%;
	font-size: 75%;
}

/* text */
.ticketState .ticketStateText {
	font-weight: bold;
	
	/* clear inherited */
	padding: 0;
}

/* long text */
.ticketState .ticket-state-text-long {
	font-size: 75%;
}

.ticketState .small.ticket-state-text-long {
	font-size: 60%;
	margin-top: 0%;
}

/* icon */
.ticketState .icon-ok {
	margin-top: 20%;
	
	/* clear icon text alignment */
	vertical-align: -20%;
}


/* service technician */
.ticketState .SERVICE_TECHNICIAN {
	background: #6f6f6f;
	border:1px solid #565656;
	color: white;
}


/* headquarter */
.ticketState .HQ, .ticketState .headquarter {
	background: #d57b7b;
	border:1px solid #e25454;
	color: white;
}


/* service manager */
.ticketState .SERVICE_MANAGER {
	background: #f5e39a;
	border:1px solid #f9d957;
	color: black;
}


/* qs */
.ticketState .QS {
	background: #a569bd;
	border:1px solid #6c3483;
	color: white;
}


/* tcm */
.ticketState .TCM {
	background: #a569bd;
	border:1px solid #6c3483;
	color: white;
}

.ticketState .SL4 {
	background: #a569bd;
	border:1px solid #6c3483;
	color: white;
}


/* finished */
.ticketState .FINISHED {
	/* bootstrap check icon */
	background: #82bd86;
	border:1px solid #50be63;
	color: black;
}

.ticketState .OR {
	background: #00b0f0;
	border:1px solid #2f528f;
	color: black;
}

.ticketState .PM {
	background: #0072a3;
	border:1px solid #2f528f;
	color: white;
}

.ticketState .SL {
	background: #FF1493;
	border:1px solid #2f528f;
	color: white;
}


/* mechanic */
.ticketState .MECHANIC {
	background: #98b9d1;
	border:1px solid #50a8d8;
	color: #FFF;
}

/* external */
.ticketState .EXTERNAL {
	background: #ffffff;
	border:1px solid #c0c0c0;
	color: #808080;
}


/* customer */
.ticketState .CUSTOMER {
	background: orange;
	border:1px solid #50a8d8;
	color: #FFF;
}

/* end of sit_ticketState.css */