/* 
	View specific CSS stuff. Stuff that happens INSIDE a view 

    Views usually have <style>-tags themselfs as well
*/


.clickable,
.control-list-on-click-edit,
.control-relation-on-click-del,
.control-relation-on-click-add,
.control-on-click-del,
.control-on-click-add,
.field-list-on-click-view,
.field-relation-on-click-add,
.field-list-on-click-del,
.control-on-click-view,
.field-relation-on-click-add
{
	cursor:pointer;
}

.clickable:hover, 
.control-list-on-click-edit:hover, 
.control-relation-on-click-del:hover, 
.control-relation-on-click-add:hover, 
.control-on-click-del:hover, 
.control-on-click-add:hover, 
.field-list-on-click-view:hover, 
.field-relation-on-click-add:hover,
.field-list-on-click-del:hover,
.control-on-click-view:hover
{
	background-color: #dddddd;
}

a:hover
{
	background-color: #dddddd;

}

.field-list-on-drag-sort
{
	cursor: pointer;
}


.control-on-click-order
{
	cursor:pointer;
	background-image: url("../icons/order.png");
	background-repeat:no-repeat;
	background-position: right center;
	padding-right: 16px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	
	
}


.control-order-asc
{
	background-image: url("../icons/orderAsc.png");
	border-color: black;
}

.control-order-desc
{
	background-image: url("../icons/orderDesc.png");
	border-color: black;
	border-style: solid;
}

.control-sort-placeholder 
{
	height: 4em;
}

.control-filter-highlight
{
	/* jquery ui-highligh coloros */
	background-color: #fbec88;
    border: 1px solid #C0B584;

	background-image: url("../icons/remove_filter.png");
	background-repeat:no-repeat;
	background-position: right center;
	padding-right:1em;
    cursor:  pointer;

}



/* one choice of a multiselect field */
.field-multiselect
{
	border-left-width: 1px;
	border-left-style: solid;
	margin-right:1em;
	border-color: #aaaaaa;
}

/* administrators */
.field-multiselect-admin
{
	color: red;
}

.field-bool-active-true
{
}

.field-bool-active-false
{
	color:red;
	
}

.field-list-source
{
	background: #eeeeee  !important;
}

.field-list-source-hide
{
	display: none !important;
}


.list-span
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
    margin-right:0.5em;

}



.value
{
	border-width: 1px;
	border-bottom-style: dashed;
	
}

.inline-block
{
	display:inline-block;
	vertical-align: top;
	margin-bottom: 1em;
}

.nowrap
{
	white-space: nowrap;

}
.autoProgramError
{
	background-color: #ff0000;
	color: #ffffff;
	
}


.ui-autocomplete-loading {
	background: white url('../icons/ui-anim_basic_16x16.gif') right center no-repeat;
}

.field-timestamp-quick {
	cursor: pointer;
}

.field-timestamp-quick:hover {
	background: #dddddd;

}


.ticket-gray-style,
.ticket-gray-style .ticket-due-date-style[field-timestamp-days],
.ticket-gray-style .ticket-priority-style .field-select-5,
.ticket-gray-style .ticket-priority-style .field-select-4,
.ticket-gray-style .ticket-status-style .field-select-next_action
{
	color: gray !important;
	background: inherit ;
}

.ticket-unread-highlight-style
{
	color: black ;
	font-weight: bold ;
}


.ticket-status-style .field-select-next_action {
	font-weight: bold;
	color:#b57a15;
}

.ticket-status-style .field-select-none {
	color:gray;
}

.ticket-status-style {
	white-space: nowrap;
}


.ticket-start-date-style
{
	white-space: nowrap;
}


.ticket-due-date-style
{
	color:#000;
	white-space: nowrap;
}

.ticket-due-date-style[field-timestamp-days="7"],
.ticket-due-date-style[field-timestamp-days="6"],
.ticket-due-date-style[field-timestamp-days="5"],
.ticket-due-date-style[field-timestamp-days="4"],
.ticket-due-date-style[field-timestamp-days="3"],
.ticket-due-date-style[field-timestamp-days="2"],
.ticket-due-date-style[field-timestamp-days="1"]
{
	color:#700;
}

.ticket-due-date-style[field-timestamp-days="0"],
.ticket-due-date-style[field-timestamp-days="-1"]
{
	color:#700;
	font-weight:bold;
}

