* {
	margin: 0;
	padding: 0;
	outline: none !important;
}

html, body {
	overflow: hidden;
	color: #fff;
	font: normal 15px Tahoma, Geneva, Kalimati, sans-serif;
	
	background: #1F1F1F;
	
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
}

.fa-btn {
    cursor: pointer;
}

div.cleaner {
	clear: both;
}

div.hidden {
	display: none;
}

div.information-title {
    background-color: lightblue;
    text-align: center;
    padding: 15px;
}

.unselectable * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
}

.selectable * {
	-webkit-user-select: text;  /* Chrome all / Safari all */
	-moz-user-select: text;     /* Firefox all */
	-ms-user-select: text;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: text;
	user-select: text;
}

#body {
	background: none;
}

#menu-panel {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#image-preloader {
	display: none;
}

#logo {
	cursor: pointer;
	background: url('Images/logo-menu.png');
    height: 41px;
    width: 190px;
}

#main-content-wrapper {
	background-color: #1F1F1F;
}

div.quantis-loader {
	background: url('Images/ajax-quantis-loader.gif');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.filter-icon {
	content: url('Images/filter-gray-icon.png');
}

.filter-icon.active {
	content: url('Images/filter-icon.png');
}

img.loading-white {
	content: url('Images/ajax-loader-white.gif');
    width: 44px;
    height: 44px;
}

img.today-icon {
	content: url('Images/icon-today.png');
    width: 44px;
    height: 44px;
}

img.insurance-icon {
	content: url('Images/icon-insurance.png');
    width: 44px;
    height: 44px;
}

img.buy-icon {
	content: url('Images/icon-buy.png');
    width: 44px;
    height: 44px;
}

img.buy-icon.selected {
	content: url('Images/icon-buy-selected.png');
    width: 44px;
    height: 44px;
}

img.sell-icon {
	content: url('Images/icon-sell.png');
    width: 44px;
    height: 44px;
}

img.sell-icon.selected {
	content: url('Images/icon-sell-selected.png');
    width: 44px;
    height: 44px;
}

img.product-group-icon {
	content: url('Images/icon-product-group.png');
    width: 44px;
    height: 44px;
}

img.product-group-icon.selected {
	content: url('Images/icon-product-group.png');
    width: 44px;
    height: 44px;
}

img.unit-icon {
	content: url('Images/icon-unit.png');
    width: 44px;
    height: 44px;
}

img.unit-icon.selected {
	content: url('Images/icon-unit-selected.png');
    width: 44px;
    height: 44px;
}

img.expansion-dashboard-icon {
	content: url('Images/icon-expansion.png');
    width: 44px;
    height: 44px;
}

img.expansion-dashboard-icon.selected {
	content: url('Images/icon-expansion-selected.png');
    width: 44px;
    height: 44px;
}

img.ref-dashboard-icon {
	content: url('Images/icon-ref.png');
    width: 44px;
    height: 44px;
}

img.ref-dashboard-icon.selected {
	content: url('Images/icon-ref-selected.png');
    width: 44px;
    height: 44px;
}

img.logo-black-60 {
	content: url('Images/logo-black-60x60.png');
	width: 60px;
	height: 60px;
}

/****************************************************************************************
	Login
****************************************************************************************/
#login-page {
	background: transparent url('Images/login-bg-v2.png') 0 0 no-repeat;
}

/****************************************************************************************
	Loading
****************************************************************************************/
div.loading-div {
	display: none;
	z-index: 9999;
	
	filter: Alpha(Opacity=88);
	opacity: .88;
	
	color: #fff;
	text-shadow: none;
	font-weight: normal;
	
	background: #222;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
}

div.loading-div span {
	background: url(images/ajax-loader.gif);
	background-color: #000;
	background-repeat: no-repeat;
	
	width: 44px;
	height: 44px;
	
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	
	filter: Alpha(Opacity=75);
	opacity: .75;
	
	display: block;
	
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	padding: 1px;
}

/****************************************************************************************
	Menu icons
****************************************************************************************/
#menu ul li a div {
    line-height: 40px;
    
    width: 168px;
    height: 40px;

    display: block;
    position: relative;
}

#menu ul li a div span {
    padding-left: 50px;
}

#menu ul li a div .icon-wrapper {
    position: absolute;

    width: 40px;

    margin: 5px 0 0 5px;
    text-align: center;
}

#menu ul li a div i {
    font-size: 30px;
}

#menu ul li a div.dashboard {
    /*background:transparent url('Images/menu-dashboard.png') left top no-repeat;*/
}

#menu ul li.active a div.dashboard {
    /*background:transparent url('Images/menu-dashboard-sel.png') left top no-repeat;*/  
}

#menu ul li a div.contact {
    /*background:transparent url('Images/menu-contact.png') left top no-repeat;*/
}

#menu ul li.active a div.contact {
    /*background:transparent url('Images/menu-contact-sel.png') left top no-repeat;*/
}

#menu ul li a div.calendar {
    /*background:transparent url('Images/menu-calendar.png') left top no-repeat;*/
}

#menu ul li.active a div.calendar {
    /*background:transparent url('Images/menu-calendar-sel.png') left top no-repeat;*/
}

#menu ul li a div.deal {
    /*background:transparent url('Images/menu-deal.png') left top no-repeat;*/
}

