.nav-tabs {
	padding-left: 220px;
	background-color: #075095;
	z-index: 0;
}

/*Custom area*/
.customer-custom-area {
	background: #E3E9EC repeat;
	width: 220px;
	height: 100%;
}

.frontpage-customer-area {
	height: 100%;
	position: fixed;
	z-index: 1;
}

.customer-custom-area-img {
	background: url('/api/logo?defaultFileName=Custom\Startpage\CustomLogoTop.png&application=handbook&type=logo') no-repeat;
	width: 220px;
	height: 470px;
	text-align: center;
}

.customer-custom-area-logo {
	width: 220px;
	height: 70px;
	text-align: center;
	position: absolute;
	bottom: 50px;
	/*CustomLogoBottom*/
	/*OUS_color_261x54*/
	/*LDS__color_433x54*/
	background: url('/api/logo?defaultFileName=Custom\Startpage\CustomLogoBottom.png&application=handbook&type=logo') no-repeat;
	background-size: 220px 45px;
}

.homme-tab1 {
	margin-right: -20px;
	margin-top: -15px;
}

.module {
	width: 100%;
	margin: 0 0 1em 0;
	overflow: hidden;
	font-size: 12px;
	color: rgba(0,0,0,.87);
	max-height: 60px;
	height: 50px;
}

.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.colreport {
	height: 170px;
	position: relative;
	margin-bottom: 20px;
	transition: margin 225ms cubic-bezier(.4,0,.2,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: white;
	padding: 15px;
}

.footer-div {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: left;
	margin-left: 0;
}

.title-report {
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.hr-line {
	border-top-color: #446A8D;
	border-top: 2px solid;
	margin-top: 5px !important;
}

.np-search-result-warper {
	margin: 10px;
	clear: both;
}

.name-report {
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,.87)
}

.reportType {
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 400;
	color: #757575;
}

.run {
	color: #3e57b7;
	font-size: 14px;
	cursor: pointer;
}

.name-type {
	float: left;
	width: 82%;
}

.home-nav-tabs #more-tab {
	display: none;
}

@media(max-width:1580px) {
	.name-type {
		width: 73%;
	}
}

@media(max-width:1280px) {
	.customer-custom-area-img {
		float: left;
		width: 100px;
		height: 130px;
		background: url('/api/logo?defaultFileName=Custom\Startpage\CustomLogoTop.png&application=handbook&type=logo') no-repeat;
		background-size: 100px 130px;
	}

	.customer-custom-area-logo {
		float: left;
		width: 200px;
		height: 130px;
		position: relative;
		bottom: 0;
		/*CustomLogoBottom*/
		/*OUS_color_261x54*/
		/*LDS__color_433x54*/
		background: url('/api/logo?defaultFileName=Custom\Startpage\CustomLogoBottom.png&application=handbook&type=logo') no-repeat;
		background-size: 180px 37px;
		background-position: center;
	}

	.sidebar-customer-area {
		display: block;
		background-color: #e3e9ec;
		height: 130px;
	}

	.frontpage-customer-area {
		display: none;
	}

	#sidebar-header .navbar-toggle {
		display: none;
	}

	.nav-tabs {
		padding-left: 0;
	}

	.home-content {
		padding-left: 0px;
	}

/*	.colreport {
		width: 30%;
		height: 180px;
	}*/

	.name-type {
		width: 70%;
	}
}

@media(max-width:960px) {
	#sidebar-header .navbar-toggle {
		display: block;
		position: absolute;
		left: 10px;
	}

	#sidebar-wrapper.show {
		width: 320px;
	}
}


