@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');

:root {  
	--base: #002033;
	--system: #DEE4E8;
	--default: #fff;

	--brand: #21404E;

	--primary: #0078D2;
	--success: #22C38E;
	--caution: #F2C94C;
	--warning: #F38B00;
	--alert: #EB5757;
	--normal: #56B9F2;

	--border: rgba(0, 65, 102, 0.2);
	--stripe: rgba(0, 32, 51, 0.05);


	--bg-ghost: rgba(0, 32, 51, 0.08);
	--bg-secondary: #ecf1f4;

	--text-ghost: rgba(0, 32, 51, 0.3);
	--text-secondary: rgba(0, 32, 51, 0.6);
	--text-system:  #97B2C4;
	--link: #0078D2;
	--link-mirror: #1C5682;

	--shadow-d: 0px 0px 8px rgba(25, 42, 62, 0.25);
	--shadow: 0 0.15rem 1.75rem 0 rgba(58,59,69,.15);
	--rad: 8px;

	--golos: 'Golos Text', sans-serif;
	--mont: 'Montserrat', sans-serif;
}


body {
	min-height: 100vh;
	padding: 10px;
	font-family: 'Golos Text', sans-serif;
	background: var(--default);
}
var {
	font-style: normal;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
hr {
	border-color: var(--border);
}

h1, h2, h3, h4 ,h5 ,h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--mont);
	font-weight: 500;
}
.txt-system {color: var(--text-system);}
.txt-ghost {color: var(--text-ghost);}
.muted {opacity: 0.5;}

body {
	display: flex;
}
body.d-block {
	display: block;
}
.box {
	padding: 20px;
	background: var(--default);
	border-radius: var(--rad);
}
.box-limit {
	max-width: 992px;
}


.form-floating:not(.form-control:disabled)::before {
	z-index: -1;
}



#loading {
	position:fixed;
	bottom:15px;
	right:20px;
	z-index:1000;
}

#loading-bg
{
    position:absolute;
    z-index:999;
    top:0px;
    right:0px;
	bottom:0px;
	left:0px;
	background-color:#ccc;
    opacity:0.3;
	color:#fff;
	font-size:20px;
	text-align:center;
}


#monitor_report {
	position:absolute;
	bottom: 0;
	left:0;
	right:0;	
	max-height: calc(80vh - 20px);
	border: 1px solid var(--bg-ghost);
	background: #fff;
    overflow-y: auto;
    z-index:5;
}
#monitor_report.popin {
	top: 80%;
}


@media (width < 768px) {
		#monitor_report thead {display: none;}
	.tr_monotor {
		display: grid;
		grid-template-columns: 90px 170px auto;
		grid-template-areas: 
			"tr1 tr2 tr3"
			"tr4 tr4 tr4";
		border-bottom: 1px solid var(--bg-ghost);
		padding: 10px;
	}
		.custom-table .tr_monotor td {padding: 0;border: none;}
		.tr_monotor td:nth-child(1) {grid-area: tr1;}
		.tr_monotor td:nth-child(2) {grid-area: tr2;}
		.tr_monotor td:nth-child(3) {grid-area: tr3;}
		.tr_monotor td:nth-child(4) {grid-area: tr4;}
}
@media (width < 480px) {
	.tr_monotor {
		grid-template-areas: 
			"tr1 tr2 tr2"
			"tr3 tr3 tr3"
			"tr4 tr4 tr4";
		}
}




#map {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	background-color: var(--bg-secondary);
	/*
	background: url('../image/map.jpg') no-repeat;
	background-size: cover;
	*/
}


.map_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px;
	background: var(--border);
	border-radius: 8px 8px 0 0;
	z-index: 10;

	display: flex;
    flex-direction: row-reverse;
    align-items: cente;
}

.map_overlay .datepicker {
	height: 44px;
	margin-left: auto;
	max-width: 230px;
}

.map_overlay .truck-list {

}

.date-picker-wrapper
{
	z-index:15 !important;
}



/* ------------------------------------*/
/* --------------------- АТОМЫ --------*/
/* ------------------------------------*/


/*  кастомизация лейблов */
.form-label {
	margin-bottom: 0.4rem;
	font-size: 14px;
	color: var(--text-secondary);
}

/* меняет иконку при наведении на download */
.file-download:hover .fa-solid::before {
	content: "\f56d";
}


