/* Fix for off center glyphicons */
	.glyphicons { line-height: 1.28em; }
	/* Remove margin on glyphicons on buttons */
	.btn .glyphicons { margin: 0; }

	/* Modals */

	body.modal-open { /* Prevent window scroll when modal is opened */
		overflow: hidden;
	}

	.modal-body {
		padding-bottom: 65px; /* Make some room for fixed buttons in bottom */
		overflow-y: auto;  /* NEW */
	}
	

	.modal-content .modal-footer { /* Footer inside the content area */
	/*	position: absolute; NEW */
		bottom: 5px;
	/*	left: 0;
		right: 0; .... NEW */
	}

	.modal-content .modal-footer.fixed { /* Footer inside the content area */
	/*	position: fixed;  NEW */
	    position: relative;
	}

	.modal-footer {  /*... NEW .. moved below other modal-footer styles.....*/
		text-align: left;
	}
/* 	body .content { margin-top: 188px; }  Set this in js instead */

	.modal-lg {
		width: 86%;
	}

	/* General */
	
	body {  }

	.navbar.navigation {
/* 		margin-top: 50px; */
	}

	.btn:focus { /* Remove blue outline in Safari */
		outline: none !important;
	}

	a:hover { text-decoration: none; cursor: pointer; }

	.text-indicator {
		color: #BB8838;
	}

	/* Login page */

	html.loginpage {
		background: url(../images/backgrounds/background.jpg) no-repeat left center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	html.loginpage body {
		background: none;
	}

	.panel.login {
		width: 250px;
		position: absolute;
		top: 120px;
		right: 80px;
	}

	/* Headers */

	nav.navbar[role=banner] { margin-bottom: 0; }
	nav.navbar[role=navigation] { margin-bottom: 0; }
	nav.navbar[role=toolbar] { margin-bottom: 0; }


	nav .icons a {
		font-size: 24px;
		padding: 12px 27px 28px 23px;
	}

	nav .icons label {
		position: absolute;
		bottom: 2px;
		width: 74px;
		text-align: center;
		white-space: nowrap;
		opacity: 0.4;
		font-weight: normal;
	}

	nav.navigation .navbar-form {
		margin-top: 18px;
		margin-bottom: 18px;
	}

	/* Navigation bar/Buttons */

	.nav.icons label {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Left panels */

		/* Filters */
		
			.showmore { margin-left: 20px; }

		#panel-filter #filter-content {

		}

	/* Toplevel */

//....... NEW TEST..............................................
	.download{
		background: #24d3ec;
	}


/* Sorting */
#viewbuttons {
	display: inline-block;
}	
#sorting-list {
	top: 38px;
}
.sorting-list-hidden {
    display: none;
}
.sorting-wrapper {
    position: absolute;
    right: 0;
    width: auto;
    max-width: 254px;
    min-width: 178px;
    padding-top: 2px;
    z-index: 999;	
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
	text-align: left;
	border-radius: 4px;
	max-height: 500px;
	overflow-y: auto;
}
.sorting-wrapper .sorting-wrapper-sub {
    border-bottom: 1px solid #ccc;
    width: auto;
}
.sorting-wrapper .sorting-wrapper-sub a.checked {
    color: #333;
    font-weight: bold;
}
.sorting-wrapper .sorting-wrapper-sub > * {	    
    position: relative;
    padding: 0 10px 2px 36px;
    margin-top: 0;
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
}
.sorting-wrapper .sorting-wrapper-sub a span {
    position: absolute;
    left: 10px;
    top: 6px;
	color: #337ab7;
	font-size: 14px;
}	





