.alist { background-color: #FFF; }

.alist > div:first-child {
	font-weight: bold;
    color: #0B4887;
    background-color: #E6F2F9;
}

.alist > div:nth-child(2n) { background-color: #F7F7F7; }


.alist > div:not(:last-child) { border-bottom: 1px solid #E3E3E3; }

/*.alist div a {
	line-height: 18px;
    color: #063071;
} да се премахне! или да се модифицира, ако е необходимо някъде*/

.alist div a:hover { color: #247fe1; }

/* Mobile */
@media all and (max-width: 960px) {
	.alist {
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
	}

	.alist > div { padding: 10px 20px; }

	.alist > div:first-child { display: none; }

	.alist > div:not(:first-child) {
		position: relative;
		overflow: hidden;
	}

	.alist > div > div { margin: 5px 0; }

	.alist > div > div.mgAdminFrame {
		position: absolute;
		top: 0;
		opacity: 0;
		right: -200px;

		-webkit-transition: right 0.5s ease, opacity 0.5s ease;
	    -moz-transition: right 0.5s ease, opacity 0.5s ease;
	    -ms-transition: right 0.5s ease, opacity 0.5s ease; /* IE10 is actually unprefixed */
	    -o-transition: right 0.5s ease, opacity 0.5s ease;
	    transition: right 0.5s ease, opacity 0.5s ease;
	}

	.alist > div:hover > div.mgAdminFrame,
	.alist > div:active > div.mgAdminFrame {
		right: 5px;
		opacity: 1;
		border: 1px solid #BBB;
		padding: 1px;
		background-color: rgba(230,230,230,0.8);
		z-index: 1;
		white-space: nowrap;
	}
}

/* Desktop */
@media all and (min-width: 961px) {
	.alist {
	    display: flex;
	  	flex-direction: column;
	  	border: 1px solid #E3E3E3;
	}

	.alist > div { display: flex; }

	.alist > div:first-child > div > strong {
		display: inline-block;
		padding-right: 22px;

	}

	.alist > div > div:not(:last-child) { padding: 10px; }

	.alist > div:first-child > div.sort {
		background-repeat: no-repeat;
		background-position: center right 10px;
		cursor: pointer;
	}

	.alist > div:first-child > div.sort.asc { background-image: url(../svg/list/sortasc.svg); }

	.alist > div:first-child > div.sort.desc { background-image: url(../svg/list/sortdesc.svg); }
}