.ticket-due-date-style[field-timestamp-days="-2"],
.ticket-due-date-style[field-timestamp-days="-3"],
.ticket-due-date-style[field-timestamp-days="-4"],
.ticket-due-date-style[field-timestamp-days="-5"],
.ticket-due-date-style[field-timestamp-days="-6"],
.ticket-due-date-style[field-timestamp-days="-7"],
.ticket-due-date-style[field-timestamp-days="-8"],
.ticket-due-date-style[field-timestamp-days="-9"],
.ticket-due-date-style[field-timestamp-days="-10"],
.ticket-due-date-style[field-timestamp-days="-11"],
.ticket-due-date-style[field-timestamp-days="-12"],
.ticket-due-date-style[field-timestamp-days="-13"],
.ticket-due-date-style[field-timestamp-days="-14"]
{
	color:#f00;
	font-weight:bold;
}

.ticket-priority-style {
	white-space: nowrap;
}


.ticket-priority-style .field-select-5
{
	background-color: red;
	color: white;
	font-weight: bold;
	padding: 2px;
}

.ticket-priority-style .field-select-4
{
	background-color: #f80;
	color: white;
	font-weight: bold;
	padding: 2px;
}



/*
.ticket-object .field-select-type-change
{
	background: url("../icons/pencil.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-object .field-select-type-email
{
	background: url("../icons/email.png") left center no-repeat; 
	padding-left:20px;
}


.ticket-object .field-select-type-phone
{
	background: url("../icons/phone.png") left center no-repeat; 
	padding-left:20px;
}


.ticket-object .field-select-type-note
{
	background: url("../icons/note.png") left center no-repeat; 
	padding-left:20px;
}


.ticket-object .field-select-type-time
{
	background: url("../icons/clock.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-object .field-select-type-doc
{
	background: url("../icons/page.png") left center no-repeat; 
	padding-left:20px;
}
*/

.ticketobject-inline-thumb
{
	display:inline-block;
	vertical-align: middle;
	padding: 2px; 
	border-style:solid; 
	border-width: 1px
}

.ticket-add-time-button-style
{
	background: url("../icons/ticketobject_time.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-add-time-link-style
{
	background: url("../icons/ticketobject_time.png") left center no-repeat; 
	padding-left:20px;
	margin-left:20px;
}

.ticket-add-note-button-style
{
	background: url("../icons/ticketobject_note.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-add-doc-button-style
{
	background: url("../icons/ticketobject_doc.png") left center no-repeat; 
	padding-left:20px;
}


.ticket-show-button-style
{
	background: url("../icons/table.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-edit-button-style
{
	background: url("../icons/brick_edit.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-sharing-group
{
	background: url("../icons/group.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-sharing-deligated
{
	background: url("../icons/user.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-sharing-user
{
	background: url("../icons/user.png") left center no-repeat; 
	padding-left:20px;
}

.ticket-sharing-permissions
{
	background: url("../icons/lock.png") left center no-repeat; 
	padding-left:20px;
}


.ticket-check-style .field-bool-false 
{
	background: url("../icons/unchecked.png") left center no-repeat; 
	padding-left:20px;
	
}

.ticket-check-style .field-bool-true
{
	background: url("../icons/checked.png") left center no-repeat; 
	padding-left:20px;
	
}


.ticket-read-style .field-bool-true
{
	/*background: url("../icons/read.png") left center no-repeat; */
	padding-left:20px;
	
}

.ticket-read-style .field-bool-false 
{
	background: url("../icons/unread.png") left center no-repeat; 
	padding-left:20px;
	
}


.show-button-style
{
	background: url("../icons/table.png") left center no-repeat; 
	padding-left:20px;
}



.hidden-uploader
{
	display:none;
}


.tooltip
{
	display: none;
	margin-left:0.5em;
	margin-top:0.5em;
	position: absolute;
	background: yellow;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.tooltip-activate:hover
{
	background-color: yellow;
}

.tooltip-activate:hover .tooltip
{
	display: inherit;
}


.ui-icon
{
	display:inline-block;
}

.list-span-form
{
	border-width: 1px;
	border-style: solid;
    margin-right:1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: inline-block;
    padding: 2px;
}

.list-span-form .ui-icon
{
	vertical-align: middle;
}


.invoice-sent-style .field-bool-false 
{
	color: blue;	
	font-weight: bold;
}

.invoice-payed-style .field-bool-false 
{
	color: red;	
	font-weight: bold;
}


.ui-dialog{

    z-index:101;

}