//....................NEW TEST END.......................




	.modal-backdrop{
		display: none;
	}

	.volume {

		width: 240px;
		height: 180px;
		padding: 15px 20px 25px 20px;
		position: relative;
		
		margin: 0 20px 20px 0;
		border: 1px solid #ddd;
		border-radius: 4px;

		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
		box-shadow: 0 1px 2px rgba(0,0,0,.075);
	}

	.volume .caption {
		position: absolute;
		width: 238px;
		line-height: 39px;
		bottom: 0;
/* 
		background: rgba(0,0,0,0.5);
		color: #ffffff;
 */
 		border-top: rgba(255,255,255,0.1) solid 1px;
 
		margin-left: -20px;

		font-size: 18px;
	}

	/* Volume - hover */

	.volume .lefty, 
	.volume .righty {
		display: none;
		position: absolute;
		width: 50%;
		height: 178px;
		background: rgba(0,0,0,0.9);
		color: #ffffff;
		cursor: pointer;

		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.volume .lefty > div, 
	.volume .righty > div {
		position: relative;
		top: 50%;
		margin-top: -50px;
	}

	.volume .lefty { top: 0; left: 0; width: 119px; border-radius: 4px 0 0 4px; padding-left: 15px; }
	.volume .righty { top: 0; right: 0; width: 119px; border-radius: 0 4px 4px 0; padding-right: 15px; }

	.volume .lefty .glyphicons, 
	.volume .righty .glyphicons {
		display: block;
		clear: right;
	}


	.volume .lefty small, 
	.volume .righty small {
		line-height: 30px;
	}

	/* Navigate */

	#accordion > div {
		margin-bottom: 10px;
	}

	/* Breadcrumb */

	ol.breadcrumb {
		padding: 0 15px;
		line-height: 36px;
	}

	/* Thumbnail */

	#thumbnails .thumbnail {
		position: relative;
/* 		min-width: 285px; */
		width: 245px;
		margin: 0 10px 10px 0;
	}


	#thumbnails .thumbnail .folder {
		height: 200px;
		min-width: 200px;
		cursor: pointer;
	}
	#thumbnails .thumbnail .folder span.glyphicons {
		margin-top: 38px;
	}


	#thumbnails .thumbnail .image {
		height: 200px;
		min-width: 200px;
		overflow: hidden;
/* 		background-size: 80px 60px; */
		background-repeat: no-repeat;
/* 		background-attachment: fixed; */
		background-position: center; 
		border-radius: 2px;
	}

	#thumbnails .thumbnail .filebuttons {
		padding: 10px 20px;
	}
	#thumbnails .thumbnail .filebuttons > a span.glyphicons { margin: 0; }
	#thumbnails .thumbnail .filebuttons > a {
		padding: 5px;
	}

	/* File details */

	#thumbnails .thumbnail .keywords {

	}

	#thumbnails .thumbnail .keywords, 
	#thumbnails .thumbnail .dates {
		padding: 0 8px;
	}

	#thumbnails .thumbnail .keywords hr,
	#thumbnails .thumbnail .dates hr { /* Ruler */
		margin: 0 0 8px 0;
	}

	#thumbnails .thumbnail .keywords dl,
	#thumbnails .thumbnail .dates dl {
		margin: 0 0 8px 0;
	}

	#thumbnails .thumbnail .keywords dt,
	#thumbnails .thumbnail .dates dt { /* Title cell */
