* { text-decoration: none; margin: 0; padding: 0; outline: none; box-shadow: none; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; }
	

ol,ul {padding-left: 0rem;}
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; }

	
	a { color: #666; }
	a:hover { color: #333 }
	
	div#settings-panel
	{
		
		width: 100%;
		margin: 0 auto;
		
		border: 1px solid #000;
		background-color: #5a6066;
		-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px;
	}
	
	div#settings-panel > header
	{
		position: relative;
		padding: 3px 10px;
		
		background: #5f5e5e; /* Old browsers */
		background: -moz-linear-gradient(top, #5f5e5e 1%, #222222 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5f5e5e), color-stop(100%,#222222)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #5f5e5e 1%,#222222 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #5f5e5e 1%,#222222 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #5f5e5e 1%,#222222 100%); /* IE10+ */
		background: linear-gradient(to top, #5f5e5e 1%,#ffffff 3%,#222222 20%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5e5e', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
		




		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	
	div#settings-panel > header .title
	{
		
		font-size: 18px;
		padding: 10px 0;
		background: no-repeat 20px;
		margin: 0 auto;
	}
	
	div#settings-panel > header .close
	{
		
		position: absolute;
		right: 10px;
		top: 10px;
		opacity: 0.5;
	}
	
	div#settings-panel > header .close:hover
	{
		opacity: 1;
	}
	
	div#settings-panel > header .title strong
	{
		color: #000;
	}
	
	div#settings-panel > section#content ul
	{
		list-style: none;
	}
	
	div#settings-panel > section#content ul li
	{
		display: table;
		width: 100%;
		list-style: none;
		border-top: 1px solid #838c95;
		border-bottom: 1px solid #373737;
		padding: 5px 10px;
	}
	
	div#settings-panel > section#content ul li:last-child
	{
		border-bottom: none;
	}
	
	div#settings-panel > section#content ul li .icon
	{
		display: table-cell;
		width: 48px;
		max-width: 48px;
		height: 48px;
		background: no-repeat center;
		
		border-right: 1px solid #43484c;
	}
	
	div#settings-panel > section#content ul li .content
	{
		display: table-cell;
		vertical-align: middle;
		color: #000;
		text-shadow: 0px -1px -1px rgba(0, 0, 0, 0.4);
		
		border-left: 1px solid #70777e;
		padding-left: 10px;
	}
	
	div#settings-panel > section#content ul li 

.check
	{
float: right;
		display: table-cell;
		vertical-align: middle;
		
		padding-left: 10px;
	}
	

	   .content ul li .check:hover
	{
		opacity: 1;
	}
	
	.regular-checkbox {
	display: none;
}







/*
@keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px /* анимируем свойство background-position */
    }
}
/* Mozilla Firefox 5.0+ */
@-moz-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px
    }
}
/* Safari 4.0+, Chrome 4.0+ */
@-webkit-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px
    }
}
/* Opera 12.0+ */
@-o-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: -600px 600px
    }
}
/* не нужно использовать префикс -ms, так как свойства keyframes и animation поддерживаются с версии IE10 без префикса */
#fon{
	 /* задаем произвольную высоту и ширину блока */
	width:100%;
	background-image: url(https://misha.agency/images/2016/03/css-animation-background.png);
	animation: animatedBackground 60s linear infinite;
	-moz-animation: animatedBackground 60s linear infinite;
	-webkit-animation: animatedBackground 60s linear infinite;
 	-o-animation: animatedBackground 60s linear infinite;
	/* так же, как и с @keyframes, префикс -ms тут ни к чему */
}
}
*/
.card-controls2 {position:absolute; bottom:10px; right:0px;}
.card-controls3 {position:absolute;bottom:63px;right:0px;}
.card-controls4 {position:absolute; bottom:10px; right:0px;}
.card-controls5 {position:absolute;bottom:63px;right:0px;}
.card-controls6 {position:absolute;bottom:0px;right:0px;}

.toplivnaya_karta {position:absolute;top:10px;right:10px;}

.kilometrazh {position:absolute;top:11px;right:200px;z-index:50; }

.avance {position:absolute;top:40px;right:2px;}


.cart_content {right:27px;top:10px;max-width:500px;}


@media (min-width:576px){.container,.container-sm{max-width:540px}
.cart_content {right:27px;top:10px;max-width:500px;}
.floating-block {display: none;}

}

@media (min-width:768px){
.container,.container-md,
.container-sm{max-width:100%;font-family: var(--bs-font-sans-serif);
font-size: 22px; font-weight:bold;}
.btn.btn-success{font-size: 22px; font-weight:bold;padding:15px;}
.btn.btn-outline-primary.me-2 {font-size: 22px; font-weight:bold;padding:15px;}
.btn.btn-primary {font-size: 22px; font-weight:bold;padding:15px;}
.card-controls2 {position:absolute; bottom:10px; right:0px;}
.card-controls3 {position:absolute;bottom:40px;right:0px;}
.cart_content {right:27px;top:10px;max-width:600px;margin-left:5px;}
.floating-block {display: none;}

}
@media (min-width:992px){
.container,.container-lg,.container-md,.container-sm{max-width:960px;font-family: var(--bs-font-sans-serif);font-size: 16px; font-weight:normal;}
.btn.btn-success{font-size: 16px; font-weight:normal;padding:6px 12px 6px 12px;}
.btn.btn-outline-primary.me-2 {font-size: 16px; font-weight:normal;padding:6px 12px 6px 12px;}
.btn.btn-primary {font-size: 16px; font-weight:normal;padding:6px 12px 6px 12px;}
.card-controls3 {position:absolute;bottom:40px;right:0px;}
.card-controls2 {position:absolute; bottom:10px; right:0px;}
.cart_content {right:27px;top:10px;max-width:800px;margin-left:5px;}
.floating-block {display: none;}

}


@media (min-width:1300px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px;font-family: var(--bs-font-sans-serif);
font-size: 16px; font-weight:normal;}
.btn.btn-success{font-size: 16px; font-weight:normal; padding:6px 12px 6px 12px;}
.btn.btn-outline-primary.me-2 {font-size: 16px; font-weight:normal;padding:6px 12px 6px 12px;}
.btn.btn-primary {font-size: 16px; font-weight:normal;padding:6px 12px 6px 12px;}
.card-controls3 {position:absolute;bottom:40px;right:0px;}
.card-controls2 {position:absolute; bottom:10px; right:0px;}
.cart_content {right:27px;top:10px;max-width:920px;margin-left:5px;}
.floating-block {display: none;}

}

@media (min-width:1700px){

.floating-block {display: block;}

}



.chartjs-size-monitor{margin-left:5px;}

.card-body1 {background-image: url("img/bg1.jpg");color:#ffffff;background-position: bottom 209px right 180px;}