/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* для всего и сразу */
body{ overflow-x:hidden;}
a, a:active, a:hover, a:focus{ text-decoration:none; color:#fff;}
.blockquote{ border:0;}

/* меню */
#sidebar-wrapper{ z-index:10; position:fixed; left:220px; width:0; height:100%; margin-left:-220px; overflow-y:auto; background-color:#35373d;}
#sidebar-content{ position:absolute; top:0; left:0; width:220px; min-height:100%;}
.sidebar-nav{ position:absolute; top:0; width:220px; margin:0; padding:0; list-style:none; background-color:#35373d; z-index:20;}
#sidebar-wrapper .sidebar-nav *,
#sidebar-wrapper #sidebar-content .sidebar-nav *{ position:relative; text-indent:20px; height:85px; line-height:85px; font-weight:bold; border-bottom:1px solid #4a4b51; display:block; font-size:20px; color:#fff;}
.sidebar-nav li.active{ background-color:#0d1016; color:#fff;}
.sidebar-nav li a:hover, .sidebar-nav li a:focus{ color:#fff; background:rgba(255, 255, 255, 0.1);}
#sidebar-wrapper .sidebar-nav > li+li a:before,
#sidebar-wrapper #sidebar-content .sidebar-nav > li+li a:before{ content:""; background-image:url(/static/icons/menu_icons.png); display:inline-block; width:24px; height:21px; margin-right:25px;}
#sidebar-wrapper .sidebar-nav > li+li .change,
#sidebar-wrapper #sidebar-content .sidebar-nav > li+li .change{ min-width:22px; height:22px; border-radius:50px; background:#a8d030; position:absolute; right:1vw; top:42%; text-align:center;}
#sidebar-wrapper .sidebar-nav > li+li .change span,
#sidebar-wrapper #sidebar-content .sidebar-nav > li+li .change span{ line-height: 1; text-indent:0; border-bottom:none; color:#26282e; top:4px; font-size:0.7em;}
#sidebar-wrapper .sidebar-nav > li+li .not_change,
#sidebar-wrapper #sidebar-content .sidebar-nav > li+li .not_change{ display:none;}
.sidebar-brand, .sidebar-brand a:hover{ color:#fff; background-color:#1996e4;}
#sidebar-wrapper .sidebar-nav > li:nth-child(8) > a:before,
#sidebar-wrapper #sidebar-content .sidebar-nav > li:nth-child(8) > a:before{ background-position: -144px;}
/* Кнопка «Toggle Menu» — только на мобильных, на десктопе скрыта */
#menu-toggle{ display:none; position:fixed; bottom:1rem; left:1rem; z-index:15;}
@media (max-width:767px){
	#menu-toggle{ display:block;}
}

/* Skeleton Screen: меню и контент при подгрузке */
.sidebar-skeleton{ position:absolute; top:0; width:220px; padding:0; list-style:none; background-color:#35373d;}
.sidebar-skeleton .skeleton-line{ height:85px; margin:0 20px; border-bottom:1px solid #4a4b51; background:linear-gradient(90deg, #40424a 0%, #4a4b51 50%, #40424a 100%); background-size:200% 100%; animation:sidebar-skeleton-shine .9s ease-in-out infinite;}
.sidebar-skeleton .skeleton-brand{ background:#2d7bb8; background-size:auto;}
.sidebar-skeleton .skeleton-logo{ height:80px; margin-top:2rem;}
@keyframes sidebar-skeleton-shine{ 0%{ background-position:200% 0;} 100%{ background-position:-200% 0;}}

.content-skeleton{ margin:25px;}
.content-skeleton .skeleton-block{ background:linear-gradient(90deg, #e8e8e8 0%, #f0f0f0 50%, #e8e8e8 100%); background-size:200% 100%; animation:content-skeleton-shine 1s ease-in-out infinite; border-radius:4px;}
.content-skeleton .skeleton-title{ height:75px; margin-bottom:25px;}
.content-skeleton .skeleton-row{ height:60px; margin-bottom:25px;}
.content-skeleton .skeleton-cards{ height:200px;}
@keyframes content-skeleton-shine{ 0%{ background-position:200% 0;} 100%{ background-position:-200% 0;}}

/* шапка */
#wrapper .navbar_fixed{ width:100%; position:fixed; padding:0; z-index:12;}
#wrapper .navbar{ background-color:#35373d; color:#fff; padding:.5rem 2rem; border-radius:0; height:85px; line-height:65px; line-height: 65px;
    align-items: center;}
#wrapper .k-widget.k-autocomplete > span {
    display: none;
}
#wrapper .navbar-name{ font-size:24px; font-weight:bold; flex: 1;}

#wrapper .input-group > *{ background-color:#fff; border-image: none; border-right: none; padding:0 0.5rem; height:28px;}
#wrapper .input-group-addon {min-width: 10px!important;}
#wrapper .input-group-addon img{ float:right; width:19px;}
#wrapper .k-state-focused{ box-shadow:none;}
#wrapper .input-group span input{ height:100%; width:100%!important; box-shadow:none;}

.exit{ display:inline-block; position:absolute; right:0; margin-right:250px; top:29px; line-height:29px; cursor:pointer; background-color:#1996e4; border-radius:0.2rem; border:none; padding:0 0.5rem; height:29px; width:29px;}
.exit img{ width:19px; height:19px; position:relative; left:-3px; top:-3px;}

/* контент страницы */
#page-content-wrapper{ width:100%; position:absolute; padding-top:85px;}

@media (min-width:576px) {	
	.input-group{ width:100%!important;}
	.kinds_of_cars > div{ min-width:260px; clear:right;}
}
@media (min-height:650px) {
	#sidebar-wrapper .sidebar-logo,
	#sidebar-content .sidebar-logo{ background:url(/static/icons/logo_gs.png) no-repeat; position:absolute; display:block; background-position:center; height:52px; width:100%; bottom:60px; color:#fff; font-size:0.7rem; text-align:center;}
	.version-prog{ background-color:#0d1016; cursor:pointer; position:absolute; display:block; bottom:0; height:40px; line-height:40px; width:100%; color:#fff; font-size:0.7rem; font-weight:bold; text-align:center;}
}
@media (min-width:768px) { 
	#wrapper{ padding-left:220px;}
	#sidebar-wrapper{ width:220px;}
	#page-content-wrapper{ position:relative; margin-right:280px;}	
	.navbar-name{ font-size:20px;}
	.float-xs-right{ width:40%; margin-right:280px;} /* поиск + выход */
	.k-grid{ font-size:9px!important;}
}
@media (min-width:1390px) { .k-grid{ font-size:13px!important;}}
	
/* вход в личный кабинет */
.window div{ margin:auto; padding-top:20%;}
.window form label{ position:relative; width:auto; height:auto; padding:20px 5px 5px; float:left; font-size:16px; font-weight:bold;}
.window h2{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:2rem;}
.window button{ width:auto; margin:30px auto; padding:10px 80px;}
@media (min-width:576px) { .window div{ width:40%; height:40%; padding-top:10%;}}
@media (min-width:768px) { .window div{ width:30%; height:30%;}}

/* фильтр */
.k-animation-container form > div:nth-child(1) > div:nth-child(1), .k-animation-container form > div:nth-child(1) > span:nth-child(2),
.k-animation-container form > div:nth-child(1) > span:nth-child(4), .k-animation-container form > div:nth-child(1) > span:nth-child(5),
.k-animation-container form > div:nth-child(1) > span:nth-child(6), .k-animation-container form >  div:nth-child(1) > input:nth-child(6){ display:none;}

/* главная */
.page-content-info .blockquote, .kinds_of_cars, .credit_and_payment{ font-size:30px; font-weight:bold; background-color:#eeeeee; text-align:center; margin:25px 25px 0;}

#page-content-wrapper .my_auto_name{ height:75px; color:#fff; background-color:#1996e4; font-size:36px;}
.all_cars > span+span{ padding-left:30px;}

.kinds_of_cars .blockquote{ margin:60px 0;}
.kinds_of_cars .blockquote .cars{ position:relative; margin:0 auto; background:url(/static/icons/home_info.png) no-repeat; display:block; height:91px; width:220px;}
.kinds_of_cars .blockquote .cars > span{ position:relative; top:100px; font-size:20px;}
.quantity{ width:80px; height:80px; background-color:#7ea700; border-radius:80px; border:5px solid #eeeeee; position:absolute; z-index:20; top:-40px; right:-15px;}
.quantity > span{ position:relative; color:#fff;}
.number_1{ font-size:52px; top:-6px;}
.number_2{ font-size:42px; top:4px;}
.number_3{ font-size:33px; top:11px;}
.number_4{ font-size:26px; top:16px;}

.credit_and_payment .blockquote{ padding:20px 0; margin:0;}
.credit_and_payment .blockquote > div{ display:inline-block;}
.credit_and_payment .blockquote > div+div{ padding-left:30px;}

/* контент страниц */
#page-content-wrapper .k-grid{ border-radius:0; font-size:11px; border-color:#35373d;}
#page-content-wrapper .k-detail-row .k-grid{ border-color:#ccc;}
#page-content-wrapper .k-hierarchy-cell{ text-align:center; padding:0;}

#page-content-wrapper .k-hierarchy-cell .k-icon{ background-image:none; width:26px; height:26px;}
#page-content-wrapper .k-hierarchy-cell .k-icon:before{ content:""; background:url(/static/icons/arrow_right_blue.png); display:inline-block; width:7px; height:7px; margin:10px;}
#page-content-wrapper .k-hierarchy-cell .k-icon.k-i-collapse:before{ transform:rotate(90deg);}

#page-content-wrapper table td{ padding:5px 8px;}
#page-content-wrapper table th{ padding:5px 4px;}

	/* переключатель страниц */
#page-content-wrapper .k-detail-row .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(1) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:0 0; display:inline-block; width:23px; height:18px;}
#page-content-wrapper .k-detail-row .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(2) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:-23px 0; display:inline-block; width:23px; height:18px;}
#page-content-wrapper .k-detail-row .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(3) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:-46px 0; display:inline-block; width:23px; height:18px;}
#page-content-wrapper .k-detail-row .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(4) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:-69px 0; display:inline-block; width:23px; height:18px;}

#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(1) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:0 0; display:inline-block; width:23px; height:18px;}
#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(2) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:-23px 0; display:inline-block; width:23px; height:18px;}
#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(4) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:-46px 0; display:inline-block; width:23px; height:18px;}
#page-content-wrapper > div > div > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(5) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:-69px 0; display:inline-block; width:23px; height:18px;}
#page-content-wrapper #news_list .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:nth-child(5) > span:before{ content:""; background:url(/static/icons/arrows_green.png); background-position:-69px 0; display:inline-block; width:23px; height:18px;}


#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap{ padding:5px 10px; background-color:#fff; display: flex; 
    align-items: center;
}
/* + 03.09.21 */
#page-content-wrapper .k-pager-refresh {
    flex: 1;
    text-align: right;
}
#page-content-wrapper .k-pager-numbers {
    padding-left: 0;
}
#page-content-wrapper .k-pager-numbers li {
    list-style-type: none;
    margin: 0 10px;
}
#page-content-wrapper .k-dropdown{
    padding: 6px;
    border-radius: 2px;
    background-color: #f5f5f5;
}
#page-content-wrapper .k-pager-refresh .k-icon.k-i-reload {
    background-image: url(/static/icons/refresh.png);
}

#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > *{ background:rgba(0,0,0,0); border:0; padding:5px 0; margin: 0 10px;}
.k-pager-numbers-wrap {margin: 0!important;}
#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav .k-icon{ background-image:none; width:23px; height:18px;}
#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap ul.k-pager-numbers a,
	#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap ul.k-pager-numbers span{ padding:3px; border:0; margin:0; background-color:#f5f5f5; color:#35373d; border-radius: 0!important;}
#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap ul.k-pager-numbers span.k-state-selected{ background-color:#7ea700; color:#fff;}
#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-state-disabled{ opacity:0.3;}

#page-content-wrapper .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-i-refresh{ width:16px; height:16px; background-image:url(/static/icons/sprite.png); background-repeat:no-repeat;}

div.k-widget.k-header.k-tabstrip.k-floatwrap.k-tabstrip-top div.k-content.k-state-active {margin:0!important; border-color:#c5c5c5;}
.modalDialog {display:none!important;}
	/* индикатор оплаты */
#page-content-wrapper .paid_status_0, .paid_status_1{ border-radius:10px; width:10px; height:10px; margin: 0 auto;}
#page-content-wrapper .paid_status_1{ background-color:#7ea700;}
#page-content-wrapper .paid_status_0{ background-color:#cb625d;}

	/* печать */
#page-content-wrapper .k-tabstrip-wrapper > div, .k-tabstrip-wrapper > div ul{ background-color:#fff; outline:none;}
#page-content-wrapper .dropdown.btn-group button{ padding:5px; background:rgba(0,0,0,0); border:0; outline:none; cursor:pointer;}
#page-content-wrapper .delete.btn-group button{ padding:5px; background:rgba(0,0,0,0); border:0; outline:none; cursor:pointer;}
#page-content-wrapper .dropdown.btn-group button:before{ content:""; background:url(/static/icons/print.png); display:inline-block; width:17px; height:9px;}
#page-content-wrapper .delete.btn-group button:before{ content:""; background:url(/static/icons/delete_com.png); display:inline-block; width:17px; height:17px;}
	/* шапка таблицы с контентом */
#page-content-wrapper .k-grid-header{ background-color:#1996e4; border-radius:0;}
#page-content-wrapper .k-grid-header th.k-header, #page-content-wrapper .k-detail-row .k-detail-cell th.k-header{ font-weight:bold; color:#fff; background-color:#1996e4; border-color:#787878; text-align:center!important; vertical-align:middle; background-image: none!important;}
#page-content-wrapper .k-grid-header th.k-header .k-link, #page-content-wrapper .k-detail-row .k-detail-cell th.k-header .k-link{ color:#fff;}
#page-content-wrapper .k-grid-header th:first-child+th{ border-left:0;}
#page-content-wrapper .k-grid-header th.k-header .k-icon{ background-image:none; width:19px; height:19px;}
#page-content-wrapper .k-grid-header th.k-header .k-i-filter:before{ content:""; background:url(/static/icons/filter.png); display:inline-block; width:19px; height:19px;}
#page-content-wrapper .k-grid-header th.k-header a.k-state-active .k-i-filter:before{ background:url(/static/icons/filter_active.png);}
#page-content-wrapper .k-grid-header th.k-header .k-state-active .k-grid{ border-color:rgba(0,0,0,0);}
#page-content-wrapper .k-grid-header th.k-header a{ right:3px; background-color:#1996e4;}

#page-content-wrapper .k-grid-header th.k-header .k-icon.k-i-arrow-n, #page-content-wrapper .k-grid-header th.k-header .k-icon.k-i-arrow-s
	{ background:url(/static/icons/arrow_bottom_white.png); height:7px; width:7px; margin:6px 10px 5px;}
#page-content-wrapper .k-grid-header th.k-header .k-icon.k-i-arrow-s{ transform:rotate(180deg);}

#page-content-wrapper .k-grid-content tbody tr td > button{ padding:5px; background:rgba(0,0,0,0); border:0; outline:none; cursor:pointer; font-weight:bold;}

	/* работы, запчасти, доп.информация */
#page-content-wrapper .k-header .k-tabstrip-items .k-item .k-link{ background-color:#7ea700; color:#fff; border-radius:0;} 
#page-content-wrapper .k-header .k-tabstrip-items .k-item.k-state-active .k-link{ background-color:#fff; color:#35373d;}
.k-grid-header {padding: 0;}
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(1), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(1){ }
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(1), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(1){ }
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(2), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(2){ }
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(3), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(3){  text-align:left;}
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(4), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(4){  text-align:left;}
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(5), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(5){ text-align:right;}
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(6), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(6){  text-align:right;}
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(7), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(7){ text-align:right;}
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table thead th:nth-child(8), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper table tbody td:nth-child(8){ text-align:right;}

#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper > div > ul+div+div table thead th:nth-child(4), #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper > div > ul+div+div table tbody td:nth-child(4){ width:10%; text-align:right;}
#page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper > div > ul+div+div+div table thead th, #page-content-wrapper .k-detail-row .k-detail-cell .k-tabstrip-wrapper > div > ul+div+div+div table tbody td{ border-right:1px solid #cccccc; width:50%!important;}

/* автопарк */
#content-auto-park .k-grid-header thead th:nth-child(1), #content-auto-park .k-grid-content tbody tr td:nth-child(1){ width:4%;}
#content-auto-park .k-grid-header thead th:nth-child(2), #content-auto-park .k-grid-content tbody tr td:nth-child(2){ width:10%;}
#content-auto-park .k-grid-header thead th:nth-child(3), #content-auto-park .k-grid-content tbody tr td:nth-child(3){ width:13%;}
#content-auto-park .k-grid-header thead th:nth-child(4), #content-auto-park .k-grid-content tbody tr td:nth-child(4){ width:25%;}
#content-auto-park .k-grid-header thead th:nth-child(5), #content-auto-park .k-grid-content tbody tr td:nth-child(5){ width:12%;}
#content-auto-park .k-grid-header thead th:nth-child(6), #content-auto-park .k-grid-content tbody tr td:nth-child(6){ width:15%;}
#content-auto-park .k-grid-header thead th:nth-child(7), #content-auto-park .k-grid-content tbody tr td:nth-child(7){ width:10%;}
#content-auto-park .k-grid-header thead th:nth-child(8), #content-auto-park .k-grid-content tbody tr td:nth-child(8){ width:10%;}
#content-auto-park .k-grid-header thead th:nth-child(9), #content-auto-park .k-grid-content tbody tr td:nth-child(9){ width:10%;}

#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(1), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(1){ width:4%;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(2), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(2){ width:7%!important;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(3), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(3){ width:7%; text-align:center;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(4), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(4){ width:17%;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(5), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(5){ width:12%;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(6), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(6){ width:7%; text-align:center;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(7), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(7){ width:7%!important;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(8), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(8){ width:7%; text-align:right;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(9), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(9){ width:7%; text-align:right;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(10), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(10){ width:7%; text-align:center;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(11), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(11){ width:6%; text-align:center;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(12), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(12){ width:5%;}
#content-auto-park .k-detail-row .k-detail-cell table thead th:nth-child(13), #content-auto-park .k-detail-row .k-detail-cell table tbody td:nth-child(13){ width:4%; text-align:center; overflow:visible;}

#content-auto-park .k-grid-header thead th:nth-child(7){ padding-top:8px;}
#content-auto-park .k-grid-header thead th:nth-child(7) > a{ padding-top:3px;}

/* маленький автопарк */
	/* список машин */
#content-small-auto-park{ background-color:#eeeeee;}
#content-small-auto-park .sidebar-nav{ background-color:#eeeeee;position:absolute; top:85px; width:185px; margin:0; padding:0; list-style:none; overflow-y:scroll; z-index:20;}
#content-small-auto-park .sidebar-nav li{ background-color:#eeeeee; height:85px; line-height:20px; text-align:center; padding-top:10px; cursor:pointer; border-bottom:1px solid #4a4b51;}
#content-small-auto-park .sidebar-nav li div{ }
#content-small-auto-park .sidebar-nav li:hover{ background:rgba(255, 255, 255, 0.5);}
#content-small-auto-park .sidebar-nav li.active{ background-color:#7ea700;}
#content-small-auto-park .sidebar-nav li.active:hover{ background:rgba(126, 167, 0, 0.8);}
#content-small-auto-park .sidebar-nav li a{ color:#35373d; font-size:16px; display:block;}
#content-small-auto-park .sidebar-nav li a:hover{ background:none;}
#content-small-auto-park .sidebar-nav li.active a{ color:#fff;}

	/* основная информация о машине */
#content-small-auto-park > .k-grid{ margin-left:185px; border-color:#ccc;}
#content-small-auto-park .car_info{ height:130px; width:100%; padding-left:200px; background-color:#fff; font-size:11px;}
#content-small-auto-park .car_info .detail_info{ margin:30px 0; display:inline-block; width:19%;}
#content-small-auto-park .car_info .cars{ position:relative; border:0; margin:0 auto; background:url(/static/icons/auto_info_small_mini.png) no-repeat; display:block; height:40px; width:80px; text-align:center; font-weight:bold;}
#content-small-auto-park .car_info .cars > span{ position:relative; top:45px;}
#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_1{ background-position:0 -40px;}
#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_2{ background-position:-80px -40px;}
#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_3{ background-position:-160px -40px;}
#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_4{ background-position:-240px -40px;}
#content-small-auto-park .car_info .detail_info:nth-child(2) .cars{ background-position:0 0;}
#content-small-auto-park .car_info .detail_info:nth-child(3) .cars{ background-position:-80px 0;}
#content-small-auto-park .car_info .detail_info:nth-child(3) .cars > span{ left:-10px;}
#content-small-auto-park .car_info .detail_info:nth-child(4) .cars{ background-position:-160px 0;}
#content-small-auto-park .car_info .detail_info:nth-child(5) .cars{ background-position:-240px 0;}

@media (min-width:1024px) { 
	#content-small-auto-park .car_info{ height:150px; font-size:16px;}
	#content-small-auto-park .car_info .detail_info{ width:20%; float:left;}
	#content-small-auto-park .car_info .cars{ background:url(/static/icons/auto_info_small.png) no-repeat; height:60px; width:120px;}
	#content-small-auto-park .car_info .cars > span{ top:65px; height:21px;}
	#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_1{ background-position:0 -60px;}
	#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_2{ background-position:-120px -60px;}
	#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_3{ background-position:-240px -60px;}
	#content-small-auto-park .car_info .detail_info:nth-child(1) .cars.car_type_4{ background-position:-360px -60px;}
	#content-small-auto-park .car_info .detail_info:nth-child(3) .cars{ background-position:-120px 0;}
	#content-small-auto-park .car_info .detail_info:nth-child(3) .cars > span{ left:-20px;}
	#content-small-auto-park .car_info .detail_info:nth-child(4) .cars{ background-position:-240px 0;}
	#content-small-auto-park .car_info .detail_info:nth-child(5) .cars{ background-position:-360px 0;}
}

#content-small-auto-park .k-grid-header thead th:nth-child(1), #content-small-auto-park .k-grid-content tbody tr td:nth-child(1){ width:4%;}
#content-small-auto-park .k-grid-header thead th:nth-child(2), #content-small-auto-park .k-grid-content tbody tr td:nth-child(2){ width:8%;}
#content-small-auto-park .k-grid-header thead th:nth-child(3), #content-small-auto-park .k-grid-content tbody tr td:nth-child(3){ width:8%; text-align:center;}
#content-small-auto-park .k-grid-header thead th:nth-child(4), #content-small-auto-park .k-grid-content tbody tr td:nth-child(4){ width:20%;}
#content-small-auto-park .k-grid-header thead th:nth-child(5), #content-small-auto-park .k-grid-content tbody tr td:nth-child(5){ width:8%; text-align:center;}
#content-small-auto-park .k-grid-header thead th:nth-child(6), #content-small-auto-park .k-grid-content tbody tr td:nth-child(6){ width:9%;}
#content-small-auto-park .k-grid-header thead th:nth-child(7), #content-small-auto-park .k-grid-content tbody tr td:nth-child(7){ width:8%; text-align:right;}
#content-small-auto-park .k-grid-header thead th:nth-child(8), #content-small-auto-park .k-grid-content tbody tr td:nth-child(8){ width:8%; text-align:right;}
#content-small-auto-park .k-grid-header thead th:nth-child(9), #content-small-auto-park .k-grid-content tbody tr td:nth-child(9){ width:7%; text-align:right;}
#content-small-auto-park .k-grid-header thead th:nth-child(10), #content-small-auto-park .k-grid-content tbody tr td:nth-child(10){ width:8%;}
#content-small-auto-park .k-grid-header thead th:nth-child(11), #content-small-auto-park .k-grid-content tbody tr td:nth-child(11){ width:12%;}
#content-small-auto-park .k-grid-header thead th:nth-child(12), #content-small-auto-park .k-grid-content tbody tr td:nth-child(12){ width:6%; overflow:visible; text-align:center;}	

/* сервис */
#content-service .k-grid-header thead th:nth-child(1), #content-service .k-grid-content tbody tr td:nth-child(1){ width:2%;}
#content-service .k-grid-header thead th:nth-child(2), #content-service .k-grid-content tbody tr td:nth-child(2){ width:6%;}
#content-service .k-grid-header thead th:nth-child(3), #content-service .k-grid-content tbody tr td:nth-child(3){ width:6%; text-align:center;}
#content-service .k-grid-header thead th:nth-child(4), #content-service .k-grid-content tbody tr td:nth-child(4){ width:11%;}
#content-service .k-grid-header thead th:nth-child(5), #content-service .k-grid-content tbody tr td:nth-child(5){ width:7%;}
#content-service .k-grid-header thead th:nth-child(6), #content-service .k-grid-content tbody tr td:nth-child(6){ width:14%;}
#content-service .k-grid-header thead th:nth-child(7), #content-service .k-grid-content tbody tr td:nth-child(7){ width:6%; text-align:center;}
#content-service .k-grid-header thead th:nth-child(8), #content-service .k-grid-content tbody tr td:nth-child(8){ width:6%; line-height:22px;}
#content-service .k-grid-header thead th:nth-child(9), #content-service .k-grid-content tbody tr td:nth-child(9){ width:7%; text-align:right;}
#content-service .k-grid-header thead th:nth-child(10), #content-service .k-grid-content tbody tr td:nth-child(10){ width:7%; text-align:right;}
#content-service .k-grid-header thead th:nth-child(11), #content-service .k-grid-content tbody tr td:nth-child(11){ width:6%;text-align:center;}
#content-service .k-grid-header thead th:nth-child(12), #content-service .k-grid-content tbody tr td:nth-child(12){ width:6%;}
#content-service .k-grid-header thead th:nth-child(13), #content-service .k-grid-content tbody tr td:nth-child(13){ width:10%;}
#content-service .k-grid-header thead th:nth-child(14), #content-service .k-grid-content tbody tr td:nth-child(14){ width:5%; overflow:visible; text-align:center;}	

#content-service .k-grid-header thead th:nth-child(9){ padding-top:8px;}
#content-service .k-grid-header thead th:nth-child(9) > a{ padding-top:3px;}

/* запчасти */
#content-parts .k-grid-header thead th:nth-child(1){ }
#content-parts .k-grid-header thead th:nth-child(2){ }
#content-parts .k-grid-header thead th:nth-child(3){  text-align:center;}
#content-parts .k-grid-header thead th:nth-child(4){}
#content-parts .k-grid-header thead th:nth-child(5){ line-height:22px;}
#content-parts .k-grid-header thead th:nth-child(6){ line-height:22px;}
#content-parts .k-grid-header thead th:nth-child(7){ text-align:right;}
#content-parts .k-grid-header thead th:nth-child(8){  text-align:right;}
#content-parts .k-grid-header thead th:nth-child(9){ text-align:center;}
#content-parts .k-grid-header thead th:nth-child(10){}
#content-parts .k-grid-header thead th:nth-child(11){}
#content-parts .k-grid-header thead th:nth-child(12){text-align:center; overflow:visible;}	

#content-parts .k-grid-header thead th:nth-child(6){ padding-top:8px;}
#content-parts .k-grid-header thead th:nth-child(6) > a{ padding-top:3px;}

#content-parts .k-detail-row .k-detail-cell .k-tabstrip-wrapper > div > ul+div table thead th:nth-child(4), #content-parts .k-detail-row .k-detail-cell .k-tabstrip-wrapper > div > ul+div table tbody td:nth-child(4){ text-align:right;}

/* список печатных форм и статусов */
body .popover{ background-color:#7ea700; z-index:9999; min-width:100px; padding:10px 5px;}
body .popover.bs-tether-element-attached-right::after, body .popover.popover-left::after{ border-left-color:#7ea700;}
body .popover .popover-content{ padding:0;}
body .popover ul{ padding:0; list-style:none; margin:0;}
body .popover .status-history ul li, body .popover .status-history ul li{ width:320px;}
body .popover ul li a{ margin:0 6px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;}
body .popover ul li span{ margin:0 6px; font-size:12px; font-weight:bold; color:#fff; padding:5px 0;}
body .popover ul li div{ width:150px; display:inline-block; float:left;}

body > div.k-animation-container form{ width: 180px; }
body > div.k-animation-container form > div > span:nth-child(3){ width:100%;}

body .k-toolbar {
    background-color: #fff;
    padding: 0;
}

body .k-toolbar > a {
    opacity: 1;
    padding: 8px 14px;
    background-color: #2587dc;
    margin: 5px !important;
    font-size: 0.7rem;
    float: right;
    border: none;
    color: #fff;
    text-transform: none;
    font-weight: 600;
    border-radius: 0;
}

body .k-toolbar > a:hover {
    opacity: 0.6;
    cursor: pointer;
}
/*body #toolbar > a:last-child.k-state-active { opacity: 0.6; }*/

body .k-toolbar > a > span {
    display: none;
}

/* новости */
.news-all-list {
    position: relative;
    margin: 15px 15px 0;
    padding-bottom: 5vh;
}
.news-list {
    margin: 0 auto;
    font-size: 1rem;
}
#m_page-content-wrapper #content-news {
    padding: 2vh 2vw;
}
.news-item-body {
    height:21vh;
}
.news-item {
    background-color: #eeeeee;
    padding: 10px 20px;
    height: 25vh;
    position: relative;
    margin: 0 0 2vh;
}
.news-picture {
    height: 25vh;
    width: 25vw;
    float: left;
    margin-right:1vw;
    background-size: cover;
    background-position: center;
}
.news-data {
    color: #1996e4;
    font-weight: bold;
    font-size: 0.8rem;
    display: block;
    line-height:0.9;
}
.news-title {
    color: #262627;
    font-weight: bold;
    font-size: 1rem;
    display: block;
    line-height: 1.1;
    margin:7px 0;
}
.news-text {
    font-size: 0.9rem;
}

.news-text p{
    text-overflow: ellipsis;
}

.news-info {
    height: 85%;
    overflow: hidden;
}

.news-list .news-item .news-link {
    position: absolute;
    float: right;
    right: 1vw;
    bottom: 2vh;
    padding: 5px 10px;
    background-color: #1996e4;
    border-radius: 0.2rem;
    border: none;
    color: #fff;
    font-weight: bold;
}
.news-list .news-item .news-link:hover{ 
    cursor:pointer;
    color:#fff;
    opacity:0.7;
}

.news-list .news-info img{ display:none;}
.news-picture-modal {
    height: 35vh;
    float: left;
    margin: 1vh 0;
    width:100%;
    background-size: cover;
    background-position: center;
}

.news-picture-modal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-item-modal .news-text-modal img{
    width:100%;
    background-size: cover;
}

#page-content-wrapper #content-news .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 11px;
}
#page-content-wrapper #content-news .k-grid{
    border-right: 0;
    border-bottom: 0;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 99999;
}

.modalDialog .modal_text {
    position: relative;
    padding: 20px 15px;
    border-radius: 3px;
    background: #eee;
    z-index:100;
    max-height:80vh;
    overflow: auto;
}

.close_modal {
    background: #1996e4;
    color: #FFFFFF;
    line-height: 28px;
    position: absolute;
    right: -4%;
    text-align: center;
    width: 28px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.close_modal:hover {
    opacity:0.8;
}

.iziModal::after {
    transition:none;
}
/* бета версия */
#beta_version > div {
    width: 80%;
    margin: 100px auto 0;
    text-align: center;
}
@media (min-width:768px){ #beta_version > div{ width:65%; margin:120px auto 0;}}
#beta_version > div > span:nth-child(1){ font-size:26px; line-height:30px; display:block;}
#beta_version > div > span:nth-child(2){ font-size:20px; font-weight:bold; display:block; margin-top:90px;}
#beta_version > div > form{ padding:30px 0;}
#beta_version > div > form span{ float:left; font-size:18px;}
#beta_version > div > form textarea{ width:100%; height:200px; border:1px solid #787878;}
#beta_version > div > form button{ height:40px; color:#35373d; font-weight:bold; background-color:#7ea700; margin:20px; padding:7px 40px; border:0; line-height:10px; cursor:pointer;}

#version-history{ }

#detail-auto-park #tabstrip .nav.nav-tabs .nav-item {float:none!important;}
#detail-auto-park #tabstrip .km-pane-wrapper,
#detail-auto-park #tabstrip .km-widget.km-pane,
#detail-auto-park #tabstrip .km-widget.km-view {height:auto!important;}
#content-auto-park tr.k-detail-row td.k-detail-cell .k-content.k-state-active button {
    position: absolute;
    float: right;
    padding: 5px 10px;
    background-color: #1996e4;
    border-radius: 0.2rem;
    border: none;
    color: #fff;
    font-weight: bold;
}
#content-auto-park tr.k-detail-row td.k-detail-cell .k-content.k-state-active span.k-datetimepicker {margin-left:10px!important; margin-right:10px!important;}
.k-datetimepicker .k-picker-wrap { padding-right: 4.8em!important;}
.k-datetimepicker .k-select { width: 4.8em!important; }
#content-auto-park tr.k-detail-row td.k-detail-cell .k-content.k-state-active .rashod_table_info {font-size: 1.4em!important; margin-top:10px!important;}
#content-auto-park tr.k-detail-row td.k-detail-cell .rashod_table_info table tr td {border:none!important;}
#content-auto-park tr.k-detail-row td.k-detail-cell .rashod_table_info table tr td:nth-child(1) {width:15%!important;}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list>.k-state-highlight,
.k-list>.k-state-selected,
.k-marquee-color,
.k-panel>.k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {background-color: #428bca!important; border-color: #428bca!important; color:#fff!important;}
.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #428bca!important;
    box-shadow: inset 0 0 0 1px #428bca!important;
}
.k-calendar .k-today .k-link { color: #428bca!important;}

#content-telem #grid .k-grid-content .k-detail-cell .k-chart {width: 46%; float: left; margin: 0 2%;}
#content-telem #grid .k-grid-content .k-detail-cell .k-datetimepicker {margin:-4px 10px 0 5px!important;}
#content-telem #grid .k-grid-content .k-detail-cell .k-content.k-state-active > div > .k-primary+div {margin-top: 10px!important;}
#content-telem .k-content.k-state-active {
    padding:0;
    min-height: 50px;
}
#content-telem #avto-grid {border-color:#f5f5f5!important;}

.rashod_table_info table tr td:first-child {width:15%!important;}

#content-telem #avto-grid .k-detail-row .effectivnost-silovaya .k-chart {width:50%; display: inline-block; float:left;}

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}

/* connect - скоростной режим */
#content-telem .speed_show_filter {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
#content-telem .speed_show_filter .k-datepicker{
    width: 90px;  
}
#content-telem .speed_show_filter > div:first-child {
    text-align: left; 
    padding: 10px;
    position: absolute;
    z-index: 9999;
}
#content-telem .speed-chart,
#content-telem .cruise-speed {
    display: flex;
    align-items: center;
}
#content-telem .speed-chart > div:first-child,
#content-telem .cruise-speed > div:first-child {
    flex: 3;
}
#content-telem .speed-chart > div:first-child + div,
#content-telem .cruise-speed > div:first-child + div {
    flex: 1;
}
.speed-chart-right-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.speed-chart-right-circle p {
    font: 16px Arial, Helvetica, sans-serif;
    color: rgb(142, 142, 142);
    max-width: 55%;
}
#content-telem .k-gauge.k-arcgauge {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#content-telem .k-arcgauge-label {
    position: absolute;
    z-index: 9999;
    font-weight: bold;
    left: auto!important;
    top: auto!important;
}
#content-telem .k-arcgauge-label span {
    font-size: 1.5em;
}
.cruise-speed svg g[opacity="1"] {
    opacity: 0;
}
#content-telem .speed_show_filter > div input { height: auto!important; }
#content-telem .speed_show_filter > div > span { margin-right: 10px!important; }