#menu ul li.active a div.deal {
    /*background:transparent url('Images/menu-deal-sel.png') left top no-repeat;*/
}

#menu ul li a div.history {
    /*background:transparent url('Images/menu-history.png') left top no-repeat;*/
}

#menu ul li.active a div.history {
    /*background:transparent url('Images/menu-history-sel.png') left top no-repeat;*/
}

#menu ul li a div.stock {
    /*background:transparent url('Images/menu-stock.png') left top no-repeat;*/
}

#menu ul li.active a div.stock {
    /*background:transparent url('Images/menu-stock-sel.png') left top no-repeat;*/
}

#menu ul li a div.sub {
    /*background:transparent url('Images/menu-sub.png') left top no-repeat;*/
}

#menu ul li.active a div.sub {
    /*background:transparent url('Images/menu-sub-sel.png') left top no-repeat;*/
}

#menu ul li a div.home {
    /*background:transparent url('Images/menu-home.png') left top no-repeat;*/
}

#menu ul li.active a div.home {
    /*background:transparent url('Images/menu-home-sel.png') left top no-repeat;*/
}

#menu ul li a div.logout {
    /*background:transparent url('Images/menu-logout.png') left top no-repeat;*/
}

#menu ul li.active a div.logout {
    /*background:transparent url('Images/menu-logout-sel.png') left top no-repeat;*/
}

#menu ul li a div.task {
    /*background:transparent url('Images/menu-task.png') left top no-repeat;*/
}

#menu ul li.active a div.task {
    /*background:transparent url('Images/menu-task-sel.png') left top no-repeat;*/
}

#menu ul li a div.contract {
    /*background: transparent url('Images/menu-deal.png') left top no-repeat;*/
}

#menu ul li.active a div.contract {
    /*background: transparent url('Images/menu-deal-sel.png') left top no-repeat;*/
}

#menu ul li a div.media {
    /*background: transparent url('Images/menu-media.png') left top no-repeat;*/
}

#menu ul li.active a div.media {
    /*background: transparent url('Images/menu-media-sel.png') left top no-repeat;*/
}

#menu ul li a div.report {
    /*background: transparent url('Images/menu-reporting.png') left top no-repeat;*/
}

#menu ul li.active a div.report {
    /*background: transparent url('Images/menu-reporting-sel.png') left top no-repeat;*/
}

#menu ul li a div.commission {
    /*background: transparent url('Images/menu-reporting.png') left top no-repeat;*/
}

#menu ul li.active a div.commission {
    /*background: transparent url('Images/menu-reporting-sel.png') left top no-repeat;*/
}

#menu ul li a div.deposit {
    /*background: transparent url('Images/menu-deal.png') left top no-repeat;*/
}

#menu ul li.active a div.deposit {
    /*background: transparent url('Images/menu-deal-sel.png') left top no-repeat;*/
}

/****************************************************************************************
	Dashboard icons
****************************************************************************************/
img.dashboard-unit-icon {
	content: url('Images/dashboard-unit-title.png');
    width: 44px;
    height: 44px;
}

img.dashboard-plan-icon {
	content: url('Images/dashboard-plan-title.png');
    width: 44px;
    height: 44px;
}

img.dashboard-exp-icon {
	content: url('Images/dashboard-exp-title.png');
    width: 44px;
    height: 44px;
}

img.dashboard-arrow-static {
	content: url('Images/arrow-right.png');
    width: 44px;
    height: 44px;
}

img.dashboard-arrow-static.disabled {
	content: url('Images/arrow-right-disabled.png');
    width: 44px;
    height: 44px;
}

img.dashboard-arrow-left {
	content: url('Images/arrow-left.png');
    width: 44px;
    height: 44px;
}

img.dashboard-arrow-left.disabled {
	content: url('Images/arrow-left-disabled.png');
    width: 44px;
    height: 44px;
}

img.dashboard-arrow-up {
	content: url('Images/arrow-up.png');
    width: 44px;
    height: 44px;
}

img.dashboard-arrow-down {
	content: url('Images/arrow-down.png');
    width: 44px;
    height: 44px;
}


img.icon-rating-empty {
	content: url('Images/dashboard_icon_empty.png');
    width: 44px;
    height: 44px;
}
img.icon-rating-circle {
	content: url('Images/dashboard_icon_circle.png');
    width: 44px;
    height: 44px;
}
img.icon-rating-square {
	content: url('Images/dashboard_icon_square.png');
    width: 44px;
    height: 44px;
}
img.icon-rating-star {
	content: url('Images/dashboard_icon_star.png');
    width: 44px;
    height: 44px;
}
img.icon-rating-triangle {
	content: url('Images/dashboard_icon_triangle.png');
    width: 44px;
    height: 44px;
}
img.icon-rating-inactive {
	content: url('Images/dashboard_icon_inactive.png');
    width: 44px;
    height: 44px;
}


img.feedback-icon-a {
	content: url('Images/feedback-a.png');
	width: 16px;
	height: 16px;
}
img.feedback-icon-b {
	content: url('Images/feedback-b.png');
	width: 16px;
	height: 16px;
}
img.feedback-icon-c {
	content: url('Images/feedback-c.png');
	width: 16px;
	height: 16px;
}
img.feedback-icon-x {
	content: url('Images/feedback-x.png');
	width: 16px;
	height: 16px;
}


