body main {
    padding-top: 0;
}

.index_tile, .read_other_app_tile {
	display: inline-block;
	min-height: 273px;
	vertical-align: top
}
.index_tile, form td, form th {
	vertical-align: top
}
.navheader.tpp img {
	float: left
}
.navheader.tpp img.partner-logo {
	width: 248px;
	height: 161px;
	max-width: 248px;
	max-height: 161px;
	-o-object-fit: contain;
	object-fit: contain;
	border: 16px solid #fff
}
.index_tile, .index_tile figure, aside .search input[type=text] {
	width: 100%
}
div.HideContent {
	border: 2px dashed #75787B
}
.nav-tabs {
	border: none
}
.nav-tabs>li {
	margin: 0 .25em
}
.nav-tabs>li>a {
	background-color: #005197;
	color: #fff;
	border-radius: 0;
	border: none
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	border: none
}
.nav-tabs>li:hover {
	border: none;
	padding: none
}
.nav-tabs>li:hover a {
	background-color: #002b45;
	color: #fff;
	border: none
}
.nav-tabs>li.active>a {
	background-color: #fff;
	color: #333;
	border: none
}
.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: none
}
div.pagination-container {
	text-align: center
}
ul.pagination li a, ul.pagination li.PagedList-ellipses a {
	color: #005197;
	background: 0 0;
	border: none
}
ul.pagination li.active a, ul.pagination li.active a:hover {
	color: #000;
	background: 0 0
}
ul.pagination li a:hover, ul.pagination li.PagedList-ellipses a:hover {
	background-color: #dcddde
}
ul.pagination li.PagedList-ellipses.disabled a:hover {
	background: 0 0
}
ul.pagination .PagedList-skipToFirst a, ul.pagination .PagedList-skipToLast a, ul.pagination .PagedList-skipToNext a, ul.pagination .PagedList-skipToPrevious a {
	background-color: #005197;
	color: #FFF
}
ul.pagination .PagedList-skipToFirst a:hover, ul.pagination .PagedList-skipToLast a:hover, ul.pagination .PagedList-skipToNext a:hover, ul.pagination .PagedList-skipToPrevious a:hover {
	background-color: #dcddde;
	color: #005197
}
ul.pagination .PagedList-skipToNext a, ul.pagination .PagedList-skipToPrevious a {
	margin: 0 .5em
}
.letterhead {
	background: #1e5799;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e5799), color-stop(0, #e8e8e8), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #1e5799 0, #e8e8e8 0, #fff 100%);
	background: linear-gradient(to bottom, #1e5799 0, #e8e8e8 0, #fff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#ffffff', GradientType=0)
}
.letterhead .container {
	background: url(../../Images/letterhead-logo.png) 20px 20px no-repeat
}
.letterhead .container h1 {
	margin: 40px 10px 50px 128px;
	color: #75787B
}
aside .browse, aside .search {
	background-color: #005197;
	color: #FFF;
	margin: 1em 0 1em 15px;
	width: 100%;
	padding: 1em
}

aside.pad_r15 {padding:0 15px 0 0;}
main.pad_r0 {padding-right:0px;}
section.browse {display: inline-block;float: left;width: 100%;}

.card_back {display:none;}

.push15 {margin-left:15px;}

aside .browse h1, aside .search h1 {
	margin: 0;
	font-size: 1.2em;
	color: #FFF
}
aside .browse hr, aside .search hr {
	background-color: #009dc5;
	border-color: #009dc5;
	color: #009dc5
}
aside .browse input, aside .search input {
	color: #75787B
}
aside .browse a:active, aside .browse a:link, aside .browse a:visited, aside .search a:active, aside .search a:link, aside .search a:visited {
	color: #FFF
}
aside .browse a:hover, aside .search a:hover {
	color: #ff9e16
}
.index_tile {
	position: relative;
	background: #fff;
	margin: 4px;
	padding: 9px
}
.index_tile figure img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.index_tile h2 a {
	color: #75787B
}
.index_tile h2 a:hover {
	color: #ff9e16
}
.index_tile p.partner {
	color: #005197
}
.index_tile span.edit_link {
	position: absolute;
	right: 2em
}
.read_other_app_tile {
	position: relative;
	width: 282px;
	overflow: hidden
}
.read_other_app_tile figure img {
	width: 100%;
	height: auto;
	display: block;
	background: #FFF
}
.read_other_app_tile div.padded {
	padding: 8px
}
.read_other_app_tile span.edit_link {
	position: absolute;
	right: 2em
}
form label {
	margin-right: 1em;
	font-weight: 500
}
form label.zoom_toggle {
	margin-right: 0
}
.overlay-holder {
	position: relative
}
.overlay-holder .overlay {
	display: none;
	background-color: rgba(64, 64, 64, .88);
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 1em;
	top: 0;
	left: 0;
	color: #FFF
}
img.placeholder:not([src]), img.placeholder[src=""] {
	background-image: url(../../images/camera-icon.png);
	background-size: 100%;
	background-position: left center;
	background-color: #ccc;
	background-repeat: no-repeat;
	min-height: 180px;
	display: inline-block
}
div.image-upload-toolbar {
	background-color: #75787b;
	color: #fff;
	padding: 4px 6px;
	text-align: right
}
div.image-upload-toolbar .fileinput-button {
	vertical-align: bottom
}
div.image-upload-toolbar a, div.image-upload-toolbar a:active, div.image-upload-toolbar a:link, div.image-upload-toolbar a:visited {
	color: #FFF;
	cursor: pointer;
	margin: 0 .5em
}
div.image-upload-toolbar a:hover {
	color: #ff9e16
}
img.missing {
	background: #75787B
}
.navheader {
	background-color: #B8C9E1
}
.navheader img {
	margin-top: 1em;
	width: 100%;
	background-color: #ccc;
	margin-top:80px;
	margin-bottom: 15px;
}
.navheader h1, .navheader h2, .navheader h3, .navheader h4, .navheader p {
	color: #fff
}
.breadcrumb, .draft_controls, .form_controls {
	color: #FFF
}
.navheader h1 {
	margin-top: 18px;
	margin-bottom: 0
}


.navheader .container {
	position: relative;
	padding-bottom: 8em
}
.navheader .nav-tabs {
	font-size: .9em;
	position: absolute;
	bottom: 0
}
.navheader .request-btns {
	position: absolute;
	top: 2em;
	right: 70px;
	bottom: 50px
}
.navheader .request-btns a {
	font-size: .75em
}
.toolbar {
	background: #ccc;
	padding: 0 .5em;
	border-top: 1px solid
}
.toolbar div.block {
	display: inline-block;
	margin: 0 .5em
}
.toolbar div.heading {
	padding-bottom: .25em
}
.document_controls {
	margin-bottom: 1em
}
.draft_controls {
	text-align: right
}
.image.col-xs-12 {
	margin-top: 1.5em
}
.wysihtml.row {
	margin: 1.5em 0
}
.wysihtml.row .image img {
	width: 100%
}
.input-partnerId .input-group {
	margin-top: .6em
}
.editorFrame {
	border-left: .75em solid #005197;
	border-right: .75em solid #005197;
	border-bottom: .75em solid #005197
}
.editorFrame>div {
	background: #fff;
	padding: 1em
}
.editorFrame.warning {
	background: url(../../Images/warning-hex.png)
}
.editorFrame.warning>div.row {
	background: 0 0
}
.editorFrame.warning>div.row div.content {
	background: #ff0
}
.characount_current.warning {
	background-color: #ff0;
	color: red;
	padding: 0 .25em;
	margin: 0 .25em;
	-webkit-animation: blinker 1s ease-in-out infinite;
	animation: blinker 1s ease-in-out infinite
}
@-webkit-keyframes blinker {
	50% {
		opacity: 0
	}
}
@keyframes blinker {
	50% {
		opacity: 0
	}
}
div[contenteditable].empty, div[contenteditable]:focus {
	background: url(../../Images/wysihtml/old_mathematics.png)
}
#partner_logo {
	width: 80%;
	margin: 0 auto
}
div.alt-sections section {
	background: #fff
}
div.alt-sections section:nth-child(2n) {
	background: #005197;
	color: #fff
}
div.alt-sections section:nth-child(2n) h1, div.alt-sections section:nth-child(2n) h2, div.alt-sections section:nth-child(2n) h3, div.alt-sections section:nth-child(2n) h4, div.alt-sections section:nth-child(2n) h5, div.alt-sections section:nth-child(2n) h6 {
	color: #fff
}
.col-md-3 .toolbar .heading label {
	width: 100%
}
.col-md-3 .toolbar .heading input {
	width: 100%;
	display: inline
}
.content h1:first-child {
	margin-top: 0
}
body .mktoModal .mktoModalContent {
	padding: 2em;
	background: rgba(0, 154, 195, .905)
}
.tpp-tabs h1 {
	font-size: 1.5em
}
.tpp-tabs h2 {
	font-size: 1.25em
}
.tpp-tabs h3 {
	font-size: 1em
}
iframe.video {
	width: 100%;
	height: 360px
}
main>div.index {
	background: #d7d2cb;
	padding: 1em 1.5em;
	margin: 1em 0;
	float:left;
}
div.resources-list {
	margin: 2em 0
}
div.resources-list hr {
	color: #005197;
	border-color: #005197;
	background-color: #005197
}
div.resources-list hr:last-child {
	display: none
}
div.other-apps {
	text-align: center
}
#create_update_form input[type=checkbox], #create_update_form input[type=number], #create_update_form input[type=radio], #create_update_form input[type=search], #create_update_form input[type=tel], #create_update_form input[type=text], #create_update_form input[type=url], #create_update_form select, #create_update_form textarea {
	background: #FFF;
	color: #000
}
#create_update_form ::-webkit-input-placeholder {
	color: #dcddde
}
#create_update_form :-moz-placeholder {
	color: #dcddde
}
#create_update_form ::-moz-placeholder {
	color: #dcddde
}
#create_update_form :-ms-input-placeholder {
	color: #dcddde
}
#create_update_form div.navheader {
	height: auto
}
#create_update_form div.navheader div.container {
	height: auto;
	padding-top: 1em;
	padding-bottom: 1em
}
#create_update_form div.navheader div.container.tabs {
	padding-top: .5em;
	padding-bottom: 4em
}
#create_update_form .section-controls {
	margin-top: -1em;
	padding-top: 0;
	padding-bottom: 0
}
label strong {
	font-weight: 600
}
div.additiona_key_features, div.categories, div.detail, div.overview, div.well {
	margin: 1em 0
}
.editorFrame+.toolbar {
	margin-top: 2em
}
.toolbar .palette {
    background-color: #1b365d;
    margin: 0 4px
}
.editorFrame .content {
	border: 1px dotted #000;
	padding: .5em
}
.editorFrame .content:before {
	content: "Content";
	font-weight: 700
}
.editorFrame .image {
	padding: .5em
}
.editorFrame>.row {
	margin-left: 0;
	margin-right: 0
}
.input-group-btn .btn {
	font-size: 1rem
}
label select {
	max-width: 100%
}
.well hr {
	color: #75787B;
	background-color: #75787B;
	border-top-color: #75787B
}
#editors_list td, #editors_list th {
	padding: 1em
}
li.tpp_partner {
/* 	float: left; */
	padding: .1em;
	margin: .1em 2em .1em .1em
}