.k-primary {
    box-sizing: border-box;
    height: 25px;
    border-radius: 4px;
    background-color: #1b96e4!important;
    border: none;
}

.k-content {
    width: 100%;
    height: 100%;
}
.elLoading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.elLoading .elLoadingImg {
    background-image: url(/static/icons/loader.gif);
    width: 200px;
    height: 200px;
}
.display--none_loading {
    display: none;
}

.report {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-evenly;
    border-bottom: none;
}
.report > div:not(:last-child) {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 20px;
}
.report > div:not(:last-child) > * {
    margin-top: 10px;
}
#report-charts {
    width: 100%;
}
.report .k-dropdown {
    padding: 0!important;
}
.report button {
    padding: 4px 10px;
}

.report .detail-content-auto,
.report .detail-content-driver {
    display: flex;
}
.report .all_detail_info {
    /* flex: 1; */
}
.report .all_detail_info > table {
    height: 100%;
}
.report #detail-driver .all_detail_info > table td {
    vertical-align: top;
    white-space: nowrap;
}
.report #detail-auto .all_detail_info > table td {
    vertical-align: middle;
    white-space: nowrap;
}
.report #auto-chart,
.report #driver-chart {
    flex: 1;
}

.report .detail-info  {
    padding: 5px 24px;
}
.report #auto-chart g text {
    font-size: 16px!important;
}

