.task_attr.background, .task_attr_editor.background{
    background: whitesmoke;
    border: 1px solid #DDD;
    margin: 4px;
    padding: 10px;
}
.task_attr table, .task_attr_editor table{ border-collapse: collapse; }
.task_attr tr.head{
    background-color: #E1E1E1;
    height: 30px;
    font-weight: bold;
    text-align: center;
}
.task_attr td{
   padding: 3px;
   border: 1px solid #DDD;
}
.task_attr tr.head .sort{
    cursor: pointer;
}

table.task_attr_editor{
}
table.task_attr_editor tr{
	min-height: 30px;
}
.task_attr_editor td.value, .task_attr_editor td.id{
    width: 220px;
}
.task_attr_editor td.action{
    padding-left: 10px;
}

/*
.task-values{
 cursor: default;
 font-size: 14px;
}
.task-values .name{
	color: #555;
}
.task-values .attr{
	margin-top: 3px;
}
*/


/* не четная строка таблицы*/
.rotation tr:not(.head):nth-child(2n+1){ background-color: #EAEAEA; }
/* четная строка таблицы */
.rotation tr:not(.head):nth-child(2n){ background-color: #F3F3F3; }

.table{
    display: table;
}
.row{
    display: table-row;
}
.cell{
    display: table-cell;
}

.padding{
    padding: 5px;
}
.margin{
    margin: 5px;
}

/*Выравнивание элементов*/
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}
.align-middle{
    vertical-align: middle;
}
.align-top{
    vertical-align: top;
}
.align-bottom{
    vertical-align: bottom;
}

/*Эффекты для кликабельных картинок*/
.tag-editor td.name, .tag-editor td.name_ru{
    width: 150px;
}
.tag-editor td.action{
    width: 25px;
}
.tag-editor td.type{
    width: 80px;
}

.value-editor td.name, .value-editor td.value{
    width: 150px;
}
.value-editor td.action{
    width: 25px;
}

.pages .page{
    font-size: 14px;
    color: #0063FF;
    padding: 5px;
    
}
.pages{
    margin-top: 10px;
    margin-bottom: 10px;
}
.pages .page.active{
    text-decoration: underline;
}

/*Заголовки таблицы при подключеной сортировке*/
table .head .sort:hover{
    background-color: #D2D2D2;
}
span.dirrection{
    color: #666666;
}
table .head .sort{
    font-weight: bold;
    color: #666666;
    cursor: pointer;
}