.head-shadow{text-shadow: 4px 4px 15px rgba(38, 38, 38, 0.5),2px 2px 4px rgba(57,65,124,.1);}
.uk-padding-default {padding: 40px;}
.uk-checkbox{border: 1px solid #DCDCDC;}
.tm-border{border: 1px solid #DEDEE0 !important;}

/* Бэкграунд для офлайн-экрана */
.tm-off{
	background-image: url(/images/back-offline.jpg);
	min-height: calc(-80px+100vh);
}

/* Калькулятор: Стили для меток */
.range-slider {position: relative;}
.range-slider .marks {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}
.range-slider .mark {
	width: 10px;
	text-align: center;
}
/* Калькулятор: Скрываем информацию о срочных заказах по умолчанию */
.urgent-info {display: none;}
.calc-material{	
	line-height: 40px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 15px !important;
	/* border-radius: 6px;
	border: 1px solid #dedee0;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.6))*/
}

.button-metallic,
.uk-button-default {
  /* Убедимся, что фон не повторяется и можно управлять его позицией */
  background-image: linear-gradient(135deg, #f6f6f6, #c0c0c0, #f5f5f5, #f1f1f1) !important;
  background-size: 300% 300%; /* делаем градиент "длиннее", чтобы было что двигать */
  background-position: 0% 0%; /* начальная позиция */
  
  border: 1px solid #ccc !important;
  box-shadow: 5px 5px 15px 0 rgba(0,0,0,.2) !important;
  
  /* Плавная анимация позиции фона */
  transition: background-position 0.6s ease, box-shadow 0.3s ease;
  
  /* Обязательно: без этого background-position не будет работать */
  background-repeat: no-repeat;
}

.button-metallic:hover,
.uk-button-default:hover {
  background-position: 100% 100%; /* сдвигаем градиент в противоположный угол */
  box-shadow: 8px 8px 20px 0 rgba(0,0,0,.3) !important;
}

.uk-navbar-container:not(.uk-navbar-transparent){
  /* background-image: linear-gradient(135deg, #80aea1, #18573d, #487c6b, #638e82) !important; */
  background-color:#00674f;
}

.uk-button-primary {
  /* background-image: linear-gradient(135deg, #e4c229, #aa8311, #e2ba0b, #f5da3b) !important; 
  background-image: linear-gradient(135deg, #e5e5e5, #848484, #9a9a9a, #e5e5e5) !important; */
  background-image: linear-gradient(135deg, #bde1d1, #18573d, #58b496, #96bcab) !important;
  background-size: 300% 200%; /* делаем градиент "длиннее", чтобы было что двигать */
  background-position: 0% 0%; /* начальная позиция */
  
  border: 1px solid #ccc !important;
  box-shadow: 5px 5px 15px 0 rgba(0,0,0,.2) !important;
  
  transition: background-position 0.6s ease, box-shadow 0.3s ease;
  background-repeat: no-repeat;
}
.uk-button-primary:hover {
  background-position: 100% 100%; /* сдвигаем градиент в противоположный угол */
  box-shadow: 8px 8px 20px 0 rgba(0,0,0,.3) !important;
}