.k-filter-menu .k-action-buttons {
    display: flex;
    border: none!important;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: space-between;
}

.k-filter-menu .k-action-buttons > button {
    margin: 0;
    width: auto;
    min-width: auto;
    height: auto;
    flex: 1;
    box-sizing: border-box;
}
.k-filter-menu .k-action-buttons > button:first-child {
    margin-right: 10px;
    border-color: #1b96e4;
}
body > div.k-animation-container form.k-filter-menu {
    height: 90px;
}

.effectivnost-silovaya {
    position: relative;
}
.effectivnost-silovaya .k-datepicker{
    width: 90px;  
}
.effectivnost-silovaya > div:first-child {
    text-align: right; 
    padding: 10px;
}
.breadcrumb-item{
    line-height: 25px;
}
#content > div.navbar.navbar-expand-lg.bg-light{
    line-height: 25px;
}


/* Embla */

.embla {
    position: relative;
    background-color: #f7f7f7;
    max-width:100%%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .embla__viewport {
    overflow: hidden;
    width: 100%;
  }
  
  .embla__viewport.is-draggable {
    cursor: move;
    cursor: grab;
  }
  
  .embla__viewport.is-dragging {
    cursor: grabbing;
  }
  
  .embla__container {
    display: flex;
    transition: height 0.4s;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin-left: -10px;
  }
  
  .embla__slide {
    flex: 0 0 100%;
  }
  
  .embla__slide__inner {
    position: relative;
    height: 550px;
  }
  
  .embla__button {
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    touch-action: manipulation;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    fill: #35373d;
    padding: 0;
  }
  
  .embla__button:disabled {
    cursor: default;
    opacity: 0.3;
  }
  
  .embla__button__svg {
    width: 100%;
    height: 100%;
  }
  
  .embla__button--prev {
    left: 27px;
  }
  
  .embla__button--next {
    right: 27px;
  }
  
  .embla__dots {
    display: flex;
    list-style: none;
    justify-content: center;
    padding-top: 10px;
  }
  
  .embla__dot {
    background-color: transparent;
    cursor: pointer;
    position: relative;
    padding: 0;
    outline: 0;
    border: 0;
    width: 30px;
    height: 30px;
    margin-right: 7.5px;
    margin-left: 7.5px;
    display: flex;
    align-items: center;
  }
  
  .embla__dot:after {
    background-color: #efefef;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    content: "";
  }
  
  .embla__dot.is-selected:after {
    background-color: #35373d;
    opacity: 1;
  }

  #content > div.navbar.navbar-expand-lg.bg-light.pt-3{
    height: 70px;
  }

  .v_item-ip {
    padding: 0 .5em;
    position: absolute;
    left: 15px;
    top: 200px;
    background: #8dca36;
    color: #fff;
    font-family: b-ubuntu-c,sans-serif;
    font-size: 15px;
    line-height: 33px;
    border-bottom: 3px solid #6da61a;
    }
    .btn-outline-success {
      --bs-btn-bg: #fff;
      --bs-btn-hover-bg: #8dca36;
      --bs-btn-active-bg: #8dca36;
      --bs-btn-disabled-bg: #fff;
  }

  div.apply_order > a {
    background-image: none;
  }