@charset "utf-8";
/* CSS Document */

.tarif-table-list > li, .users-table-list > li { text-align: center; }

.user-view-conteiner > .user-view-imgs-conteiner { width: calc(35% - 32px); }
.user-view-conteiner > .user-view-ch-conteiner { width: 65%; }

.login-form { background: #f3f3f3; padding: 20px; border-radius: 8px;  width: 100%; max-width: 550px; margin: 0 auto; }
.login-form form, .login-form-container { display: block; margin: 0 auto; border-radius: 8px; padding:20px; border: 1px solid #ccc; background:#fff; }
.login-form-container { text-align: center; }
.login-form input { width: 100%; }
.login-form input[type="submit"] { padding: 10px; }

@media (max-width: 768px) {
	.user-view-conteiner > .user-view-imgs-conteiner, .user-view-conteiner > .user-view-ch-conteiner { width: 100%; }
	
	.users-table-list { grid-template-columns: auto !important; width: 100%; }
	.users-table-list > li { border-bottom: none; }
	.users-table-list.-table-cnt-5 > li:nth-child(5n + 5) { border-bottom: 1px dashed #ccc; }
	.users-table-list .-row-edit-link.-header, .users-table-list .-row-i { display: none; }
	.users-table-list .-row-name { text-align: center; }
}