/* 		background: red; */
		white-space: nowrap;
		max-width: 219px;
		text-overflow: ellipsis;
		overflow-x: hidden;

	}

	#thumbnails .thumbnail .keywords dd,
	#thumbnails .thumbnail .dates dd { /* Value cell */
		text-overflow: ellipsis;
		overflow-x: hidden;
		max-width: 219px;
	}

	#thumbnails .thumbnail .fileinfoicons {
		position: absolute;
		top: 10px;
		left: 10px;
	}

	/* Thumbnail page controls */

	#thumbnails .thumbnail .pagectrl,
	#details-thumbnail .lgpreview .pagectrl,
	.annotations .pagectrl {
		text-align: center;
		line-height: 32px;
		position: absolute;
		padding: 0 10px;
		background: rgba(255,255,255,0.8);
		border-radius: 19px;
		box-shadow: -1px -1px 6px rgba(0,0,0,0.2),inset 1px 1px 1px #fff,1px 1px 2px rgba(0,0,0,0.2);
		text-shadow: 0 1px 0 #fff;
	}
	#thumbnails .thumbnail .pagectrl,
	#details-thumbnail .lgpreview .pagectrl {
		display: none;
	}

	#thumbnails .thumbnail .pagectrl { /* Browse/Search */
		top: 155px;
		right: 15px;
	}
	#details-thumbnail .lgpreview .pagectrl { /* Details */
		top: 25px;
		right: 40px;
	}

	#thumbnails .thumbnail .pagectrl .glyphicons,
	#details-thumbnail .lgpreview .pagectrl .glyphicons,
	.annotations .pagectrl .glyphicons {
		font-size: 16px;
		line-height: 32px;
	}
	#thumbnails .thumbnail .pagectrl.prev .glyphicons,
	#details-thumbnail .lgpreview .pagectrl.prev .glyphicons {
		
	}

	#thumbnails .thumbnail .control_count,
	#details-thumbnail .lgpreview .control_count,
	.annotations .control_count {

		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}

	#thumbnails .thumbnail .pagectrl.next, 
	#details-thumbnail .lgpreview .pagectrl.next {
	}

	/* No more files message */

	#nomorefilesmsg {
		position: absolute;
		bottom: -80px;
		line-height: 69px;
		width: inherit;
		padding: 0;
		margin: 20px 0 0 0;
		border-top: rgba(125,125,125,0.2) dashed 1px;
	}

	/* Add all files to basket */

	#addalltobasket {
		position: fixed;
		bottom: 5px;
		right: 5px;
		font-size: 24px;
	}

	#details-addalltobasket {
		font-size: 24px;
		padding: 0;
	}

	/* Folders */

	#folders {
		margin-bottom: 10px;
	}

	#folders .thumbnail {
		display: block;
		float: left;
		height: 56px;
		min-width: 58px;
		vertical-align: top;
/* 		overflow: hidden; */
		position: relative;
		margin: 0 10px 10px 0;
/* 		padding: 0; */
		line-height: 46px;
		cursor: pointer;
	}

	#folders .thumbnail .icon {
		width: 48px;
		font-size: 28px;
		text-align: center;
		line-height: inherit;
		color: #777777;
	}
	#folders .thumbnail .icon .glyphicons { line-height: inherit;margin: -1px 0 0 -2px; }

	#folders .thumbnail .name {
		padding: 0 20px;
		line-height: inherit;
	}

	.thumbnail .previewPadColor .glyphicons {
		text-shadow: 0 1px 1px #fff;
	}

	/* Archive ribbon */

	#thumbnails .thumbnail .archive {
		position: absolute;
		top: -6px;
		right: 10px;
		font-size: 28px;
	}
	#folders .thumbnail .archive {
		position: absolute;
		top: -4px;
		right: 4px;
		font-size: 20px;
		z-index: 1;
	}
	.nearline { color: rgb(68,117,71) !important; }
	.offline { color: rgb(189,76,76) !important; }

	/* Details preview */

	#details-thumbnail {
		opacity: 0;
		transition: opacity 0.5s linear;
	}

	#details-thumbnail .lgpreview { /* Outer preview container */
		width: 100%;
		height: 100%;
	}

	#details-thumbnail .image {
		display: inline-block;
		vertical-align: middle;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center; 
		border-radius: 2px;
		width: 100%;
		height: 85%;
