body{
	background-color: #0c1018 !important;
}

.navbar{
	background-color: #161d2d !important;
}

.navbar-brandd {
	display: block;
	color: #ffffff;
	max-width: 50vw;   /* подберите по факту */
	line-height: 1.2;
	overflow-wrap: break-word;
	word-break: break-word;
	text-align: left;
}

.navbar-brandd span{
	font-size: 150%;
	font-weight: bold;
}

.navbar-brandd small{
	color: #b3b0b1;
}

.navbar-brandd:hover{
	color: #ffffff;
	text-decoration: none;
}

.scroll-box {
	/*width: 800px;
	height: 500px;*/
	overflow: auto;
	cursor: grab;
	user-select: none;      /* чтобы не выделялся текст при перетаскивании */
}

.scroll-box.dragging {
	cursor: grabbing;
}

section.info-content{
	margin-left: 0;
	margin-right: 0;
	margin-top: 70px;
	margin-bottom: 0;
}

.card{
	background-color: #0c1018; /*#161d2d;*/
	/*border: 1px solid #252e45;*/
	border-radius: 0px;
	margin-bottom: 0;
}

.card .body{
	padding: 0;
	color: #ffffff;
}

#name-field{
	height: calc(100vh - 80px);
	overflow: scroll;
	margin-bottom: 0;
}

#name-field table{
	background-color: #161d2d;
	margin-bottom: 0;
}

#name-field tbody{
	border: none;
}

#name-field th, #name-field td{
	border: 1px solid #252e45;
}

#schedule th, #schedule td{
	height: 65px;
}

.week-left .days{
  padding: 8px;
  height: 40px;
  font-weight: bold;
  border-radius: 5px;
  background: linear-gradient(to bottom right, #9c4373, #522b6a);
  width: 42px;
}

.week-left .days-2 {
  filter: hue-rotate(30deg);
}

.week-left .days-3 {
  filter: hue-rotate(60deg);
}

.week-left .days-4 {
  filter: hue-rotate(90deg);
}

.week-left .days-5 {
  filter: hue-rotate(120deg);
}

.week-left .days-6 {
  filter: hue-rotate(150deg);
}

.lesson{
	margin-left: 50px;
}

.lesson .lesson-number{
	font-weight: lighter;
	font-size: 20px;
}

.lesson .lesson-time{
	color: #b3b0b1;
	line-height: 0;
	line-height: 12px;
}

.group-names{
	font-size: 28px !important;
}

.last-row{
	background-color: #0c1018;
	border-left: 1px solid #0c1018 !important;
	border-right: 1px solid #0c1018 !important;
	height: 0px !important;
	padding: 10px !important;
}

.group-cell {
	position: relative;
}

.group-data {
	position: absolute;
	top: 2px;
	left: 2px;
	right: 8px;
	bottom: 0px;
	/*background: linear-gradient(135deg, #363d4d 0%, #2b3242 100%);*/
	border-radius: 2px;
	padding: 8px 10px;
	padding-left: 6px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
	border-left: 4px solid #9f516b;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
}