/*  маленькая надпись */
.ghost-title {
	font-size: 10px;
	font-weight: 600;
	font-family: var(--mont);
	color: var(--text-secondary);
	text-transform: uppercase;
	}


/* Кнопка с иконкой */
.icobtn {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border-radius: var(--rad);
		color: var(--text-secondary);
		border: 1px solid var(--bg-ghost);		
		background: transparent;
		transition: background 0.35s ease-out;
}
.icobtn:hover {
		background: var(--bg-ghost);
}
.icobtn.is-active {
		color: var(--default);
		background: var(--primary);
}

/*  стрелочка для пункт меню с выпадашкой */
	.collapsed {
		position: relative;
	}
	.collapsed > a {
		position: relative;
		padding-right: 30px;
	}
	.collapsed > a::after {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 30px;

		display: inline-flex;
		align-items: center;
		justify-content: center;

		content: "\f053";
		font-family: 'Font Awesome 6 Free';
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		line-height: 1;
		text-rendering: auto;
		font-weight: 900;
		color: var(--text-ghost);
	}
	.collapsed.is-open > a::after {
		transform: rotate(-90deg);
	}



/*  стилизация таблицы */
.custom-table {
	font-size: 14px;
	margin: 10px 0 0;
	border-radius: 8px;
	background: var(--default);
	position: relative;
}
.custom-table thead th {
	padding: 0.8rem 0.5rem 0.7rem;
}
.custom-table tbody tr:hover {
		cursor: pointer;
		transition: 0.35s;
		box-shadow: var(--shadow);
}
.custom-table td {
		vertical-align: middle;
		border-color: var(--bg-ghost);
		padding: 0.7rem 0.5rem;
}
.custom-table b {
	font-weight: 600;
}    




.table thead th {
	font-size: 12px;
	font-weight: 600;
	font-family: var(--mont);
	color: var(--text-secondary);
	text-transform: uppercase;
}
.table tbody tr { 
/*для растянутой ссылки в списке заданий*/
	position: relative;
	transform: translate(0);
}

/*  кнопка */
.btn-ghost {
		--bs-btn-bg: var(--bg-ghost);
		--bs-btn-border-color: transparent;
		--bs-btn-hover-bg: rgba(0, 32, 51, 0.1);
		--bs-btn-hover-border-color: rgba(0, 32, 51, 0.1);
		--bs-btn-focus-shadow-rgb: 49, 132, 253;
		--bs-btn-active-bg: rgba(0, 32, 51, 0.1);
		--bs-btn-active-border-color: rgba(0, 32, 51, 0.1);
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-bg: rgba(0, 32, 51, 0.06);
		--bs-btn-disabled-border-color: rgba(0, 32, 51, 0.06);
}
.alert-secondary {
    --bs-alert-color: var(--base);
    --bs-alert-bg: var(--bg-ghost);
    --bs-alert-border-color: var(--bg-ghost);
    --bs-alert-link-color: var(--base);
}





/* ----------------------------------------------------------------------------------- */
/* -------------------------------------------------- ASIDE: лого и навигации ---------*/
/* ----------------------------------------------------------------------------------- */

aside {
	display: flex;
	flex-basis: min-content;
	flex-direction: column; 
	align-items: flex-start; 
	align-items: stretch; /*чтобы пункты меню на всю ширину*/ 
	
	padding: 10px 10px 10px 0;
	background: var(--default);
	position: relative;
	z-index: 20;
}

.header { 
	display: flex;
	align-items: center;
	width: 100%;
	z-index: 10;
}

.sidebar {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	background: var(--default);
	transition: left 0.35s ease-in-out;
}
.sidebar-toggle {
	display: none;
	margin-left: auto;
}



/* ------------------------------------*/
/* --------------------- лого --------*/
/* ------------------------------------*/

