#page-content{
	left: 250px;
	padding: 10px;
	position: relative;
	top: 60px;
/*	transition: all 250ms ease-in-out;*/
	width: calc(100% - 270px);
}

#manage-left{
	display: inline-block;
	left: 0;
	position: relative;
	top: 0;
	width: 300px;
    vertical-align: top;
}

#manage-right{
	display: inline-block;
/*	margin-left: 10px;*/
	top: 10;
	width: calc(100% - 300px);
}

.manage-block-header{
	border-bottom: 1px solid #a0a0a0;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.manage-block{
	background: #ffffff;	
	border-radius: 5px;
	border: 1px solid #a0a0a0;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	margin-bottom: 10px;
	padding: 10px;
	width: calc(100% - 32px);
	margin: 5px;
}

.editBoxList {
	margin-bottom: 5px;
}

.list-entity{
	background: #ffffff;
	font-size: 85%;
	transition: background 250ms ease-in-out;
	width: 100%;
    border-radius: 5px;
    border: 1px solid #808080;
    height: 30px;
    line-height: 30px;
    margin-top: 4px;
    overflow: hidden;
    vertical-align: top;
}
.list-entity:hover{
	background: #f0f0f0;
	 border: 1px solid #808080;
}

/* Первое поле */ 
.nameField{
	overflow: hidden;
	padding: 0px 4px 0px 0px;
    border-right: 1px dotted #808080;
    display: inline-block;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: inherit;
    white-space: nowrap;
    width: 260px;
}

.descriptionField{
	height: 100%;
	overflow: hidden;
	padding: 0px 4px 0px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
    border-right: 1px dotted #808080;
    display: inline-block;
    text-align: left;
    vertical-align: inherit;	
    width: 25%;
}

.descriptionField-large{
	height: 100%;
	overflow: hidden;
	padding: 0px 4px 0px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
    border-right: 1px dotted #808080;
    display: inline-block;
    text-align: left;
    vertical-align: inherit;	
    width: 50%;
}

.descriptionField p{
	margin: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.quiz-box p{
	margin: 3px 0px;
}
.dataField-small{
	padding: 0px 4px 0px 0px;
    border-right: 1px dotted #808080;
    display: inline-block;
    text-align: center;
    vertical-align: inherit;
    width: 95px;
} 
.dataField-middle{
	padding: 0px 4px 0px 0px;
    border-right: 1px dotted #808080;
    display: inline-block;
    text-align: center;
    vertical-align: inherit;
    width: 130px;
} 
.dataField-large{
	padding: 0px 4px 0px 0px;
    border-right: 1px dotted #808080;
    display: inline-block;
    text-align: center;
    vertical-align: inherit;
    width: 170px;
} 

.sort-rule{
	color: #28343f;
	text-decoration: underline;
	text-decoration-style: dashed;
	cursor: pointer;
	font-weight: normal;
}
.sort-rule:hover{
	text-decoration: none;
}
.rule-active{
	color: #3b4a59;
}
.sort-direct:before{
	content: "\f309";
	font-family: "Font Awesome 5 Free";
	font-size: 0.7em;
	font-weight: bold;
}
.sort-reverse:before{
	content: "\f30c";
	font-family: "Font Awesome 5 Free";
	font-size: 0.7em;
	font-weight: bold;
}
/* Кнопки */
.buttons {
	float: right;
	line-height: 30px;
}

.user-inactive {
	background: #d0d0d0;
	opacity: 0.55;
    filter: grayscale(1);
}

.hint{
	font-size: 75%;
	margin-bottom: 5px;
}

.quiz-box{
	border: 1px dotted #a0a0a0;
	margin-bottom: 10px;
	padding: 10px;
}
.questionAnswer div{
	text-align: center;
}
#toTopButton{
	background: #28343f;
	border-radius: 5px;
	bottom: 60px;
	color: #f2f9ff;
	display: none;
	font-family: 'Font Awesome 5 Free';
	height: 50px;
	opacity: 0.5;
	position: fixed;
	right: 60px;
	transform: rotate(90deg);
	transition: all 250ms ease-in-out;
	width: 50px;
	z-index: 9000;
}

#toTopButton:hover{
	cursor: pointer;
	opacity: 0.75;
}
#toTopButton:before{
	content: "\f30a";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	position: relative;
	text-align: center;	
	width: 50px;
}

.correct-answer {
	color: #008000;
}

.incorrect-answer {
	color: #800000;
}

.incorrect-answer-box{
	background: #ffe0e0;
}
.partlycorrect-answer-box{
	background: #feffe0;
}
.correct-answer-box{
	background: #e0ffe0;
}
.table-bordered{
	border-collapse: collapse;
	width: 100%;
}
.table-bordered td{
	border: 1px solid #28343f;
	margin: 0px;
	padding: 3px 5px;
}