@media(max-width:768px) {

	.padding-tab-left-20 {
		padding-left: 20px;
	}

	.tab-content-header {
		display: flex;
		flex-direction: column-reverse;
	}

	.home-nav-tabs {
		width: 100%;
		display: flex;
		max-height: 95px;
		justify-content: space-between;
		position: fixed;
		bottom: 0;
		z-index: 1;
	}

	#homeTabs li {
		flex: 1;
		min-width: 52px;
	}

		#homeTabs li.active, #homeTabs li:hover, #homeTabs li:focus {
			background-color: #fff;
			color: #026FC1;
		}

			#homeTabs li.active > a, #homeTabs li:hover > a, #homeTabs li:focus > a {
				color: #026FC1;
			}

		#homeTabs li a {
			padding-left: 0 !important;
			padding-right: 0 !important;
			text-align: center;
			border: none !important;
			min-height: 66px;
			margin: 0 auto;
			width: 52px;
			min-width: 52px;
		}

	.home-nav-tabs .home-hearings {
		margin-left: 0 !important;
		width: 52px!important;
	}

	.home-nav-tabs .home-reading-list {
		margin-left: 0 !important;
		width: 52px !important;
	}

	#homeTabs .tab-text,
	#homeTabs .deviation-tab,
	#homeTabs .checklist-tab,
	#homeTabs .risk-tab {
		display: none;
	}

	.home-nav-tabs #more-tab {
		display: flex;
	}

	.home-nav-tabs .tab-icon {
		font-size: 16px;
	}

	.home-nav-tabs #hearings-tab .typcn-message:before {
		font-size: 28px;
		margin-top: -1px;
	}

	.home-nav-tabs #reading-list-tab .circle-display-position {
		right: 6px;
		top: 6px
	}

	.home-nav-tabs .what-new-tab .circle-display-position,
	.home-nav-tabs #favorite-tab .circle-display-position {
		right: 1px;
		top: 5px
	}

	.home-nav-tabs .home-what-new-icon, .home-nav-tabs .home-favorite-icon{
		margin-left: auto;
		margin-right: auto;
	}

	.home-nav-tabs .noti-what-new,
	.home-nav-tabs .noti-what-new a {
		min-width: 56px !important;
	}

	.noti-favorites#favorite-tab.active > a,
	.noti-favorites#favorite-tab > a {
		background-position: 4px 13px;
	}

	.noti-hearing .circle-display-position{
		right: 1px !important;
		top: 3px !important;
	}/*

	.home-nav-tabs .home-what-new-icon {
		background-position: 15px 20px !important;
		background-image: url(../../Content/Images/WhiteWhatNew.png);
		background-repeat: no-repeat;
	}

	#what-new-tab.active a{
		background-position: 9px 14px !important;
	}

	.noti-what-new .home-what-new-icon {
		background-position: 12px 20px !important;
	}

	#what-new-tab.active.noti-what-new a {
		background-position: 5px 14px !important;
	}*/

	.fixed-bottom {
		bottom: 60px;
		font-weight: 600;
	}

	.more-tab-wrap,
	.homme-tab1 #start-page {
		height: 100%;
	}

	.more-tab-content {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

		.more-tab-content .more-tab-item {
			width: 190px;
			height: 48px;
			background-color: #1954A9;
			margin: 8px 0;
		}

			.more-tab-content .more-tab-item .item {
				padding-left: 12px;
				padding-right: 18px;
				height: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center
			}

				.more-tab-content .more-tab-item .item p {
					margin: 0;
				}

			.more-tab-content .more-tab-item .text,
			.more-tab-content .more-tab-item .fa-arrow-right,
			.more-tab-content .more-tab-item .fa-angle-right {
				color: #ffffff;
				font-size: 16px;
			}

	#reading-list-container .grid-setting {
		padding-top: 8px !important;
	}
	
	/*SEARCH*/

	.tabbable.tab-content-header {
		height: calc(100% - 32px);
	}

	.wrapper-with-search .page-container_header .tab-content-header {
		/*max-height: calc(100% - 123px);*/
	}

		.wrapper-with-search .page-container_header .tab-content-header .tab-content.home-content {
			/*max-height: calc(100% - 68px);*/
		}

	.wrapper-with-search #dailyStatistics .daily-statistics,
	.wrapper-with-search #folderStatistics .folder-statistics {
		height: calc(100vh - 225px) !important;
	}


	.home-content .news-contain {
		margin-top: 0px !important
	}

	.homme-tab1 {
		margin-right: 0;
	}
		
}

@media(max-width:640px) {
	/*.colreport {
		width: 45%;
	}*/
}

@media(max-width: 440px) {
	#homeTabs li {
		flex: 1;
		min-width: 45px !important;
	}
}

@media(max-width:320px) {
	#wrapper.toggled {
		padding-left: 0;
	}

	#sidebar-wrapper {
		width: 0px;
	}

	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}

	#page-content-wrapper {
		padding: 20px;
	}

	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}

	#sidebar-header .navbar-toggle {
	}

/*	.colreport {
		width: 100%;
	}*/

	#homeTabs li {
		min-width: 30px;
	}
}
.padding-left-15 {
	padding-left: 15px !important;
}

.padding-top-6 {
	padding-top: 6px !important;
}

.colorAnchor {
	color: #337ab7 !important
}

.checklist-iframe-container {
	height: 100%;
	/*margin-top: 15px;*/
}