/* --------------------------------
//
// Таблица стилей проекта library
//
// static/buttons.css
//
// June, 2023 - Mar, 2024
//
// Last changes at 2024-03-10 18:49
//
//--------------------------------*/
a.redbutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #CC0000;
	/* фон кнопки */
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	text-align: center;
	width: 10rem;
}

a.redbutton:hover {
	/* при наведении курсора */
	background: #B80000;
}

a.redbutton:active {
	/* при нажатии */
	background: rgb(152, 15, 0);
}

@media screen and (max-width:768px) {
	a.redbutton {
		display: block;
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

a.greenbutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #9ACD32;
	/* фон кнопки */
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	text-align: center;
	width: 10rem;
}

a.greenbutton:hover {
	background: #8ABD22;
	/* фон кнопки */
}

a.greenbutton:active {
	background: #7AAD12;
	/* фон кнопки */
}

@media screen and (max-width:768px) {
	a.greenbutton {
		display: block;
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

a.yellowbutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #FF9900;
	/* фон кнопки */
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	text-align: center;
	width: 10rem;
}

a.yellowbutton:hover {
	background: #DD7700;
	/* фон кнопки */
}

a.yellowbutton:active {
	background: #BB7700;
	/* фон кнопки */
}

@media screen and (max-width:768px) {
	a.yellowbutton {
		display: block;
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

a.bluebutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #1E90FF;
	/* фон кнопки */
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	text-align: center;
	width: 10rem;
}

a.bluebutton:hover {
	color: #fff;
	background: #0060FF;
	/* фон кнопки */
}

a.bluebutton:active {
	color: #fff;
	background: #0000FF;
	/* фон кнопки */
}

@media screen and (max-width:768px) {
	a.bluebutton {
		display: block;
		color: #fff;
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

a.greybutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #888;
	/* фон кнопки */
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	text-align: center;
	width: 10rem;
}

@media screen and (max-width:768px) {
	a.greybutton {
		display: block;
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

button.bluebutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #1E90FF;
	/* фон кнопки */
	border: none;
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	width: 10rem;
}

button.bluebutton:hover {
	background: #0060FF;
	/* фон кнопки */
}

button.bluebutton:active {
	background: #0000FF;
	/* фон кнопки */
}

@media screen and (max-width:768px) {
	button.bluebutton {
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

button.redbutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #CC0000;
	/* фон кнопки */
	border: none;
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	width: 10rem;
}

button.redbutton:hover {
	background: #B80000;
	/* фон кнопки */
}

button.redbutton:active {
	background: rgb(152, 15, 0);
	/* фон кнопки */
}

@media screen and (max-width:768px) {
	button.redbutton {
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

button.greenbutton {
	color: #fff;
	/* цвет текста */
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #9ACD32;
	/* фон кнопки */
	border: none;
	border-radius: 5px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	width: 10rem;
}

button.greenbutton:hover {
	background: #8ABD22;
	/* фон кнопки */
}

button.greenbutton:active {
	background: #7AAD12;
	/* фон кнопки */
}

@media screen and (max-width:768px) {
	button.greenbutton {
		font-size: 1.5rem;
		padding: 1.2rem;
		border-radius: 4px;
		width: 100%;
		line-height: 2rem;
	}
}

button.basket {
	color: #1E90FF;
	text-decoration: none;
	user-select: none;
	/* убирать выделение текста */
	background: none;
	border: none;
	border-radius: 5px;
	outline: none;
	/* убирать контур в Mozilla */
	cursor: pointer;
	margin-right: -0.5rem;
	padding: 0;
	width: max-content;
}

button.basket:hover {
	color: #CC0000;
}

button.basket:active {
	color: #880000;
}

td.user_detail .bluebutton {
	padding: 0.2rem 0.4rem;
	width: 8rem;
	font-size: 0.9rem;
}

@media screen and (max-width:768px) {
	td.user_detail .bluebutton {
		padding: 0.3rem 0.6rem;
		width: 100%;
		font-size: 1.2rem;
	}
}