.btn_yellow  {background-color: #ff9e16; border:0px; margin-bottom:22px;    margin: 5px 0 22px 0;color: #fff;padding: 6px 12px;}
.card_front .btn_yellow {background-color:transparent; color:#ff9e16; margin: 22px 0 0 0;}
.card_front .btn_yellow:hover {text-decoration: underline;}

.back_closer {float: right; margin-top: -22px;}


div.tpp_partner figure {
	max-height: 256px
}
div.tpp_partner figure img {
	max-height: 256px;
	-o-object-fit: contain;
	object-fit: contain;
	font-family: 'object-fit: contain;'
}


.search h2 {
	font-size: 1.2em;
	color: #FFF
}
@media only screen and (min-width:992px) {
	.letterhead .container {
		background-position: 0 55px;
		height: 208px
	}
	.letterhead .container h1 {
		margin: 75px 10px 0 124px;
		font-size: 48px
	}
	aside .browse h1, aside .search h1 {
		font-size: 21px
	}
	.navheader .nav-tabs, .navheader .request-btns a {
		font-size: 1em
	}
	.index_tile {
		display: inline-block;
		width: 31%;
		min-height: 273px;
		background: #fff;
		margin: 0 15px 15px 0;
		padding: 9px;
		vertical-align: top
	}
	
/* 	.index_tile:nth-child(3n+3) {margin: 0 0 20px 0; } */
	.index_tile figure img {
		width: 100%;
		height: 150px;
		-o-object-fit: cover;
		object-fit: cover;
		display: block;
		background: #FFF
	}
	
	.partner_logos figure {white-space: nowrap; text-align: center; margin: 1em 0;}
	
	
	.partner_logos figure img {
		    width: 60%;
	    height: 100%;
	    -o-object-fit: cover;
	    object-fit: cover;
	    display: block;
	    background: #FFF;
	    margin: 0 auto;
		vertical-align: middle;
	}
	
	.partner_logos .img_helper { display: inline-block;height: 100%;vertical-align: middle;}
	.partner_logos figure {min-height:150px;}
	
	
	.image.col-xs-12 {
		margin-top: 0
	}
	.navheader img {
		margin-top: 0;
		height: 161px;
		width: 248px;
		background-color: #FFF;
		margin-right: 32px
	}
	.navheader div.image-upload-toolbar {
		width: 248px
	}
	.navheader h1 {
		/*margin-top: 64px;*/
		margin-bottom: 15px
	}
	
	
	.navheader .container {
		height: 310px
	}
	.navheader .request-btns {
		bottom: 0;
		right: 0
	}
	.navheader .request-btns.shift-down {
		padding-top: 2em
	}
	iframe.video {
		width: 100%;
		height: 260px
	}
	section.browse .active {
		position: relative;
		background-color: #ff9e16;
		padding: .5em;
		margin: -.5em -1em .25em -.5em
	}
	section.browse .active a:hover {
		color: #000
	}
	section.browse .active:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 63, 103, 0);
		border-left-color: #ff9e16;
		border-width: 15px;
		margin-top: -15px
	}
	.breadcrumb-tpp {
		background: 0 0
	}
	.breadcrumb-tpp a:link, .breadcrumb-tpp a:visited {
		color: #fff
	}
	div.other-apps {
		text-align: left
	}
	div.app-image img.placeholder:not([src]), div.app-image img.placeholder[src=""], div.partner-image img.placeholder:not([src]), div.partner-image img.placeholder[src=""] {
		background-image: url(https://placehold.it/620x465)
	}
}
.search form .facets label.checkbox {
	margin-left: 18px
}
.search form .facets label.checkbox input[type=checkbox] {
	margin-left: -18px
}




/* .part_list_summary_limit450 {height:352px; width:234px; overflow:hidden; display: block;text-overflow:ellipsis;  -webkit-line-clamp: 16; -webkit-box-orient: vertical;display: -webkit-box; } */
.part_list_summary_limit450 { 
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	line-height: 1.3em;
	max-height: 360px;
	text-align: justify;
	margin-right: -1em;
	padding-right: 1em;
}

.part_list_summary_limit450:before { content:'';
    width:95%;
    height:100%;    
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 300px, white);}
    
.part_card_readon {float:left; clear:both; margin-top: 15px;}


@media only screen and (max-width: 992px) {
		.navheader h1 {margin-top: 88px !important;	}
		#banner-subtitle h1 {margin: 0 30px !important;}
}
	
@import url("/Content/Less/base.css");

#partner_logo {
    width: 80%;
    margin: 0 auto;
    display: block;
    height: auto;
}