:root {

	--bg-gray: #f8f9fa;
	--gray: #adb5bd;
	--primary-red: #dc3545;
	--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}

::-webkit-scrollbar {

    width: 10px;
    height: 10px;

}

::-webkit-scrollbar-track {

    background-color: var(--bg-gray);

}

::-webkit-scrollbar-thumb {

    background-color: #dc3545;
    
}


body {

	background: var(--bg-gray);

}

.white-box {

	background-color: #fff;
	border-radius: 5px;
	box-shadow: var(--box-shadow);

}

.min-width-table {

	min-width: 1000px;

}

.mt-search {

	margin-top: 10px;

}

.navbar-style {

	background-color: #fff;
	box-shadow: var(--box-shadow);

}


.logo {

	font-weight: bold;
	letter-spacing: 1px;
	color: var(--primary-red) !important;

}


.box-container {

	display: grid;
    place-items: center; /* Центрирование и по вертикали, и по горизонтали */
    height: 100vh;
	
}

.box {

	width: 40%;
	box-shadow: var(--box-shadow);
	background: #fff;
	border-radius: 5px;
	padding: 20px;

}

.box__header {

	color: var(--primary-red);
	margin: 20px 0px;
	padding-bottom: 20px;
	border-bottom: 2px var(--primary-red) solid;

}

.header-box__header {

	color: var(--primary-red);
	padding-bottom: 20px;
	display: inline-block;

}

.header-box__form {

	float: right;
	display: inline;

}

.header-box {

	border-bottom: 2px var(--primary-red) solid;

}

.box__input {

	width: 100%;
	border: none;
	padding: 20px;
	border-bottom: 2px var(--gray) solid;
	outline: none;
	transition: 0.15s;

}

.box__input:focus {

	border-color: var(--primary-red);

}

.box__btn {

	background: var(--primary-red);
	padding: 10px 20px;
	margin-top: 20px;
	border: none;
	color: #fff;
	border-radius: 5px;
	transition: 0.15s;
	border: 2px var(--primary-red) solid;
	width: 100%;

}

.out-btn {

	background: none;
	color: var(--primary-red);

}

.box__btn:hover {

	background: none;
	color: var(--primary-red);

}

.out-btn:hover {

	background: var(--primary-red);
	color: #fff;

}

.header-box__btn, .header-box__input {

	padding: 5px;
	margin: 0px;

}

.notif-container {

	display: grid;
    place-items: center; /* Центрирование и по вертикали, и по горизонтали */
    height: 100vh;

}

.notif-box {

	padding: 20px;

}

.notif_count {

	color: var(--primary-red);

}

.w-100 {

	width: 100%;
	margin: auto;
	gap: 5px;

}

.header-box__form-margin-top {

	margin-top: 15px;

}

.cargo-table {

	cursor: pointer;
	transition: 0.15s;
	border-left: 2px #fff solid;

}

.cargo-table:hover {

	box-shadow: var(--box-shadow);
	border-left: 2px var(--primary-red) solid;

}

.handler {

	border-left: 2px var(--primary-red) solid;

}

.admin-text {

	color: black;
	text-decoration: none;
	font-size: 20px;
	border-bottom: 2px solid var(--gray);
	padding: 20px;
	width: 100%;
	display: block;
	transition: 0.15s;

}

.admin-text:hover {

	border-color: var(--primary-red);
	color: #000;

}

.lead__item {

	list-style: none;

}


.lead__item a {

	width: 100%;
	display: block;
	padding: 15px;
	border-radius: 5px;
	margin: 30px 0px;
	transition: 0.15s;
	font-size: 20px;
	box-shadow: var(--box-shadow);

}


.box-lead {

	padding: 15px;
	min-width: 100%;
	box-shadow: var(--box-shadow);
	border-radius: 5px;
	transition: 0.15s;

}

.box-lead:hover {

	transform: scale(1.01);

}

.box__lead-header {

	margin-bottom: 20px;

}

.lead-header__item {

	display: inline;
	margin-right: 30px;
	color: #63758b;

}

.lead__name {

	font-size: 30px;
	font-weight: bold;

}

.lead__contact {

	color: #0d6efd;

}


.box__lead-footer {

	text-align: right;

}


.lead-footer__item {

	display: inline;

}

.lead__input {

	width: 30% !important;

}