html, body, #root, .App {
	margin: 0;
}

/*** header ***/

.header {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #004982;
}

.header-brand {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.header-brand-logo {
	height: 30px;
	margin-right: 8px;
}

.header-brand-text {
	color: #fff;
	font-size: 1.25rem;
}

.header-dropdown {
	margin-left: auto;
}

.header-menu {
  flex: 1;
  background: transparent;
  border-bottom: none;
	color: #ffffff8c;
	font-size: 14px !important;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background: transparent;
}

.header-dropdown a{
	color: #fff;
	font-size: 17px;
}

.header-dropdown i{
	font-size: 20px;
}

.dp-item-icon{
	margin-right: 0.5rem;
}

@media (max-width: 900px) {
	.header {
		flex-direction: column;
		height: 100px;
	}

	.header-brand {
		margin-top: 15px;
	}

	.header-dropdown {
		margin-left: 0;
	}
}

/*** footer ***/

.footer {
	text-align: center;
	background-color: #3c3c3c;
	color: white;
}

/*** buttons ***/

.btn-success {
	background-color: #06c281 !important;
	border-color: #06c281 !important;
	color: white !important;
	box-shadow: 0 2px 0 rgba(6, 194, 129, 0.06) !important;
}

/*** content ***/

.content {
	min-height: 90vh;
	padding: 0 50px;
	background-color: #e9e9eb;
	padding-bottom: 20px;
}

.tutorials-container {
	padding-top: 20px;
}

.video-container {
	padding-right: 20px;
}

.playlist {
	padding-left: 20px;
}

@media (max-width: 900px) {
	.video-container {
		padding-right: 0px;
	}
	
	.playlist {
		padding-left: 0px;
	}

	.video-description-container {
		padding-top: 0px;
		padding-bottom: 20px;
	}
}

.video-description-container {
	padding-top: 20px;
}

.video-description-card {
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/*** upload ***/

.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
	width: 518px;
	height: 110px;
}

.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,
.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,
.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container,
.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container {
	width: 518px;
	height: 110px;
}

/*** table ***/

.ant-table-thead .ant-table-cell {
	color: white !important;
  background-color: #415577 !important;
}

.ant-tree .ant-tree-node-content-wrapper {
	line-height: 28px !important;
}

.ant-table-column-sorter-inner {
  .ant-table-column-sorter-up,
  .ant-table-column-sorter-down {
    color: #818D9C;
  }
}

.ant-table-column-sorters .ant-table-column-sorter-up.active,
.ant-table-column-sorters .ant-table-column-sorter-down.active,
.ant-table-column-sorter-up.on,
.ant-table-column-sorter-down.on {
  color: white;
}

/*** scrollbar ***/

/* Firefox */
.custom-scrollbar {
	scrollbar-width: auto;
	scrollbar-color: #c1c1c1 #f1f1f1;
}

/* Chrome, Edge, and Safari */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
	background: #a7a7a7; 
}