@font-face {
	font-family: 'Mitra';
	src: url('/common/font/webmitra/WebMitraBold.eot');
	src: url('/common/font/webmitra/WebMitraBold.eot?#iefix') format('embedded-opentype'),
		url('/common/font/webmitra/WebMitraBold.woff') format('woff'),
		url('/common/font/webmitra/WebMitraBold.ttf') format('truetype');
		url('/common/font/webmitra/WebMitraBold.svg#mitra') format('svg');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family:BYekan;
	src: url('/common/font/yekan/Yekan.eot');
	src: url('/common/font/yekan/Yekan.eot') format('embedded-opentype'),
		url('/common/font/yekan/Yekan.woff') format('woff'),
		url('/common/font/yekan/Yekan.ttf') format('truetype'),
		url('/common/font/yekan/Yekan.svg#yekan') format('svg');
}

@font-face {
    font-family: Ubuntu;
    src: url('/common/font/ubuntu/ubuntu-regular-webfont.eot');
    src: url('/common/font/ubuntu/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/font/ubuntu/ubuntu-regular-webfont.woff') format('woff'),
         url('/common/font/ubuntu/ubuntu-regular-webfont.ttf') format('truetype'),
         url('/common/font/ubuntu/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.rdb-drag-start {
	color: red;
}

.rdb-dragged {
	background-color: deepskyblue;
	width: 100px;
	text-align: center;
	border-radius: 5px;
	padding: 2px;
}

.rdb-drop-over {
	color: red;
	background-color: yellow;
}

.highcharts-title {
	direction: rtl;
}

.q1, .q2, .q3, .q4 {
	padding:2px;
	border-radius: 2px;
	color:white;
	width: 20px;
	height: 20px;
}
.q1 {
	background-color: rgb(164, 207, 99);
}
.q2 {
	background-color: rgb(232, 213, 89);
}
.q3 {
	background-color: rgb(251, 163,83);
}
.q4 {
	background-color: rgb(221,90,78);
}

.precedence-list,
.menu-list {
	list-style-type: disc;
}

.precedence-list li,
.menu-list li {
	padding: 3px 0;
}

.precedence-row,
.menu-row {
	padding: 0 10px 3px 10px;
	margin: 0 -5px;
	border-radius: 4px;
	border: 1px transparent;
	cursor: default;
}

.precedence-selected,
.menu-selected {
	/*font-weight: bold;*/
	background-color: #ecf0ff;
	border: 1px dashed #aabcff;
}

.precedence-selectable,
.menu-selectable {
	cursor: pointer;
	border-bottom: 1px dashed #aabcff;
	background-color: #f7f9ff;
}

.precedence-unselectable,
.menu-unselectable {
	cursor: default;
}

.precedence-row:hover,
.menu-row:hover {
	border: 1px solid #aabcff;
	background-color: #ecf0ff;
}

.precedence-row:hover > .precedence-tool:first-child,
.menu-row:hover > .menu-tool {
	visibility: visible;
}

.precedence-tool,
.menu-tool {
	padding-right: 5px;
	visibility: hidden;
}

.precedence-comment, .menu-comment {
	left: 5px;
	top: 23px;
	border: 1px solid #aabcff;
	border-radius: 4px;
	padding: 5px 10px;
	min-width: 250px;
	background-color: #f7f9ff;
}

li .precedence-level-top,
li .menu-level-top {
	/*border-top: 1px solid *//*;*/
}

#area-row td,
#precedence-row td,
#menu-row td {
	padding-top: 10px;
}


.popup-selected-row {
	padding-bottom: 5px;
}
.popup-selected-item a i {
	padding-left: 5px;
}
.popup-selected-item {
	border-bottom: 1px dashed orange;
	background-color: cornsilk;
	/*border-bottom: 1px dashed green;*/
	/*background-color: #e2ffe2;*/
	/*background-color: #f7fafd;*/
	/*border-bottom: 2px solid #b5d3ff;*/
	text-shadow: none;
	border-radius: 4px;
	padding: 0 0 0 5px;
	/*border-bottom: 1px dashed *//*;*/
	/*background-color: *//*;*/
}