.logo {
	display: inline-flex;
	align-items: flex-end;
	color: var(--brand);
	margin: 0 5px;

	background-image: url('../image/logo.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 36px;
	padding-left: 40px;
}
.dark_theme .logo {
	background-image: url('../image/logoDark.png');
}
.logo > img {
	display: none;
	width: 40px;
	height: 36px;
}
.logo > span {
	font-family: var(--golos);
	font-size: 24px;
	letter-spacing: -0.5px;
	line-height: 30px;
	font-weight: 400;
	margin-left: 10px;
	margin-right: 10px;
}
.logo > span > b {
	font-weight: 600;
}





/* ------------------------------------------*/
/* --------------------- меню сайта ---------*/
/* ------------------------------------------*/
.menu-overflow {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--bg-ghost);

    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 66px - 80px);
}
.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.menu > li.ghost-title {
	padding: 5px;
	margin-bottom: 0;
}
	.menu-item {
		position: relative;
		margin-bottom: 10px;
	}
		.menu-link {
			display: flex;
			align-items: center;
			padding: 5px;
			color: var(--link-mirror);
			border-radius: var(--rad);
			background: transparent;
			transition: background 0.35s ease-out;      
		}
		.menu-link span {
			margin-left: 10px;
		}
		.menu-link:hover,
		.menu-link.is-active {
			background: var(--bg-ghost);
		}
		.menu-link:hover .icobtn:hover {
			background: transparent;
		}
		.menu-link.is-active .icobtn,
		.menu-link.is-active .icobtn:hover,
		.menu-link.is-active:hover .icobtn:hover {
			background: var(--primary);
			color: var(--default);
		}




.subnav {
	list-style: none;
	margin: 0 0 0 35px;
	padding: 10px;

	min-width: 160px;
	border-radius: 8px;
}
	.subnav .ghost-title {
		display: none;
		margin: 0 10px 10px;
	}
	.subnav li {
		margin-bottom: 1px;
	}
	.subnav li > a {
		display: flex;
		align-items: center;
		min-height: 35px;
		padding:  5px 10px;
		border-radius: 6px;
		color: var(--link-mirror);      
	}
	.subnav li.is-active > a,
	.subnav li > a:hover {
		color: var(--link);
	}

/* ----------------------------------------------*/
/* --------------------- меню устройства --------*/
/* ----------------------------------------------*/

.device-menu {
	list-style: none;
	grid-auto-flow: column;
	margin: auto auto 0;
	padding: 0;
	width: fit-content;

	display: grid;
	gap: 15px;

	position: sticky;
	bottom: 20px;
	background: var(--default);
}



/* -------------------------------------------------*/
/* --------------------- меню пользователя --------*/
/* ------------------------------------------------*/


.user-menu {
	list-style: none;
	margin: 0;
	margin-left: auto;
	padding: 0;

	display: inline-flex;
	align-items: center;
}
	.user-menu > li {
		margin-right: 15px;
	}
	.user-menu > li:last-child {
		margin-right: 0;
	}
		.profile-btn {
			height: 40px;
			padding: 7px 10px;
		}
		.is-open .profile-btn {
			background: var(--default);
		}
			.user-subnav {
				position: absolute;
				right: 0;
				width: 160px;

				list-style: none;
				margin: 5px 0 0;
				padding: 0;

				color: var(--base);
				background: var(--default);
				box-shadow: var(--shadow);
				border-radius: 4px;
			}
				.user-subnav li {
					border-bottom: 1px solid var(--border)
				}
				.user-subnav li:last-child {
					border-bottom: none;
				}
				.user-subnav li > a {
					display: flex;
					align-items: center;
					padding: 10px 15px;
					color: var(--link-mirror);      
				}
				.user-subnav li > a:hover {
					color: var(--base);
					background: var(--bg-ghost);
				}

/* ----------------------------------------------------------------------------------- */
/* -------------------------------------------------- MAIN ----------------------------*/
/* ----------------------------------------------------------------------------------- */

main {
	flex: 1 1 auto;
	background: var(--bg-secondary);
	border-radius: var(--rad);
	padding: 20px 30px;
	position:relative;
}

.page-head {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	position:relative;
	z-index:1;
}



.page-head-box {
	position: sticky;
	left: 20px;
}
	.page-head h2 {

	}