img.dashboard-competition {
	content: url('Images/dashboard-icon-competition.png');
	width: 32px;
	height: 32px;
}
img.dashboard-feedback {
	content: url('Images/dashboard-icon-feedback.png');
	width: 32px;
	height: 32px;
}
img.dashboard-commission {
	content: url('Images/dashboard-icon-commission.png');
	width: 32px;
	height: 32px;
}

/****************************************************************************************
	Contact list icons
****************************************************************************************/
img.company-icon {
	content: url('Images/ico_item_comp.png');
	display: none;
}
img.company-icon.active {
	content: url('Images/ico_item_comp_selected.png');
	display: initial;
}

img.contractor-icon {
	content: url('Images/ico_item_contr.png');
	display: none;
}
img.contractor-icon.active {
	content: url('Images/ico_item_contr_selected.png');
	display: initial;
}

img.expansion-icon {
	content: url('Images/ico_item_exp.png');
	display: none;
}
img.expansion-icon.active {
	content: url('Images/ico_item_exp_selected.png');
	display: initial;
}

img.offer-icon {
	content: url('Images/ico_item_off.png');
	display: none;
}
img.offer-icon.active {
	content: url('Images/ico_item_off_selected.png');
	display: initial;
}

img.prospect-icon {
	content: url('Images/ico_item_prosp.png');
	display: none;
}
img.prospect-icon.active {
	content: url('Images/ico_item_prosp_selected.png');
	display: initial;
}

img.vip-icon {
	content: url('Images/ico_item_VIP.png');
	display: none;
}
img.vip-icon.active {
	content: url('Images/ico_item_VIP_selected.png');
	display: initial;
}

img.task-icon {
	content: url('Images/ico_item_task.png');
	display: none;
}
img.task-icon.active {
	content: url('Images/ico_item_task_selected.png');
	display: initial;
}

img.caretaker-icon {
	content: url('Images/ico_item_prosp.png');
	display: none;
}
img.caretaker-icon.active {
	content: url('Images/ico_item_prosp_selected.png');
	display: initial;
}


li.selected img.company-icon {
	content: url('Images/ico_item_active_comp.png');
	display: none;
}
li.selected img.company-icon.active {
	content: url('Images/ico_item_active_comp_selected.png');
	display: initial;
}

li.selected img.contractor-icon {
	content: url('Images/ico_item_active_contr.png');
	display: none;
}
li.selected img.contractor-icon.active {
	content: url('Images/ico_item_active_contr_selected.png');
	display: initial;
}

li.selected img.expansion-icon {
	content: url('Images/ico_item_active_exp.png');
	display: none;
}
li.selected img.expansion-icon.active {
	content: url('Images/ico_item_active_exp_selected.png');
	display: initial;
}

li.selected img.offer-icon {
	content: url('Images/ico_item_active_off.png');
	display: none;
}
li.selected img.offer-icon.active {
	content: url('Images/ico_item_active_off_selected.png');
	display: initial;
}

li.selected img.prospect-icon {
	content: url('Images/ico_item_active_prosp.png');
	display: none;
}
li.selected img.prospect-icon.active {
	content: url('Images/ico_item_active_prosp_selected.png');
	display: initial;
}

li.selected img.vip-icon {
	content: url('Images/ico_item_active_VIP.png');
	display: none;
}
li.selected img.vip-icon.active {
	content: url('Images/ico_item_active_VIP_selected.png');
	display: initial;
}

li.selected img.task-icon {
	content: url('Images/ico_item_active_task.png');
	display: none;
}
li.selected img.task-icon.active {
	content: url('Images/ico_item_active_task_selected.png');
	display: initial;
}

li.selected img.caretaker-icon {
	content: url('Images/ico_item_active_prosp.png');
	display: none;
}
li.selected img.caretaker-icon.active {
	content: url('Images/ico_item_active_prosp_selected.png');
	display: initial;
}

