﻿
.ABItemSide
{
	width: 220px;
	background-color: #E9E9E9;
	display: block;
}

.ABItemSide .SubItems
{
    overflow-y: auto;
	padding: 5px 10px;
	height: 50%\9;
	height: calc(50% - 100px);
	border-bottom: 1px solid #E1E0E0;
}

.ABItemSide .SubItems .Remove
{
	font-size: 13px;
	cursor: pointer;
	float: right;
}

.ABItemSide .SubItems.Locked .Remove
{
	display: none;
}

.rtl .ABItemSide .SubItems .Remove
{
	float: left;
}

.ABItemSide h3
{
	margin: 0;
	font-size: 15.4px;
}

.ABItemSide .SubItems h3
{
	float: left;
	padding-top: 6px;
	margin: 0;
	font-size: 15.4px;
}

.rtl .ABItemSide .SubItems h3
{
	float: right;
}

.ABItemSide .SubItems button
{
	cursor: pointer;
	background-color: #F9F9F9;
	border-radius: 5px;
	border: 1px solid #CFCFCF;
	display: block;
	float: right;
	padding: 4px;
	font-size: 18px;
}

.rtl .ABItemSide .SubItems button
{
	float: left;
}

.ABItemSide .SubItems .ABItemSide .SubItems ul
{
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 30px);
	clear: both;
	height: 90%\9;
}

.ABItemSide .SubItems li
{
	padding: 5px 0px;
}

	.ABItemSide .SubItems li a
	{
		color: #0022DF;
		text-decoration: none;
	}

		.ABItemSide .SubItems li a.Late
		{
			color: #ff0000;
		}

.ABItemSide ul.Reminders
{
	display: block;
	clear: both;
	margin: 0px 6px;
	height: 20%\9;
}

.ABItemSide .Reminders li
{
	display: block;
	clear: both;
	padding: 10px 0px 0px 0px;
}


.ABItemSide .Reminders label
{
	clear: both;
	vertical-align: top;
	color: #747272;
}

.ABItemSide .Reminders .Date, .ABItemSide .Reminders .Time
{
	float: left;
	border: 1px solid #CFCFCF;
	background-position: 3px 50%;
	background-repeat: no-repeat;
	text-align: center;
	/*background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);*/
	direction: ltr;
	padding: 5px 0px;
	box-sizing: content-box;
}

.rtl .ABItemSide .Reminders .Date, .rtl .ABItemSide .Reminders .Time
{
	float: right;
}

.ABItemSide ul.Reminders input.Date
{
	width: 180px;
	font-size: 15px;
	background-color: white;
}

.ABItemSide ul.Reminders input.Date:disabled 
{
    background-color: rgb(235, 235, 228);
}

.ABItemSide .Reminders .Time
{
	width: 70px;
}
.ABItemSide .Reminders input.Date, .ABItemSide .Reminders input.Time 
{
	height: 20px;
}

.ABItemSide #Reminders .Buttons
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

	.ABItemSide #Reminders .Buttons button
	{
		margin: 0px 10px;
	}

.ABItemSide .Reminders .Save
{
	border: none;
	float: right;
	width: 20px;
	font-size: 25px;
	color: #323338;
	margin-top: 2px;
	cursor: pointer;
}

.ABItemSide .Reminders .Save:hover
{
	color: #F7931D;
}

.rtl .ABItemSide .Reminders .Save
{
	float: left;
}

.ABItemSide ul.SubItemsMenu
{
	position: absolute;
	top: 368px;
	left: 10px;
	width: 180px;
	display: none;
	background-color: #ededed;
	padding: 0px;
	z-index: 99999;
	border: 1px solid #cccccc;
	/*height: 65px;*/
}

.ABItemSide ul.SubItemsMenu li
{
	margin: 0;
	padding: 0;
}

.ltr .ABItemSide ul.SubItemsMenu
{
	right: 41px;
	left: inherit;
}

.ABItemSide ul.SubItemsMenu a
{
	font-size: 15px;
	color: #000000;
	background-color: transparent;
	display: block;
	clear: both;
	line-height: inherit;
	height: inherit;
	padding: 5px;
	border-radius: 0px;
	text-align: inherit;
	text-decoration: none;
}

.ABItemSide ul.SubItemsMenu a:hover
{
	background-color: #F7931D;
	color: #ffffff;
}

.ABItemSide ul.SubItemsMenu a
{
	text-decoration: none;
}
.ABItemSide ul.Items
{
	clear: both;
}
.ABItemSide div.SubItems ul li span.DocType
{
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	bottom: 2px;
	position: relative;
}

.rtl .ABItemSide div.SubItems ul li span.DocType
{
	float: right;
}

.ABItemSide ul.Reminders li label input.ReminderAllCheckbox,
.ABItemSide ul.Reminders li label input.ReminderMeCheckbox
{
	margin-left: 0px;
	margin-right: 5px;
}

.rtl .ABItemSide ul.Reminders li label input.ReminderAllCheckbox,
.rtl .ABItemSide ul.Reminders li label input.ReminderMeCheckbox
{
	margin-right: 0px;
	margin-left: 5px;
}

.ABItemSide ul.Reminders span.k-picker-wrap .k-select
{
	border-width: 0;
}

/*.ABItemSide ul.Reminders input.Date
{
	width: Calc(100% - .8em) !important;
}*/

@media print
{
	.ABItemSide button, .ABItemSide .SubItems
	{
		display: none;
	}

	.ABItemSide ul.Reminders
	{
		display: none;
	}

		.ABItemSide ul.Reminders label
		{
			clear: none;
			display: inline-block;
			float: left;
		}

	.rtl .ABItemSide ul.Reminders label
	{
		float: right;
	}
}

@media (max-width: 1366px)
{
	.ABItemSide .SubItems
	{
		height: 35%\9;
	}
}

@media (max-width: 1024px)
{
	.ABItemSide .SubItems, .ABItemSide .ABItemAttachments
	{
		height: 35%\9;
	}
}