.page-actions-box {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
}
	.page-actions {
		position: sticky;
		right: 20px;

		list-style: none;
		margin: -5px 0 -5px 10px;
		padding: 0;
		display: inline-flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.page-actions li {
			margin: 5px 10px 5px 0;
		}
		.page-actions li:last-child {
			margin-right: 0;
		}
	.buttons_dt .buttons-colvis {
		margin-left: 10px;
		margin-right: 10px;
	}


.truck-list {
	list-style: none;
	margin: 0;
	padding: 0;
	
	/*
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
	*/

	display: flex;
	flex-wrap: wrap;
}

.truck .progress-stacked {
	height: 10px;
	margin: 5px -15px -10px;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}


	.truck {
		display: flex;
		flex-direction: column;
		margin-right: 10px;
		margin-bottom: 5px;
		margin-top: 5px;
		padding: 10px 15px;
		background: var(--default);
		border-radius: 8px;
		transition: all 0.35s ease-in-out;
		position: relative;
	}
	.truck.is-active {background: var(--primary);}
	.truck.is-active a {color: #fff}

	.truck:last-child {
		margin-right: 0;
	}
	.truck:hover {
		cursor: pointer;
		box-shadow: var(--shadow);
		transform: translateY(-5px);
	}
		.truck-name {
			font-family: var(--mont);
			color: var(--base);

			max-width: 220px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}
		.truck-name b {
			/*margin-right: 4px;*/
		}
		.truck-status {
			margin-top: 4px;
			font-size: 14px;
			display: inline-flex;
			align-items: center;
			white-space: nowrap;
		}
		.truck-status::before {
			content: '\25CF';
			margin-right: 4px;
		}
			.ts-work {color: var(--success);}
			.ts-move {color: var(--warning);}
			.ts-idling {color: var(--primary);}
			.ts-offline {color: var(--alert);}


/* ------------------------------------------------*/
/* --------------------- таблица заданий  ---------*/
/* ------------------------------------------------*/

.td-id {
	font-weight: 600;
	font-family: var(--mont);
	color: var(--text-ghost);
}

.td-status {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	font-size: 14px;
	white-space: nowrap; 
	text-transform: lowercase; 
	border: 1px solid;
	border-radius: 40px;
}
	.td-status::before {
		content: '\25CF';
		margin-right: 4px;
	}
	.td-status var {margin-right: 4px;}
	.td-draft {}
	.td-wait  {color: var(--primary);}
	.td-work  {color: var(--success);}
	.td-reject  {color: var(--alert);}
	.td-done  {color: var(--text-system); border-color: transparent;}


.task-table {
	
}

.ext
{
	display:none;
}
.all_columns .ext
{
	display:table-cell;
}

.task-table th:nth-child(1),
.task-table td:nth-child(1) {width: 70px; text-align: center;}

.task-table th:nth-child(2),
.task-table td:nth-child(2) {}

.task-table th:nth-child(3),
.task-table td:nth-child(3) {}

.task-table th:nth-child(4),
.task-table td:nth-child(4) {}

.task-table th:nth-child(5),
.task-table td:nth-child(5) {width: 120px; text-align: right;white-space: nowrap;}

.task-table th:nth-child(6),
.task-table td:nth-child(6) {width: 120px; text-align: right;white-space: nowrap;}

.task-table th:nth-child(7),
.task-table td:nth-child(7) {padding-left: 30px;}

.task-table th:nth-child(8),
.task-table td:nth-child(8) {}

.task-table th:nth-child(9),
.task-table td:nth-child(9) {}

.task-panel {
	display: flex;
	flex-wrap: wrap-reverse;
	margin: 10px 0 0;
}
	.task-filters {
		list-style: none;
		margin: 10px 0;
		padding: 0;
	}
		.task-filters li {
			display: inline-block;
			margin-right: 10px; 
		}
		.task-filters a {
			display: inline-flex;
			align-items: center;
			padding: 5px 5px 5px 8px;
			font-size: 14px;
			font-weight: 500;
			font-family: var(--mont);
			color: var(--link-mirror);
			border-radius: 4px;
			
			transition: background 0.35s ease-out;      
		}
		.task-filters a:hover {
			background: var(--bg-ghost);
		}
		.task-filters a span {
				display: inline-flex;
				align-items: center;
				padding: 4px;
				margin-left: 6px;
				background: var(--bg-ghost);
				width: 26px;
				height: 26px;
				border-radius: 4px;
				justify-content: center;
		}
		.task-filters a.is-active {
			color: var(--default);
			background: var(--primary);
		}
		.task-filters a.is-active span {
			color: var(--link-mirror);
			background: var(--bs-secondary-bg);
		}

	.task-menu {
		list-style: none;
		margin: 10px 0 10px auto;
		padding: 0;
		display: flex;
	}
	.task-menu li {
		margin-left: 10px;
	}
	.newtask-btn {

	}



/* ----------------------------------------------------------------------------------- */
/* -----------------------------------------  Регистрация  ----------------------------*/
/* ----------------------------------------------------------------------------------- */

body.register-page {
	flex-direction: column;
	background: url(/image/bg-dot.png);
}
.register-page .logo {
	width: fit-content;
}
.register-page .logo,
.register-page .wizard>.steps,
.register-page .wizard>.actions>ul {
	background-color: #fff;
}
.reg-title {
	display: inline-block;
	background: #fff;
	border-top: 5px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}
.wizard-content .wizard>.steps {
	border-top: 10px solid #fff;
}
.wizard-content .wizard>.content {
	border: 10px solid #fff;
	border-top: none;
}
.register-page .wizard>.actions>ul {
	border: 10px solid #fff;
}

.register-box {
    max-width: 1200px;
    margin: 30px auto;
}
.m-t-20 {
	margin-top: 20px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-t-40 {
	margin-top: 40px;
}
.m-b-20 {
	margin-bottom: 20px;
}
.register-page .form-group {
    margin-bottom: 15px;
}
.wizard > .content,
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
	background-color: var(--bg-secondary);
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active,
.wizard-content .wizard>.actions>ul>li>a {
	background-color: var(--primary);
}
.wizard-content .wizard>.steps>ul>li.disabled a,
.wizard-content .wizard>.steps>ul>li.disabled a:focus,
.wizard-content .wizard>.steps>ul>li.disabled a:hover {
	color: var(--text-secondary);
}
.wizard-content .wizard>.steps>ul>li.done a,
.wizard-content .wizard>.steps>ul>li.done a:focus,
.wizard-content .wizard>.steps>ul>li.done a:hover {
    color: var(--default);
}



/* -------------------------------------------------*/
/* --------------------- страница настроек  --------*/
/* ------------------------------------------------*/

.setting-page {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.settingspage-info {
	width: 100%;
	min-width: 240px;
	max-width: 280px;
	padding: 20px;
	border-radius: 8px;
	border: 1px solid var(--border);
}
.about-os {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.about-os li {
		margin-bottom: 20px;
	}
	.about-os i {
		display: block;
		font-size: 12px;    
		font-style: normal;
		color: var(--text-secondary);
	}
	.about-os span {

	}

.settings-list {
	width: 100%;
	max-width: 560px;
	background: var(--default);
}
.settings-list .list-group-item {
	display: flex;
	align-items: center;
	border-color: var(--border);
}
.settings-list .list-group-item .btn {
	margin-left: auto;
}
	.settings-list i {
		display: block;
		font-size: 12px;    
		font-style: normal;
		color: var(--text-secondary);
	}
	.timezone {
		display: flex;
		flex-wrap: wrap;
	}
		.timezone span {
			white-space: nowrap;
		}
		.timezone .input-group {
			width: 315px;
		}




/* ------------------------------------------*/
/* ---------------- страница логина ---------*/
/* ------------------------------------------*/
.login-page {
	padding: 0;
	flex-direction: row;
}
.login-page .device-menu {
	margin: 0;
	padding: 10px;
	margin-left: auto;
}
.login-page .icobtn {
	background: #fff;
}
.log-head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 20px;
}
.log-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;

	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	padding: 20px;
}
.log-footer .btn {
	margin: 0 10px 10px auto;
}


.log-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	padding: 10px;
}
.log-image {
	border-radius: 16px;
	background: url(/image/login.jpg) center bottom no-repeat;
	background-size: cover;  
	background-color: var(--primary);
}
.log-main {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 80px 0;
}
.log-form {
	margin-bottom: 40px;
	padding: 30px;
	width: 100%;
	max-width: 380px;
	border-radius: 8px;
}

.login-page .logo > span {
	display: inline-block;
}
.login-page .device-menu {
	grid-auto-flow: column;
}

@media (width < 768px) {
	.log-body {
		grid-template-columns: 1fr;
		background: var(--bg-secondary);
	}
	.log-image {
		display: none;
	}
	.log-form {
		background: var(--default);
	}
}














/* --------------------------------------------*/
/* ---------------- страница лицензии ---------*/
/* --------------------------------------------*/

.license-page .logo > span {
	display: inline-block;
}

.license-sidebar {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.license-image {
	flex: 1 1 auto;
	margin: 20px 0;
	border-radius: 16px;
	background: url(/image/license.jpg) center top no-repeat;
	background-size: cover;  
	background-color: var(--primary);
}

.license-menu {
	list-style: none;
	margin: 0;
	padding: 0;

	display: flex;
}
.license-menu li {
	margin-right: 15px;
}

.license-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 20px;
	border-radius: 16px;
	background: var(--bg-secondary);
}


.mode-toggle {
	margin-left: auto;
	padding: 5px;
	border-radius: 8px;
	background: var(--default);
}

.license-stepbox {
	margin-top: auto;
	margin-bottom: auto;
	padding-bottom: 20vh;
}
.license-step {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: auto;
	padding: 30px;
	max-width: 440px;
	border-radius: 8px;
	border: 1px solid var(--border);
}

.license-code {
		display: inline-block;
		margin-bottom: 15px;
		padding: 12px 10px 12px 16px;
		font-size: 32px;
		letter-spacing: 10px;
		line-height: 1;
		background: #fff;
		border-radius: 4px;
		border: 1px solid var(--border);
}








/* --------------------------------------------*/
/* ---------------- журнал отгрузок -----------*/
/* --------------------------------------------*/

.table-tools {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	margin: 20px 0 0;
}
.table-tools.inbox {
	margin: 20px 0 10px;
	padding: 10px 20px;
	background: var(--default);
	border-radius: 8px;
}
@media (width < 1400px) {
	.hystory-tools {}
}

	.table-filters {
		list-style: none;
		margin: 0;
		margin-right: auto;
		padding: 0;

		display: inline-flex;
		flex-wrap: wrap;
	}
		.table-filters li {
			margin: 0 10px 10px 0;
			max-width: 220px;
		}
		.table-filters li:first-child {
			max-width: 80px;
		}
		.table-filters li:last-child {
			margin-right: 0;
		}
	.table-actions {
		list-style: none;
		margin: 0 0 0 auto;
		padding: 0;
		display: inline-flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.table-actions li {
			margin: 10px 0 10px 10px;
		}
			.table-actions li:first-chils {margin-left: 0;}

		.table-search {
			max-width: 220px;
		}

	.dt-button.dropdown-item {
	  padding: 4px 12px;
	  color: var(--text-secondary);
	}
	.dt-button.dropdown-item:before {
	    content: "\f0c8";
	    margin-right: 6px;
	    font-family: 'Font Awesome 6 Free';
	    font-size: 16px;
	    font-style: normal;
	    font-variant: normal;
	    line-height: 1;
	    text-rendering: auto;
	    font-weight: 900;
	    color: var(--text-ghost);
	}
	.dt-button.dropdown-item.active {
	  color: initial;
	  background-color: initial;
	}
	.dt-button.dropdown-item.active:before {
	   content: "\f14a"; /* checked */
	   color: var(--primary);
	}
	.dt-button.dropdown-item:hover,
	.dt-button.dropdown-item.active:hover {
		background: var(--bg-ghost);
	}















@media (width < 768px) {
	.license-page {
		display: flex;
		flex-direction: column;
	}
	.license-page .logo > span {
		display: inline-block;
	}
	.license-sidebar {
		flex: 0 0 60px;
		flex-direction: row;
		padding: 0 0 20px;
	}
	.license-image {
		display: none;
	}
	.license-menu {
		margin-left: auto;
	}
}











/* ------------------------------------------*/
/* ------------- Карточка Отгрузки ----------*/
/* ------------------------------------------*/
.weighting-modal {
	max-width: min-content;
}
.weighting-card {
	display: flex;
	min-width: 660px;
	background: var(--default);
	border-radius: var(--rad);
	overflow: hidden;
}
	@media ( 576px < width < 768px) {
		.weighting-card {
			flex-direction: column;
			min-width: auto;
			width: 80vw;
		}
	}
	@media ( width <= 576px) {
		.weighting-modal {
			max-width: initial;
		}
		.weighting-card {
			flex-direction: column;
			min-width: auto;
		}
	}

.weighting-body {
	flex-basis: 420px;
	padding: 20px 30px;
}
.weighting-head {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border);
}
	.weighting-head .h5 {
		margin-bottom: 0;
	}
	.weighting-date {
		color: var(--text-secondary);
	}

.weighting-comment {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border);
}

.weightng-responsible {

}
.weightng-responsible {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;

	display: flex;
}
	.weightng-fault {
		margin-top: 10px;
		color: var(--alert);
	}
	.weightng-responsible li {
		margin-left: 30px;
	}
	.weightng-responsible li:first-child {
		margin-left: 0;
	}
		.weightng-responsible i {
			display: block;
			font-size: 14px;
			font-style: normal;
			color: var(--text-secondary);
		}
		.weightng-responsible span {
			display: block;
		}

.weighting-body .progress-stacked {
	margin-top: 15px;
}

.progress-info {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
}
	.progress-info li {
		display: flex;
		justify-content: space-between;
		margin-top: 5px;
	}
	.progress-info li:first-child {
		margin-top: 0;
	}
		.progress-label {
			display: inline-block;
			font-size: 14px;
			font-style: normal;
			color: var(--text-secondary);
		}
		.pl::before {
			content: '\25CF';
			margin-right: 4px;	
		}
			.pl-work::before {color: var(--bs-success);}
			.pl-move::before {color: var(--warning);}
			.pl-idling::before {color: var(--primary);}
			.pl-offline::before {color: var(--alert);}

		.progress-info li span {
			
		}


.weighting-aside {
	flex-basis: 240px;
	display: flex;
	flex-direction: column;
	padding: 20px 30px;
	background: var(--bg-secondary);
}
.weightng-info {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;

	display: flex;
	flex-direction: column;
}
	.weightng-info li {
		margin-top: 15px;
	}
	.weightng-info li:first-child {
		margin-top: 0;
	}
		.weightng-info i {
			display: block;
			font-size: 14px;
			font-style: normal;
			color: var(--text-secondary);
		}
		.weightng-info span {
			display: block;
		}

.weightng-actions {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
	.weightng-edit-xs {display:none;}
	.weightng-actions li > a {
		margin-right: 10px;
		height: 100%;
	}
	.weightng-actions li:last-child > a {
		margin-right: 0;
	}
	@media (width < 768px) {
		.weightng-info {
			margin-top: 0;
		}
		.weightng-actions {
			position: absolute;
			top: 20px;
			right: 20px;
		}
	}
	@media (width <= 576px) {
		.weightng-actions .btn-ghost {
			display: none;
		}
		.weightng-edit-xs {
			display: inline-flex;
		}
	}




























@media (width < 480px) {
	main {
		padding: 20px 15px;
	}

	body {
		flex-direction: column;
	}
	aside {
		padding: 0 0 10px;
	}
	.sidebar-toggle {
		display: inline-flex;
	}
	.sidebar {
		position: fixed;
		top: 0;
		bottom: 0;
		left: -260px;
		width: 260px;
		padding: 50px 10px 20px;
		box-shadow: var(--shadow);
	}
	.sidebar.is-open {
		left: 0;
	}

	.user-menu {
		display: none;
	}

/* конец медиазапроса width < 480px */ }




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	aside {
		align-items: center;
	}

	.sidebar {
		align-items: center;
	}

	.logo > span {
		display: none;
	}

	.device-menu {
		grid-auto-flow: row;
		margin: auto 0 0;
		position: static;
	}
	.menu-overflow {
		overflow: initial;
		max-height: none;
	}
	.menu > li.ghost-title {
		text-align: center;
	}
	.menu-item.collapsed > a::after {
		display: none;
	}
	.menu-item.collapsed > a {
		padding-right: 0;
	}
	.menu-link span {
		display: none;
	}
	.menu-link:hover,
	.menu-link.is-active {
		background: transparent;
	}
	.menu-link:hover .icobtn:hover {
		background: var(--bg-ghost);
	}
	.subnav {
		position: absolute;
		top: 0;
		left: 80px;
		
		margin: 0;
		border: 1px solid var(--border);
		background: var(--default);
		box-shadow: var(--shadow);
	}
		.subnav .ghost-title {
			display: inline-block;
		} 
		.subnav li.is-active > a,
		.subnav li > a:hover {
			color: var(--base);
			background: var(--bg-ghost);
		}
	
/*Конец медиазапросы на планшеты*/ }

@media (480px < width <= 1240px) {
	aside {
		align-items: center;
	}

	.sidebar {
		align-items: center;
	}

	.logo > span {
		display: none;
	}

	.device-menu {
		grid-auto-flow: row;
		margin: auto 0 0;
		position: static;
	}
	.menu-overflow {
		overflow: initial;
		max-height: none;
	}
	.menu > li.ghost-title {
		text-align: center;
	}
	.menu-item.collapsed > a::after {
		display: none;
	}
	.menu-item.collapsed > a {
		padding-right: 0;
	}
	.menu-link span {
		display: none;
	}
	.menu-link:hover,
	.menu-link.is-active {
		background: transparent;
	}
	.menu-link:hover .icobtn:hover {
		background: var(--bg-ghost);
	}
	.subnav {
		position: absolute;
		top: 0;
		left: 80px;
		
		margin: 0;
		border: 1px solid var(--border);
		background: var(--default);
		box-shadow: var(--shadow);
	}
		.subnav .ghost-title {
			display: inline-block;
		} 
		.subnav li.is-active > a,
		.subnav li > a:hover {
			color: var(--base);
			background: var(--bg-ghost);
		}
/* конец медиазапроса 480px < width <= 1240px */ }









@media (width > 1240px) {
	main {

	}
	aside {
		flex-basis: 240px;
		align-items: stretch;
		padding: 10px;
		padding-right: 20px;
	}
/* конец медиазапроса width > 1240px */ }

@media (height > 700px) {
	aside {
		padding-bottom: 20px;
	}
/* конец медиазапроса width > 1240px */ }












/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/****************************************                      ********************************************/
/****************************************     Темная тема      ********************************************/
/****************************************                      ********************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/

[data-bs-theme="dark"] {

	--base: #002033;
	--base: #EAECF0;

	--system: #DEE4E8;
	--system: #1D222A;

	--default: #fff;
	--default: #121721;


	--brand: #21404E;
	--brand: #fff;

	--primary: #0078D2;
	--success: #22C38E;
	--caution: #F2C94C;
	--warning: #F38B00;
	--alert: #EB5757;
	--normal: #56B9F2;

	--border: rgba(0, 65, 102, 0.2);
	--border: rgba(246, 251, 253, 0.28);
	--stripe: rgba(0, 32, 51, 0.05);


	--bg-ghost: rgba(0, 32, 51, 0.08);
	--bg-ghost: rgba(255, 255, 255, 0.12);

	--bg-secondary: #ecf1f4;
	--bg-secondary: #1D222A;

	--text-ghost: rgba(0, 32, 51, 0.3);
	--text-ghost: #EAECF0;

	--text-secondary: rgba(0, 32, 51, 0.6);
	--text-secondary: #80858E;
	--text-secondary: #aaaeb6;

	--text-system: #97B2C4;

	--link: #0078D2;
	--link: #6D9EFF;

	--link-mirror: #1C5682;
	--link-mirror: #80858E;
	--link-mirror: #aaaeb6;

	--bs-heading-color: #eaecf0;
} 

.dark_theme .btn-ghost {
	--bs-btn-bg: rgba(255, 255, 255, 0.08);
	--bs-btn-border-color: transparent;
	--bs-btn-hover-bg: rgba(255, 255, 255, 0.12);
	--bs-btn-hover-border-color: rgba(255, 255, 255, 0.12);
	--bs-btn-focus-shadow-rgb: rgba(12, 16, 24, 0.96);
	--bs-btn-active-bg: rgba(255, 255, 255, 0.12);
	--bs-btn-active-border-color: rgba(255, 255, 255, 0.12);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.dark_theme .menu-link.is-active,
.dark_theme .menu-link.is-active:hover {
	color: var(--link);
}
.dark_theme .menu-link.is-active .icobtn,
.dark_theme .menu-link.is-active .icobtn:hover,
.dark_theme .menu-link.is-active:hover .icobtn:hover {
	color: var(--link);
	background: none;    
    border-color: transparent;
}
.dark_theme .collapsed > a::after {
	color: inherit;
}
.dark_theme .task-filters a.is-active,
.dark_theme .task-filters a.is-active span,
.dark_theme .task-filters a:hover,
.dark_theme .task-filters a:hover span,
.dark_theme .menu-link:hover,
.dark_theme .menu-link.is-active {
	color: #fff;
}

.dark_theme .ymaps-2-1-79-ground-pane { 
	filter: invert(100%)!important;
	-ms-filter: invert(100%)!important;
	-webkit-filter: invert(100%)!important;
	-moz-filter: invert(100%)!important;
	-o-filter: invert(100%)!important;
}
.dark_theme #monitor_report {
	background: var(--bg-secondary);
}
.dark_theme .fa-moon::before {
    content: "\f185";
}




.all_box
{
	padding:5px 10px;
}
.checkbox_group {
  border: 1px solid var(--bg-ghost);
  background-color: var(--bg-ghost);
  color: var(--base);
  border-radius:5px;
  padding: 10px; 
}