/* (с) Юрий Лазаренко, Севастополь
   e-mail lazarenkoyv@mail.ru
   v 1.0.1.7
   10.12.2025
*/

:root {

    --main-1: #003A7D;					/* Основной цвет 1 */
    --main-2: #F97D0A;					/* Основной цвет 2 */
    --addt-1: #CCCCCC;					/* Дополнительный цвет 1 */
    --addt-1-dark: #777777;				/* Дополнительный цвет 1, темный */
    --addt-2: #000000;					/* Дополнительный цвет 2 */

    --text-main-1: #003A7D;				/* Текст, основной цвет 1 */
    --text-addt-1-dark: #777777;		/* Текст, основной цвет 1, темный */
    --text-main-inv-1: #FFFFFF;			/* Текст, инверсия, основной цвет 1 */

    --bg-main-1: #34689B;				/* Фон, основной цвет 1 */
	
    --standard-danger: #F90A0A;			/* Стандартные цвета, опасность */
    --standard-success: #349B3F;		/* Стандартные цвета, успех */
    --standard-warning: #F97D0A;		/* Стандартные цвета, внимание */
	
}

body{
	overflow-x: hidden;
	overflow-y: hidden;
}

/* Дополнительные */

div.mainpage-col1{
    /*background: var(--bg-main-1) !important;*/
    background-color: #ffffff !important;
}

.acor-container label{
    background-color: var(--brand-1) !important;
}

.openMenu {
	background: var(--bg-main-1);
}

div.doclistmainpanel{
	padding: 0px 10px;
}

@media screen and (max-width:991px) {
	div.doclistmainpanel{
		padding: 0px 16px 0px 6px;
	}	
}

/* Основные */

a:hover {
	text-decoration: none
}


/* Новости */)

.news {
	margin-bottom: 25px
}

.news .date {
	margin-bottom: -2px;
	color: var(--text-grey);
	/*margin-bottom: 10px*/
}

.news__item {
	width: 722px;
	padding: 25px 0;
    border-radius: 8px;
    margin-bottom: 16px;
	background-color: var(--white);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
}

	.news__item .h2 a, .news__item h2 a {
		text-decoration: none
	}

	.news__item:first-child {
		/*padding-top: 0*/
	}

.news__img {
	display: none
}

.news__img img {
    max-width: 180px;
    max-height: 122px;
}

.news__info {
    display: grid;
    grid-template-rows: auto 1fr;
}

.news__info p {
	margin-bottom: 15px;
	color: rgba(39, 39, 39, 1);
}

	.news__info p:last-child {
		margin-bottom: 0
	}

.news-years {
	margin-bottom: 25px;
	padding: 15px 15px 5px;
	background-color: #fff;
	border: 6px solid #fbfbfb;
	-webkit-box-shadow: 0 8px 10px rgba(0,0,0,.1);
	box-shadow: 0 8px 10px rgba(0,0,0,.1)
}

.news-years__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px
}

.news-years__col {
	padding: 0 5px;
	margin-bottom: 10px
}

.news-years__item {
	display: block;
	padding: 9px 13px;
	text-decoration: none;
	border-radius: 3px;
	background-color: #fbfbfb
}

.news-years__item_active {
	background-color: var(--text-main-1);
	color: #fff
}

/* Топливные карты */

div.fuel-card-item{
	width: 400px;
	padding: 24px;
    border-radius: 8px;
    margin-bottom: 16px;
	display: inline-block;
	margin: 0px 30px 30px 0px;
    background-color: var(--white);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);	
}

img.fuel-card-img{
	/*max-width: 50px;*/
    /*max-height: 50px;*/
}

div.fuel-card-title{
	margin: 15px 0px 12px 0px;
}

a.fuel-card-title-href{
    text-decoration: none;
    font-weight: 700;	
}

div.fuel-card-text{
	font-size: 13px;
	color: rgba(39, 39, 39, 1);
}

div.fuel-card-text ul{
	list-style: disc;
	padding-left: 28px;
}

div.fuel-card-info button{
	float: right;
	margin-top: 12px;
}


/* Документы ESG */

div.esg-doc-item{
	width: 360px;
    padding: 16px;
    border-radius: 8px;
	vertical-align: top;
	display: inline-block;
	margin: 0px 28px 28px 0px;
	background-color: var(--white);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
}

img.esg-doc-img-href{
	display: inline-block !important;
}

img.esg-doc-img{
	max-width: 50px;
    max-height: 50px;
}

div.esg-doc-title{
	margin: -3px 0px 14px 0px;
}

div.esg-doc-title-href{
	color: var(--link);
    text-decoration: none;
}

div.esg-doc-text{
	font-size: 13px;
	color: rgba(39, 39, 39, 1);
}

div.esg-doc-text a{
	margin-top: 2px;
    text-decoration: none;
    color: var(--addt-1-dark);
}

/*FAQ */

.faq-item{
	padding: 20px;
	overflow: hidden;
	border-radius: 8px;
    vertical-align: top;
    display: inline-block;
    margin: 0px 28px 8px 0px;
    background-color: var(--white);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);	
}

