/****************************************************************************************
	History
****************************************************************************************/
#history-wrapper {
	width: 1024px;
	height: 748px;
	overflow-y: hidden;
	overflow-x: hidden;
	position: relative;
}

#history-counter {
	display: none;
}

/****************************************************************************************
	Right side - tasks
****************************************************************************************/
#history-tasks {
	width: 512px;
	height: 748px;
	overflow: hidden;
	
	background: transparent url('Images/contact-bg.png') 0 0 repeat-y;
	
	position: absolute;
	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	z-index: 99;
}

#history-tasks div.loading-div {
	position: absolute;
	
	width: 512px;
	height: 748px;
}

#history-tasks div.menu-left-activator {
	display: none;
}

#history-tasks .title {
	width: 512px;
	height: 62px;
	text-align: center;
	position: relative;
	background-color: #1F1F1F;
}

#history-tasks .title span.title {
	position: relative;
	top: 15px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	margin-left: -68px;
}

#history-tasks .title .edit-icon {
	position: absolute;
	right: 11px;
	top: 9px;
}

#history-tasks .title .menu-next-icon {
	display: none;
}

#history-tasks .data {
	height: 683px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
}

#history-tasks .data li.group {
	width: 512px;
	height: 20px;
	background-color: #288CD2;
	color: #fff !important;
}

#history-tasks .data li.group span {
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 15px;
	text-shadow: none;
}

#history-tasks .data li.item-separator {
	width: 512px;
	height: 10px;
	background: none;
}

#history-tasks .data li.item {
	width: 512px;
	height: 70px;
	color: #000 !important;
	background: none;
	border-bottom: 1px solid #D8D8D8;
	text-shadow: none;
	position: relative;
}

#history-tasks .data li.item.noborder {
	border: 0;
}

#history-tasks .data li.item .name {
	position: absolute;
	left: 10px;
	top: 3px;
	font-size: 18px;
	font-weight: bold;
}

#history-tasks .data li.item .message {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 15px;
	max-width: 390px;
}

#history-tasks .data li.item .date {
	position: absolute;
	top: 3px;
	right: 15px;
	font-size: 12px;
	font-weight: bold;
}

#history-tasks .data li.item .buttons {
	position: absolute;
	right: 10px;
	bottom: 3px;
}

#history-tasks .data li.item .buttons .accept-icon {
	width: 30px;
	height: 30px;
	
	border: 1px solid 		#044062 /*{b-bup-border}*/;
	background: 			#54C450 /*{b-bup-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #54C450 /*{b-bup-background-start}*/), to( #418E3A /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #54C450 /*{b-bup-background-start}*/, #418E3A /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #54C450 /*{b-bup-background-start}*/, #418E3A /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #54C450 /*{b-bup-background-start}*/, #418E3A /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #54C450 /*{b-bup-background-start}*/, #418E3A /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #54C450 /*{b-bup-background-start}*/, #418E3A /*{b-bup-background-end}*/);
}

#history-tasks .data li.item .buttons .reject-icon {
	width: 30px;
	height: 30px;
	
	border: 1px solid 		#044062 /*{b-bup-border}*/;
	background: 			#C12626 /*{b-bup-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #D34E4E /*{b-bup-background-start}*/), to( #C12626 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #D34E4E /*{b-bup-background-start}*/, #C12626 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #D34E4E /*{b-bup-background-start}*/, #C12626 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #D34E4E /*{b-bup-background-start}*/, #C12626 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #D34E4E /*{b-bup-background-start}*/, #C12626 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #D34E4E /*{b-bup-background-start}*/, #C12626 /*{b-bup-background-end}*/);
	
	margin-left: 10px;
}

#history-tasks .data li.item .buttons .reject-icon span.ui-icon, #history-tasks .data li.item .buttons .accept-icon span.ui-icon {
	background-color: transparent;
	margin: 6px 0 0 6px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#history-tasks .data li.item.auto {
	height: auto;
}

#history-tasks .data div.key-value-list {
	margin: 0 0 0 10px;
	width: 490px;
}

/****************************************************************************************
	Left side - history
****************************************************************************************/
#history-history {
	width: 512px;
	height: 748px;
	overflow: hidden;
	
	background: transparent url('Images/contact-bg.png') 0 0 repeat-y;
	
	position: absolute;
	
	-webkit-transform: translate3d(512px, 0, 0);
	-moz-transform: translate3d(512px, 0, 0);
	transform: translate3d(512px, 0, 0);

	z-index: 100;
}

#history-history .title {
	width: 512px;
	height: 62px;
	text-align: center;
	position: relative;
	background-color: #1F1F1F;
}

#history-history .title div.menu-prev-icon {
	display: none;
}

#history-history .title span.title {
	position: relative;
	top: 15px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	
	margin-left: -68px;
}

#history-history .data {
	height: 683px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
}

#history-history .data .block {
	margin: 10px 10px 0 10px;
	width: 482px;
	
	position: relative;
}

#history-history .data .block .block-line {
	position: absolute;
	top: 17px;
	left: 16px;
	bottom: 10px;
	width: 10px;
	background: transparent url('Images/history-line.png') 0 0 repeat-y;
}

#history-history .data .block .group {
	width: 482px;
	background: transparent url('Images/history-circle.png') 10px 3px no-repeat;
}

#history-history .data .block .group span {
	margin: 0 0 0 30px;
	font-weight: bold;
	font-size: 12px;
}

#history-history .data .block .item {
	width: 482px;
	/*height: 55px;*/
	position: relative;
	margin: 10px 0 5px 0;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#history-history .data .block .item .item-content {
    /*
	position: absolute;
	left: 40px;
	height: 55px;
    */
	width: 435px;
	
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border: 1px solid #CCCCCC;
	background: #FFF;

    margin-left: 5px;

    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#history-history .data .block .item .item-content[data-taskid],
#history-history .data .block .item .item-content[data-personid] {
	cursor: pointer;
}

#history-history .data .block .item .item-content p.time {
	font-weight: bold;
	font-size: 12px;
	float: right;
	margin-right: 5px;
}

#history-history .data .block .item .item-content p.message {
	margin: 2px 5px 5px 5px;
	clear: both;
}

#history-history .data .block .item .item-icon {
    /*
	position: absolute;
	top: 10px;
	left: 6px;
    */
    margin-left: 6px;
    
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#history-history .data .block .item .item-icon.deal {
	content: url('Images/history-deal-ico.png');
}
#history-history .data .block .item .item-icon.calendar {
	content: url('Images/history-calendar-ico.png');
}
#history-history .data .block .item .item-icon.task {
	content: url('Images/history-task-ico.png');
}
#history-history .data .block .item .item-icon.offer {
	content: url('Images/history-offer-ico.png');
}
#history-history .data .block .item .item-icon.nothing {
	content: url('Images/history-nothing-ico.png');
}
#history-history .data .block .item .item-icon.unknown {
	content: url('Images/history-nothing-ico.png');
}