//@import "../../../abstracts/abstracts";

.dbqkbc-folder-header-container {
	float: left;
	width: 100%;
	padding: 0 15px;
	background: transparent;
	
	.dbqkbc-folder-header-wrapper {
		width: 700px;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	h2 {
		text-align: center;
		width: 100%;
		padding: 0;
		margin: $margin-default 0;
		font-weight: 500;
		color: $text-color-default;
		font-size: $classlists-header-document-header-size;
		line-height: $line-height-default;
	}
	p {
		text-align: center !important;
		width: 100%;
		color: $text-color-default;
		padding: 5px 100px;
		font-weight: 400;
		margin: $margin-default 0;
		font-size: $classlists-header-document-intro-text-size;
		line-height: $line-height-default;
	}
}

.dbqkbp-header {
	position: fixed;
	top: 70px;
	z-index: 10;
	float: left;
	width: 100%;
	height: 100px;
	padding: 30px;
	background: $color-primary;
	background-color: $color-primary;
	background-image: linear-gradient(to left, $color-secondary, $color-primary);
  }
  
  .dbqkbp-header-search {
	position: relative;
	width: 500px;
	height: 40px;
	margin: 0 auto;

	input {
		width: 100%;
		height: 40px;
		border: 2px solid #eef0f5;
		border-radius: $border-radius-default;
		box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.10);
		padding: 0 10px 0 40px;
		font-size: $font-size-medium;
		font-weight: 600;
		line-height: 20px;
		color: #001323;
	  }

	svg {
		width: 40px;
		height: 40px;
		position: absolute;
		padding: 10px;
		fill: $color-primary;
	  }
  }