.faq-item.collapsed{
	height: 51px;
	cursor: pointer;
	background-color: rgba(217, 225, 230, 1);
}

.faq-item.collapsed .faq-text{
	display: none;
}

.faq-title{
	font-weight: 600;
	margin: -3px 0px 14px 0px;
}

.faq-item.collapsed .faq-title{
	font-weight: 400;
}

.faq-chevron-down{
	float: right;
	display: none;
	cursor: pointer;
	margin: -5px -7px;
}

.faq-item.collapsed .faq-chevron-down{
	display: block;
}

.faq-chevron-up{
	float: right;
	cursor: pointer;
	margin: -5px -7px;
}

.faq-item.collapsed .faq-chevron-up{
	display: none;
}

/* Документы контрагента */

div.cdt-file{
    border: 0px;
    margin: 14px;
    min-width: 485px;
    max-width: 485px;
    padding: 17px 16px;
    background: #ffffff;
    vertical-align: top;
    border-radius: 12px;
	display: inline-block;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
}

div.cdt-title{
	font-weight: 700;
	color: var(--text-black);
}

div.cdt-filedata{
}

span.cdt-icon{
	width: 25px;
	margin-left: 13px;
}

span.cdt-icon i.fa{
	font-weight: 700;
	padding-top: 2px;
}

span.cdt-filename{
}

span.cdt-href{
	float: right;
	/*display: contents;*/
	margin-left: 15px;
}

span.cdt-href i.fa{
	padding-top: 3px;
}

span.cdt-href a{
	color: var(--addt-1-dark);
	text-decoration: none;
}

div.cdt-warn{
	margin-top: 23px;
	color:var(--text-red);
	font-size: var(--small-font-size);
}

div.cdt-expired-at{
	font-size: 13px;
	vertical-align: baseline;
	color: var(--text-addt-1-dark);
}	
	
/* Заголовки*/

/*.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
	font-weight: 700
}

.h1, h1 {
	margin-bottom: 15px;
	font-size: 20px;
	color: var(--text-main-1);
}

.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
	margin-bottom: 15px
}

.h2, h2 {
	font-size: 18px
}

.h3, h3 {
	font-size: 16px
}

.h4, h4 {
	font-size: 14px
}

.h5, h5 {
	font-size: 14px;
	text-transform: uppercase
}

.h6, h6 {
	font-size: 14px
}*/

@media only screen and (min-width:768px) {
	
	/* Заголовки*/
/*	.h1, h1 {
		margin-bottom: 30px;
		font-size: 35px
	}

		.h1 + .date, h1 + .date {
			display: block;
			margin-top: -20px
		}

	.h2, h2 {
		margin-bottom: 20px;
		font-size: 20px
	}

	.h3, h3 {
		margin-bottom: 20px;
		font-size: 18px
	}

	.h4, h4 {
		margin-bottom: 22px;
		font-size: 15px
	}

	.h5, h5 {
		margin-bottom: 20px
	}
*/	
	
	/* Новости */)
	
	.news {
		margin-bottom: 30px
	}

	.news__item {
		display: flex;
		padding: 24px;
		/*display: -webkit-box;*/
		display: -ms-flexbox;
	}

	.news__img {
		display: block;
		margin-right: 25px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.news-years {
		margin-bottom: 30px
	}	
}

@media only screen and (min-width:1260px) {
	
	/* Заголовки*/
/*	.h1, h1 {
		font-size: 40px
	}

	.h2, h2 {
		font-size: 25px
	}
*/	
	
	/* Новости */)
	
	.news {
		margin-bottom: 50px
	}

	.news__item .h2 a:hover, .news__item h2 a:hover {
		text-decoration: underline
	}

	.news__img {
		margin-right: 25px
	}

	.news-years {
		padding: 30px 30px 10px
	}

	.news-years__item {
		padding: 14px 24px;
		font-weight: 700;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease
	}

		.news-years__item:hover {
			background-color: var(--text-main-1);
			color: #fff
		}

	.news-years__body {
		margin: 0 -10px
	}

	.news-years__col {
		padding: 0 10px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width:1600px) {
	.news-years {
		padding: 30px 50px 10px
	}
}

span.docs-count{
    height: 20px;
    min-width: 20px;
    padding: 3px 6px;
	margin-left: 2px;
    text-align: center;
    border-radius: 50%;
	color: var(--white);
    vertical-align: bottom;
    background: var(--brand-2);
}

img.address-type{
    float: left;
    margin-right: 12px;
    display: inline-block;
}

.select-icon{
	margin-right: 7px;
	display: inline-block;
	color: var(--icon-dark);
    vertical-align: text-bottom;
}

.select-text{
	color: var(--text-black);
	font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);	
}

.filter-selest-left-button{
	width: 60px;
	margin-right: 16px;
    /*border-right: 0px;
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;*/
}

.filter-selest-left-button img{
	margin-right: 8px;
}

.filter-selest-input{
    /*border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;	
	border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;*/
}