/* 		padding: 10px; */
		padding: 0;
		margin: 0;
	}

	#details-thumbnail .largepreview {

	}

	/* Details thumbnails */

	#details-files {
		background: #000000;
		padding: 10px 40px;
		margin-top: 20px;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	#details-files .thumbnail {
		zoom: 0.5;
		margin: 0 5px 5px 0 !important;

		display: inline-block;
		float: none !important;
	}

	#details-files .thumbnail .btn-group,
	#details-files .thumbnail .caption {
		display: none;
	}	

	/* Details info */
	
	.details #details-info .content {
		display: none;
		position: absolute;
		top: 42px;
		right: 15px;
		bottom: 0;
		left: 15px;
		overflow-x: auto;
		margin-bottom: 0;
	}

	.details.top.row {
		height: 60%;
		overflow: hidden;
	}

	.details.bottom.row {
		height: 40%;
		overflow: auto;
	}

	.details.row div[class*=col-] {
		height: 100%;
	}

	/* Comments */
	
	#details-info .comment .delete {
		font-size: 16px;
	}

	#details-info .addcomment {

		padding: 6px;
	}

	/* Pages */

	#details-info .pages > div {
		padding: 4px 0 0 1px;
		
	}

	#details-info .pages .thumbnail {
		width: 118px;
		height: 118px;
		display: inline-block;
		margin: 0;
		padding: 2px;
	}

	#details-info .pages .thumbnail.currentspread {
		background: #337ab7;
	}

	/* Search */

	.filetype_disabled, .archived_disabled {
		display: none;
	}

	#savedialogue {
		display: none;
	}

	/* Advanced search */

	#searchfields .table th {
		white-space: nowrap;
	}

	/* Messages and notifications */

	div.alert {
		width: 400px;
		position: absolute;
		top: 5px;
		left: 50%;
		margin-left: -200px;
	}

	/* Hiding stuff */

	.search-field-group-secondary .button_noshow { /* HONDA */
	display: none;
	}

	.navbar.navigation .icons .button_noshow { /* .button_noshow behavior in header menu */
		pointer-events: none;
		cursor: not-allowed !important;
		filter: alpha(opacity=65);
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: .65;
	}
	
	.popover{
		container: false;
		z-index: 999999;
	}

	.content .button_noshow, .modal .button_noshow, .popover-content .button_noshow {
		width: 0 !important;
		height: 0 !important;
		display: none !important;
		z-index: 999999;
	}

	/* Straight from old */

	.noshow, .div_noshow, .options_noshow {
		display: none;
	}

	.action_disable {
		display: none;
	}






/* Honda */

/* Responsiveness */

.navbar-toggle {
	z-index: 1;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.navbar-brand {
		height: 70px;
	}
	.navbar-brand>img {
		width: 345px !important;
		background: url(../../honda-assets/logo.png) no-repeat center center !important;
		background-size: auto 40px !important;
	}
	.navbar.banner .nps-header {
		height: 120px !important;
		background: url(../../honda-assets/dam.png) no-repeat center bottom !important;
		background-size: 365px auto !important;
	}
}

@media only screen 
and (min-width : 321px)
and (max-width: 768px) {
	/* Change login box size */
	.loginpage .panel.login {
		width: auto;
		height: auto;
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

	/* Fix logo layout */
	.loginpage .panel-body .logo1 {
		margin: 30px 15px 0 15px;
	}
	.loginpage .panel-body .logo2 {
		margin: 30px 15px 40px 15px;
	}
	.loginpage .panel-body {
		padding-top: 10px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	/* Change login box size */
	.loginpage .panel.login {
		width: auto;
		height: auto;
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	/* Change login box size */
	.loginpage .panel.login {
		width: auto;
		height: auto;
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		zoom: 2;
	}

	.navbar-nav>li {
		float: none;
	}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.navbar-toggle {
		display: block;
	}
	.navbar-default .navbar-collapse {
		display: none !important;
	}
	/* Fix logo layout */
	.loginpage .panel-body .logo1 {
		margin: 25px 0 40px 0;
		float: left;
		zoom: 0.7;
	}
	.loginpage .panel-body .logo2 {
		margin: 10px 0 30px 0;
		float: right;
		zoom: 0.7;
	}
/* 
	#main {
		width: 65% !important;
	}
 */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.navbar-toggle {
		display: block;
	}
	.navbar-default .navbar-collapse {
		display: none !important;
	}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	.navbar-default .navbar-nav>li:first-child a {
		padding-left: 0;
	}
}
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 18px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/* iPhone 6 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	/* Fix logo layout */
	.loginpage .panel-body .logo1 {
		margin: 25px 0 40px 0;
		float: left;
		zoom: 0.7;
	}
	.loginpage .panel-body .logo2 {
		margin: 10px 0 30px 0;
		float: right;
		zoom: 0.7;
	}

}




























/*
	UPDATED HONDA 160229 - CSS FIXES FOR 18.1
*/


	/* Details preview */

	#details-thumbnail {
		opacity: 0;
		transition: opacity 0.5s linear;
		height: 100%;
	}

	#details-thumbnail .lgpreview { /* Outer preview container */
		width: 100%;
		height: 100%;
	}

	#details-thumbnail .image {
		display: inline-block;
		vertical-align: middle;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center; 
		border-radius: 2px;
		width: 100%;
		height: 85%;