/****************************************************************************************
	Contact details icons
****************************************************************************************/
img.contact-deals-icon {
	content: url('Images/ico_contact_deal.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contact-deals-icon {
	content: url('Images/ico_contact_deal_disabled.png');
}
li.active img.contact-deals-icon {
	content: url('Images/ico_contact_deal_selected.png');
}

img.contact-offer-icon {
	content: url('Images/ico_contact_off.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contact-offer-icon {
	content: url('Images/ico_contact_off_disabled.png');
}
li.active img.contact-offer-icon {
	content: url('Images/ico_contact_off_selected.png');
}

img.contact-notes-icon {
	content: url('Images/ico_contact_note.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contact-notes-icon {
	content: url('Images/ico_contact_note_disabled.png');
}
li.active img.contact-notes-icon {
	content: url('Images/ico_contact_note_selected.png');
}

img.contact-tasks-icon {
	content: url('Images/ico_contact_task.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contact-tasks-icon {
	content: url('Images/ico_contact_task_disabled.png');
}
li.active img.contact-tasks-icon {
	content: url('Images/ico_contact_task_selected.png');
}

img.contact-expansion-icon {
	content: url('Images/ico_contact_exp.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contact-expansion-icon {
	content: url('Images/ico_contact_exp_disabled.png');
}
li.active img.contact-expansion-icon {
	content: url('Images/ico_contact_exp_selected.png');
}

img.contact-employees-icon {
	content: url('Images/ico_contact_emp.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contact-employees-icon {
	content: url('Images/ico_contact_emp_disabled.png');
}
li.active img.contact-employees-icon {
	content: url('Images/ico_contact_emp_selected.png');
}

img.icon-allday {
	content: url('Images/icon-allday.png');
    width: 44px;
    height: 44px;
}

img.icon-allday.hidden {
	display: none;
}


/****************************************************************************************
	Contract details icons
****************************************************************************************/
img.contract-participants-icon {
	content: url('Images/ico_contact_exp.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contract-participants-icon {
	content: url('Images/ico_contact_exp_disabled.png');
}
li.active img.contract-participants-icon {
	content: url('Images/ico_contact_exp_selected.png');
}

img.contract-partner-stock-data-icon {
	content: url('Images/ico_contact_note.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contract-partner-stock-data-icon {
	content: url('Images/ico_contact_note_disabled.png');
}
li.active img.contract-partner-stock-data-icon {
	content: url('Images/ico_contact_note_selected.png');
}

img.contract-deposit-icon {
	content: url('Images/ico_contact_deal.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contract-deposit-icon {
	content: url('Images/ico_contact_deal_disabled.png');
}
li.active img.contract-deposit-icon {
	content: url('Images/ico_contact_deal_selected.png');
}

img.contract-documents-icon {
	content: url('Images/ico_contact_note.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contract-documents-icon {
	content: url('Images/ico_contact_note_disabled.png');
}
li.active img.contract-documents-icon {
	content: url('Images/ico_contact_note_selected.png');
}

img.contract-process-states-icon {
	content: url('Images/ico_contact_off.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contract-process-states-icon {
	content: url('Images/ico_contact_off_disabled.png');
}
li.active img.contract-process-states-icon {
	content: url('Images/ico_contact_off_selected.png');
}

img.contract-tasks-icon {
	content: url('Images/ico_contact_task.png');
    width: 44px;
    height: 44px;
}
li.inactive img.contract-tasks-icon {
	content: url('Images/ico_contact_task_disabled.png');
}
li.active img.contract-tasks-icon {
	content: url('Images/ico_contact_task_selected.png');
}

img.contract-additional-contract-icon {
	content: url('Images/ico_item_comp.png');
	display: none;
}
img.contract-additional-contract-icon.active {
	content: url('Images/ico_item_comp_selected.png');
	display: initial;
}

li.selected img.contract-additional-contract-icon {
	content: url('Images/ico_item_active_comp.png');
	display: none;
}
li.selected img.contract-additional-contract-icon.active {
	content: url('Images/ico_item_active_comp_selected.png');
	display: initial;
}

/****************************************************************************************
	Contact
****************************************************************************************/
#contact-summary-temp {
	display: none;
}

#contact-operations-menu {
	background: #161616;
}

#contact-operations-menu a.ui-btn {
	margin: 3px;
}

/****************************************************************************************
	Top menu
****************************************************************************************/
div.menu-icon-add {
    background: transparent url('Images/menu-add-icon.png') left top no-repeat;
    width: 50px;
    height: 50px;
}

div.menu-icon-add.added {
    background: transparent url('Images/menu-minus-icon.png') left top no-repeat;
}

div.menu-icon-play {
    background: transparent url('Images/menu-play-icon.png') left top no-repeat;
    width: 50px;
    height: 50px;
}

div.menu-icon-play.playing {
    background: transparent url('Images/menu-stop-icon.png') left top no-repeat;
    width: 50px;
    height: 50px;
}

div.menu-icon-edit {
    background: transparent url('Images/menu-edit-icon.png') left top no-repeat;
    width: 50px;
    height: 50px;
}

img.menu-icon-add {
	content: url('Images/menu-add-icon.png');
    width: 44px;
    height: 44px;
}

img.menu-icon-edit {
	content: url('Images/menu-edit-icon.png');
    width: 44px;
    height: 44px;
}

img.menu-icon-document {
	content: url('Images/menu-document-icon.png');
    width: 44px;
    height: 44px;
}

img.menu-icon-profile {
	content: url('Images/menu-profile-activator.png');
    width: 44px;
    height: 44px;
}

/****************************************************************************************
	Contact filter
****************************************************************************************/
#popup-contact-filter {
	background: #161616;
}

#popup-contact-filter .ui-checkbox label img {
	width: 20px;
	height: 20px;
}

#popup-contact-filter span.filter-name {
	position: absolute;
	left: 35px;
	top: -4px;
}

#popup-contact-filter div.ui-checkbox {
	padding: 0 3px 0 3px;
}

/****************************************************************************************
	Task filter
****************************************************************************************/
#popup-task-filter span.filter-name.tabbed {
	margin-left: 30px;
}

/****************************************************************************************
	Deal
****************************************************************************************/
#deal-summary-temp {
	display: none;
}

/****************************************************************************************
	Calendar
****************************************************************************************/
img.calendar-icon-add {
	content: url('Images/calendar-add-icon.png');
}

/****************************************************************************************
	Key-Value list
****************************************************************************************/
div.key-value-list-legend {
	font-weight: bold;
	padding: 30px 0 10px 0;
}

div.key-value-list-legend:first-child {
	padding: 10px 0 10px 0;
}

div.key-value-list-legend.auto {
	width: auto !important;
}

div.key-value-list-legend a.ui-btn {
	float: right;
	margin-top: -10px;
}

div.key-value-list-legend div.create-button {
	position: relative;
	left: 1px;
	
	width: 40px;
	height: 40px;
	
	float: right;
	
	margin-top: -12px;
	
	cursor: pointer;
}

div.key-value-list-legend div.create-button span {
	position: absolute;
	top: 12px;
	left: 12px;
	
	background-color: #31546E;
}

div.key-value-list-legend div.collapse-button {
	position: relative;
	right: -3px;
	
	width: 40px;
	height: 40px;
	
	float: right;
	
	margin-top: -12px;
	
	cursor: pointer;
}

div.key-value-list-legend div.collapse-button span {
	position: absolute;
	top: 12px;
	left: 10px;
	
	background-color: #31546E;
}

div.key-value-list-buttons {
	padding: 30px 0;
}

div.key-value-list-buttons div.ui-submit, div.key-value-list-buttons div.ui-btn {
	display: none;
}

div.key-value-list-template {
	display: none;
}

div.key-value-list, div.key-value-list-toggle {
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border: 1px solid #CCCCCC;
	
	background: #E5E5E5;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E5E5E5 ), to( #D8D8D8 ));
	background-image: -webkit-linear-gradient( #E5E5E5 , #D8D8D8 );
	background-image: -moz-linear-gradient( #E5E5E5 , #D8D8D8 );
	background-image: -ms-linear-gradient( #E5E5E5 , #D8D8D8 );
	background-image: -o-linear-gradient( #E5E5E5 , #D8D8D8 );
	background-image: linear-gradient( #E5E5E5 , #D8D8D8 );
	
	margin-bottom: 10px;
}

div.key-value-list.lightblue {
    border: 1px solid #43AFF5 ;

    background: #E0F1FF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E0F1FF ), to( #B8E0FF ));
	background-image: -webkit-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -moz-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -ms-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -o-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: linear-gradient( #E0F1FF, #B8E0FF );
}

div.key-value-list.red {
    border: 1px solid #F54347 ;

    background: #FFE1E0;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFE1E0 ), to( #FFB9B8 ));
	background-image: -webkit-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: -moz-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: -ms-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: -o-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: linear-gradient( #FFE1E0, #FFB9B8 );
}

div.key-value-list .item.red {
    border: 1px solid #F54347 ;

    background: #FFE1E0;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFE1E0 ), to( #FFB9B8 ));
	background-image: -webkit-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: -moz-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: -ms-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: -o-linear-gradient( #FFE1E0, #FFB9B8 );
	background-image: linear-gradient( #FFE1E0, #FFB9B8 );
}

div.key-value-list.lightblue_Profile {
    border: 1px solid #43AFF5 ;

    background: #E0F1FF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E0F1FF ), to( #B8E0FF ));
	background-image: -webkit-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -moz-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -ms-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -o-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: linear-gradient( #E0F1FF, #B8E0FF );
    
    margin: 0 0 0 0px !important;
}





div.key-value-list.nobackground, div.key-value-list-toggle.nobackground {
	background: none;
	border: none;
}

div.key-value-list-toggle {
	margin-bottom: 15px !important;
}

div.key-value-list-toggle div.ui-slider-switch {
	top: -5px;
	right: 3px;
	position: absolute;
}

div.key-value-list div * {
	margin: 0;
	padding: 0;
	border: 0;
}

div.key-value-list .header *, div.key-value-list-toggle .header * {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}

div.key-value-list .header span.key, div.key-value-list-toggle .header span.key {
    /*
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
    */
}

div.key-value-list .item, div.key-value-list-toggle .item {
	border: 0;
	border-bottom: 1px solid #CCCCCC;

	clear: both;
}

div.key-value-list .item span.tooltip, div.key-value-list-toggle .item span.tooltip {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	color: #1680C6;
	display: block;
	margin: 2px 0 2px 30px;
}

div.key-value-list .item-div-container:not(:empty) {
	border-bottom: 1px solid #CCCCCC;
}

div.key-value-list .item:last-child {
	border: 0;
}

div.key-value-list .ui-input-search .ui-input-text {
	padding: 3px 0 3px 30px;
}

div.key-value-list .header, div.key-value-list-toggle .header {
	height: 40px;
	position: relative;
}

div.key-value-list .header.highlited, div.key-value-list-toggle .header.highlited {
    background: #E0F1FF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E0F1FF ), to( #B8E0FF ));
	background-image: -webkit-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -moz-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -ms-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: -o-linear-gradient( #E0F1FF, #B8E0FF );
	background-image: linear-gradient( #E0F1FF, #B8E0FF );
}

div.key-value-list .header.auto {
	height: auto;
}

div.key-value-list .header.profile-picture {
	height: 120px;
}

div.key-value-list .header.profile-picture .value {
	bottom: 0;
}

div.key-value-list .header.profile-picture img {
	max-height: 113px !important;
}

div.key-value-list .header.input {
	height: 40px;
}

div.key-value-list .header.textarea {
	height: 95px;
}

div.key-value-list .header.input.color {
	height: 160px;
}

div.key-value-list .header.input.color span.minicolors {
	position: absolute;
	left: 140px;
	top: 4px;
}

div.key-value-list .header div.edit-button {
	position: absolute;
	right: 6px;
	top: 8px;
	
	width: 27px;
	height: 27px;
	
	cursor: pointer;
}

div.key-value-list .header div.edit-button.with-delete {
	right: 60px;
	
	/* túl sok gomb lenne.. */
	display: none;
}

div.key-value-list .header div.edit-button span {
	position: absolute;
	top: 5px;
	left: 5px;
	
	background-color: #838383;
}

div.key-value-list .header div.delete-button {
	position: absolute;
	right: 0;
	top: -1px;
	
	width: 45px;
	height: 40px;
	
	cursor: pointer;
}

div.key-value-list .header div.delete-button span {
	position: absolute;
	top: 14px;
	left: 17px;
	
	background-color: #AC4145;
}

div.key-value-list .sub-list {
	display: none;
	
	background: #EFEFEF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #EFEFEF ), to( #E2E2E2 ));
	background-image: -webkit-linear-gradient( #EFEFEF , #E2E2E2 );
	background-image: -moz-linear-gradient( #EFEFEF , #E2E2E2 );
	background-image: -ms-linear-gradient( #EFEFEF , #E2E2E2 );
	background-image: -o-linear-gradient( #EFEFEF , #E2E2E2 );
	background-image: linear-gradient( #EFEFEF , #E2E2E2 );
}

div.key-value-list .sub-list .header {
	border-top: 1px solid #CCCCCC;
}

div.key-value-list .sub-list .person-list {
    width: 100%;
}

div.key-value-list .sub-list .person-list .person-list-item {
    margin-left: 15px;
    border-bottom: 1px solid #C8C7CC;
}

div.key-value-list .sub-list .person-list .person-list-item:last-child {
    border: 0;
}

div.key-value-list .sub-list .person-list .person-list-item .person-list-item-picture {
    width: 50px;
    height: 50px;

    margin: 15px 20px 5px 5px;

    border: 2px solid #C8C7CC;

    float: left;
    -webkit-border-radius: 50px;
    border-radius: 50px;

    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.key-value-list .sub-list .person-list .person-list-item.highlited .person-list-item-picture {
    border-color: #1680C6;
}

div.key-value-list .sub-list .person-list .person-list-item .person-list-item-name {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    position: relative;
    
    padding: 10px 0 0 10px;
    line-height: 20px;

    display: block;
}

div.key-value-list .sub-list .person-list .person-list-item.highlited .person-list-item-name {
    color: #1680C6;
}

div.key-value-list .sub-list .person-list .person-list-item .person-list-item-mtnr {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    position: relative;

    padding-left: 10px;
    line-height: 20px;

    display: block;
}

div.key-value-list .sub-list .person-list .person-list-item.highlited .person-list-item-mtnr {
    color: #1680C6;
}

div.key-value-list .header div.description {
	font-size: 12px;
	/*font-weight: bold;*/
	color: #000;

	text-align: justify;

	margin: 15px 30px 15px 30px;
}

div.key-value-list .header div.description ul.number {
	list-style-type: decimal;
	margin: 10px 5px 10px 25px;
}

div.key-value-list .header div.description ul.dot {
	list-style-type: circle;
	margin: 10px 5px 10px 25px;
}

div.key-value-list .header div.slider-list-wrapper div.slider-list-item {
	width: 15px;
	height: 15px;

	float: left;
	margin-right: 10px;

	-webkit-border-radius: .6em .6em .6em .6em;
	border-radius: .6em .6em .6em .6em;

	background: #464646;
}

div.key-value-list .header div.slider-list-wrapper div.slider-list-item.active {
	background: #009452;
}

/* Old version the input size was set and the key size was secondary

div.key-value-list .header .key, div.key-value-list-toggle .header .key {
	font-size: 12px;
	font-weight: bold;
	color: #000;
    
	position: absolute;
	bottom: 12px;
	left: 30px;
}
    */

div.key-value-list .header span.indicator, div.key-value-list-toggle .header span.indicator {
    font-size: 12px;
	font-weight: bold;
	color: #000;

    position: absolute;
    line-height: 40px;
    left: 8px;
}

div.key-value-list .header .key, div.key-value-list-toggle .header .key {
    font-size: 12px;
	font-weight: bold;
	color: #000;
    
    position: relative;
    float: left;
    padding-left: 30px;
    line-height: 40px;
    left:0;
    bottom:0;
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#popup-window div.key-value-list .header .key, div.key-value-list-toggle .header .key {
	padding-left: 30px;
}

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-input-text {
    overflow: hidden;
    padding-top: 2px;
    position: relative;
    left: 0;
    width: auto;
    bottom: 0;
}

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-checkbox {
    overflow: hidden;
    padding-top: 2px;
    position: relative;
    left: 0;
    width: auto;
    bottom: 0;
    clear: none;
}

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-input-textarea{
    overflow: hidden;
    padding-top: 2px;
    position: relative;
    left: 0;
    width: auto;
    bottom: 0;
}

#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-select{
    overflow: hidden;
    padding-top: 2px;
    position: relative;
    left: 0;
    width: auto;
    bottom: 0;
}

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-select{
    overflow: hidden;
    padding-top: 2px;
    position: relative;
    left: 0;
    width: auto;
    bottom: 0;
}

/*
div.key-value-list .header.input .key {
	bottom: 12px;
}
    */
div.key-value-list .header.textarea .key {
	top: 9px;
}

div.key-value-list .header.profile-picture .key {
	top: 9px;
}

div.key-value-list .header.input.color .key {
	top: 9px;
}
/* used for padding, but does not look good for other parts*/

div.key-value-list .sub-list .item {
    margin-left: 20px;
    border-left: 1px solid #CCCCCC;
    border-bottom: none;
}

    
div.key-value-list .sub-list .header .key {
	left: 10px;
}

div.key-value-list .sub-list .item.centered {
    text-align: center;
}

div.key-value-list .header .value {
	font-size: 12px;
	font-weight: bold;
	color: #1680C6;
	
	position: absolute;
	bottom: 12px;
	right: 10px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.key-value-list .header .key i.alert {
    color: red;
    margin: 0 5px 0 5px;
    font-weight: bold;
    font-size: 140%;
}

div.key-value-list .header .button {
    font-size: 14px;
    font-weight: bold;
    color: #000;

    margin-top: 12px;

    text-align: center;

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    cursor: pointer;
}

div.key-value-list .header input.ui-input-text,div.key-value-list .header div.ui-input-text {
	background: transparent;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	color: #1680C6;
	text-shadow: none;
	
	opacity: 1 !important;
}

div.key-value-list .header div.ui-select .ui-btn-inner {
	padding-left: 0;
}

div.key-value-list .header .ui-btn {
	background: transparent;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	color: #1680C6;
	
	opacity: 1 !important;
}

div.key-value-list .header .ui-btn .ui-btn-text {
	text-shadow: none;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

div.key-value-list input.third-screen-input-text,
div.key-value-list select.third-screen-input-text {
    background: transparent;
    /*border: 1px solid #1680C6;*/
    color: #1680C6;

    -webkit-border-radius: .4em;
    border-radius: .4em;

    padding: 1px 3px 1px 3px;
    text-align: right;

    width: 80px;

    float: right;
}

div.key-value-list input.refresh-button {
    background: #1E89FF url("Images/ios7-input-edit.png") no-repeat center center !important;

    width: 16px;
    height: 16px;

    float: right;

    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    font-size: 16px;
    text-align: center;

    color: white;

    border: 0;
    margin: 0 0 0 13px;
}

div.key-value-list .header .toggle {
	position: absolute;
	left: 3px;
	top: 9px;
	
	background: none;
	border: 0;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.key-value-list .header .ui-img-checked {
	position: absolute;
	right: 10px;
	top: 7px;

	content: url('Images/icon-check-blue.png');
}

div.key-value-list .header .toggle .ui-icon {
	background-color: transparent;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.key-value-list.error {
	display: none;
	background: #E89494;
	text-shadow: none;
}

div.key-value-list.error {
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;    
}

div.key-value-list.error p.validation-error-title {
	margin: 10px;
	font-weight: bold;

}

div.key-value-list.error ul.validation-errors {
	margin: 20px 0 10px 30px;
	width: 600px;
	list-style: none;
}

div.key-value-list div.ui-input-search {
	overflow: hidden;
	margin: 0 10px 0 10px;
}

div.key-value-list div.ui-input-search a.ui-input-clear {
	margin: -11px 5px 0 0;
}

div.key-value-list .ui-grid-a {
	margin: 5px;
}

div.key-value-list div.ui-grid-a div.ui-block-a, div.key-value-list div.ui-grid-a div.ui-block-b {
	margin-bottom: 5px;
}

div.key-value-list .header .ui-input-text.search {
	-webkit-border-radius: .4em;
	border-radius: .4em;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
}

div.key-value-list ul.search-result li {
	position: relative;
	height: 46px;
	color: #000 !important;
	cursor: pointer;
	background: none;
	border-bottom: 1px solid #D8D8D8;
	text-shadow: none;
}

div.key-value-list ul.search-result li.selected {
	background: #288CD2;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #44A0E7 ), to( #137ABC ));
	background-image: -webkit-linear-gradient( #44A0E7 , #137ABC );
	background-image: -moz-linear-gradient( #44A0E7 , #137ABC );
	background-image: -ms-linear-gradient( #44A0E7 , #137ABC );
	background-image: -o-linear-gradient( #44A0E7 , #137ABC );
	background-image: linear-gradient( #44A0E7 , #137ABC );
	color: #fff !important;
}

div.key-value-list ul.search-result li span.search-result-name {
	position: absolute;
	left: 10px;
	top: 3px;
	
	font-size: 18px;
	font-weight: bold;
}

div.key-value-list ul.search-result li span.search-result-name.warning {
	color: Red;
}

div.key-value-list ul.search-result li span.search-result-mtnr {
	position: absolute;
	right: 5px;
	bottom: 3px;
	
	font-size: 13px;
}

div.key-value-list ul.search-result li span.search-result-phone {
	position: absolute;
	left: 10px;
	bottom: 3px;
	
	font-size: 13px;
}

/****************************************************************************************
	jQuery validation
****************************************************************************************/
form label.error {
  display: none !important;
}
/* For the validate to work ok */
#contract-create-form label.error {
    display: inline !important;
}

#popup-window-content-wrapper textarea:focus.error, #popup-window-content-wrapper input:focus.error, #popup-window-content-wrapper select:focus.error {
	background: #E89494;
	border-radius: 0.3em;
}

#popup-window-content-wrapper textarea.error, #popup-window-content-wrapper input.error, #popup-window-content-wrapper select.error {
	background: #E89494;
	border-radius: 0.3em;
}

/****************************************************************************************
	Rating
****************************************************************************************/
ul.rating {
	width: 80px;
	height: 16px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	clear: both;
	position: relative;
	background: transparent url('Images/rating.png') no-repeat 0 0;
}

ul.rating.star-0 { background-position: 0 0; }
ul.rating.star-1 { background-position: 0 -16px; }
ul.rating.star-2 { background-position: 0 -32px; }
ul.rating.star-3 { background-position: 0 -48px; }
ul.rating.star-4 { background-position: 0 -64px; }
ul.rating.star-5 { background-position: 0 -80px; }

ul.rating li {
	cursor: pointer;
	float: left;
	text-indent: -999em;
}

/****************************************************************************************
	Dashboard competition
****************************************************************************************/
#popup-window-window-wrapper table tr.highlighted {
	background: #C3C8CC;
}

#popup-window-window-wrapper table th.black, #popup-window-window-wrapper table td.black {
	color: #414141;
}

#popup-window-window-wrapper table th.blue, #popup-window-window-wrapper table td.blue {
	color: #006CBE;
}

#popup-window-window-wrapper table th.red, #popup-window-window-wrapper table td.red {
	color: #E11F00;
}

#popup-window-window-wrapper table th.orange, #popup-window-window-wrapper table td.orange {
	color: #C77C15;
}

#popup-window-window-wrapper table th.green, #popup-window-window-wrapper table td.green {
	color: #009452;
}

/****************************************************************************************
	Table
****************************************************************************************/
table.mobile-table {
	display: table-row-group;
	border: 0;
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	-webkit-box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}

table.mobile-table thead tr {
	border: 1px solid #bbb /*{d-bar-border}*/;
	background: #bbb /*{d-bar-background-color}*/;
	color: #333 /*{d-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/ ), to( #bbb /*{d-bar-background-end}*/ ));
	background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/ );
	background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/ );
	background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/ );
	background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/ );
	background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/ );

	height: 35px;
}

table.mobile-table thead tr.nobackground {
	background: none;
	border: none;
}

table.mobile-table th, table.mobile-table td {
	line-height: 1.5em;
	text-align: left;
	padding: .4em .5em;
	vertical-align: top;

	display: table-cell;
}

table.mobile-table tbody tr:nth-child(odd) td {
	background-color: rgba(0,0,0,0.04);
}

table.mobile-table .ui-table-cell-hidden {
	display: none;
}

/* Task icons */
img.task-participants-icon {
	content: url('Images/ico_contact_exp.png');
}
li.inactive img.task-participants-icon {
	content: url('Images/ico_contact_exp_disabled.png');
}
li.active img.task-participants-icon {
	content: url('Images/ico_contact_exp_selected.png');
}

img.task-documents-icon {
	content: url('Images/ico_contact_note.png');
}
li.inactive img.task-documents-icon {
	content: url('Images/ico_contact_note_disabled.png');
}
li.active img.task-documents-icon {
	content: url('Images/ico_contact_note_selected.png');
}

img.task-process-states-icon {
	content: url('Images/ico_contact_off.png');
}
li.inactive img.task-process-states-icon {
	content: url('Images/ico_contact_off_disabled.png');
}
li.active img.task-process-states-icon {
	content: url('Images/ico_contact_off_selected.png');
}
/*
div.key-value-list .header.allowance {
	height: 60px;
}

div.key-value-list .header.allowance .key {
    line-height: 60px;
}

div.key-value-list .header.allowance .value {
    width: 250px;
    top: 20px;
}*/

/* Training icons */
img.training-participants-icon {
	content: url('Images/ico_contact_exp.png');
}
li.inactive img.training-participants-icon {
	content: url('Images/ico_contact_exp_disabled.png');
}
li.active img.training-participants-icon {
	content: url('Images/ico_contact_exp_selected.png');
}
img.training-signin-icon {
	content: url('Images/ico_contact_task.png');
}
li.inactive img.training-signin-icon {
	content: url('Images/ico_contact_task_disabled.png');
}
li.active img.training-signin-icon {
	content: url('Images/ico_contact_task_selected.png');
}

.second-screen-menu ul li .second-screen-menu-icon-wrapper {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 30px;
    height: 30px;

    font-size: 26px;
    text-align: center;
}

.second-screen-menu ul li .second-screen-menu-icon-wrapper {
    color: #459FE5;
}

.second-screen-menu ul li.active .second-screen-menu-icon-wrapper {
    color: #fff;
}

.second-screen-menu ul li.inactive .second-screen-menu-icon-wrapper {
    color: #767676;
}