/* 		padding: 10px; */
		padding: 0;
		margin: 0;
	}

	#details-thumbnail .largepreview {

	}

	/* Details thumbnails */

	#details-files {
		background: #000000;
		padding: 10px 40px;
		margin-top: 20px;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	#details-files .thumbnail {
		zoom: 0.5;
		margin: 0 5px 5px 0 !important;

		display: inline-block;
		float: none !important;
	}

	#details-files .thumbnail .btn-group,
	#details-files .thumbnail .caption {
		display: none;
	}	

	/* Details info */
	.details #details-info .details-tabs {
		height: 10%;
	}
	.details #details-info .content {
		display: none;
		/*position: absolute;*/
		top: 42px;
		right: 15px;
		bottom: 0;
		left: 15px;
		overflow-x: auto;
		margin-bottom: 0;
		height: 90%;
	}
	#details-info {
		height: 100%;	
	}
	.details.left.column {
		height: 100%;
	}
	.details.right.column {
		height: 100%;
	}
	.details.top.row {
		height: 60%;
		overflow: hidden;
	}
	.details.bottom.row {
		height: 40%;
		overflow: auto;
	}

/*
	.details.row div[class*=col-] {
		height: 100%;
	}
*/
	/* Comments */
	
	#details-info .comment .delete {
		font-size: 16px;
	}
	#details-info .addcomment {

		padding: 6px;
	}
	/* Pages */
	#details-info .pages > div {
		padding: 4px 0 0 1px;
		
	}
	#details-info .pages .thumbnail {
		width: 118px;
		height: 118px;
		display: inline-block;
		margin: 0;
		padding: 2px;
	}
	#details-info .pages .thumbnail.currentspread {
		background: #337ab7;
	}


.modal-open #details-info {
    border: 1px solid #ddd;
    padding: 0;
    background: #fff
}
.modal-open #details-info .details-tabs {
	height: auto !important
}
.modal-open #details-info .details-tabs li a {
    border:0px; 
    border-radius: 0px;
    font-size: 14px;
    background: #fafafa;
    font-weight: 300;
    padding: 10px 4%;
    letter-spacing: 0.035em;
    border-bottom: 2px solid rgba(221, 221, 221, 0.40);
}
.modal-open #details-info .details-tabs li.active a{background: #fff; border-bottom: 2px solid #337ab7}
.modal-open #details-info .list-group .list-group-item{border:0px; padding-bottom: 5px}
.modal-open #details-info .list-group.metadata-info .list-group-item p{
    width: 60%;
    margin: 0;
    overflow: hidden;}
.modal-open #details-info .list-group.metadata-info .list-group-item p input[type='text'], 
.modal-open #details-info .list-group.metadata-info .list-group-item p textarea,
.modal-open #details-info .list-group.metadata-info .list-group-item p select:not([multiple]){
    color:#292929;
    border-color: #ddd;

}