R/*!
* \cond
* Copyright (c) 2012 Imagen Ltd.
*
* This software is protected by copyright and the information contained herein
* is confidential. The software may not be copied and information contained
* herein may not be used or disclosed except with the written permission of
* Imagen Ltd.
* \endcond
*
* \file
* \brief ImagenWeb CIS - Main css
*/

/* --- Default / Reset CSS -------------------- */
body {
	padding:0;
	color:#445566;
	font-family:  "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
	background-color: #ffffff;
	height: 100%;
}

.mediaInfo .iw_instance_container {
	display: block;
}

.container {
	padding: .375rem;
	margin: 0 auto;
}

.u-link,
.iwTemplate a:not(.btn):not(.u-link),
.newsFullArticle-article a:not(.btn):not(.u-link) {
	color: #445566;
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}

h1 {
	font-size: 1.802em;
}

.last {
	margin-right: 0;
	padding-right: 0
}

.hide {
	display: none
}

#page {
	padding-bottom: 51px;
}

/* Horizontal Rules --- */
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 17px;
	border: 0;
}

hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden;
}

/* Clear fixes / Spacing --- */
.clearfix:after,
.container:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.clear {
	clear: both;
}

.runworkflowbutton_span,
.addtobasketbutton_span {
	display:none;
}

.runworkflowbutton_span.loading {
	pointer-events: none;
}

.cookiepolicy {
	background-color: #E9ECF2;
	border-top: 3px solid #c9e0ed;
}

.btn {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #445566;
	padding: .75rem;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
	box-shadow: 0 -1px 7px #EBEEF1 inset;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
}

.btn.is-disabled {
	color: rgba(68,85,102, 4.7);
}

.btn.is-disabled:hover {
	background: #fff;
	color: rgba(68,85,102, 4.7);
}

.formContainer--dynamic .multiselect-count {
	background-color: #445566;
	color: #fff;
}

.btn:hover {
	background-color: #fafafa;
	color: #445566;
	border: 1px solid #ddd;
	box-shadow: 0 -1px 7px #eef inset, 0 1px 1px #EBEEF1;
}

.btn--kill {
	background-color: #c9302c;
	color: #fff;
	box-shadow: 0 -1px 7px #a9322f inset;
	border-color: #9c2724;
}

.btn--kill:hover {
	background: linear-gradient(#c9302c, #9c2724);
	box-shadow: none;
	color: #fff;
	border-color: #9c2724;
}

.btn--main {
	background-color: #4d90fe;
	background: linear-gradient(#4d90fe, #4787ed);
	border: 1px solid #3079ed;
	color:#fff;
	box-shadow: none;
}

.btn--main:hover {
	background-color: #357ae8;
	background: linear-gradient(#4d90fe, #357ae8);
	color:#fff;
	box-shadow: 1px 1px 2px #ccc;
	border-color: #2f5bb7;
}

.btn--main.is-disabled {
	color: rgba(255,255,255, 4.7)
}

.btn--main.is-disabled:hover {
	background: #4d90fe;
	background: linear-gradient(#4d90fe, #4787ed);
	border-color: #3079ed;
	box-shadow: none;
}

.btn--mini {
	padding: .375rem;
}

.IWmenu_link:hover {
	color: #6399cd;
}

.formSubmit--savedSearches .btn--mini {
	padding: .75rem;
}

.btn.login {
	vertical-align: middle;
}

.saveCancel .btn--mini {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*---your account--**/

.card-listItemTitle .u-inputTxt {
	padding: .375rem;
}

#clipEdit .btn--mini:first-child {
	margin-right: .375rem;
}

.u-link--cardOpenBack {
	top: 12px;
	text-decoration: none;
}

.IWmenu_link--collectionsContextMenu {
	top: 8px;
}

.urAccWallet-name {
	background-color: #6399cd;
}

.u-accIcon,
.u-accIcon:before,
.u-accIcon:after {
	color: #6399cd;
}

/* --- Layout CSS ---- */

#wrapper {
	min-height: 100vh;
	margin: 0 auto -3.5em;
	background: #F4F5F7;
	min-width: 100%;
	position: relative;
}

#site-index #page .container {
  padding: 1.5rem 0;
}

#site-index #wrapper {
	background: linear-gradient(#fff 0%, #F4F5F7 25rem, #E9ECF2 26rem, #F4F5F7 75%, #fff 100%);
	background: -webkit-linear-gradient(#fff 0%, #F4F5F7 25rem, #E9ECF2 26rem, #F4F5F7 75%, #fff 100%);
}

/* Header ------ */
#header {
	margin:0 0 1.5rem 0;
	padding: 5px 0;
	border-top:3px solid #c9e0ed;
	background: #E9ECF2;
	border-bottom: 1px solid #E5EAEE;
	box-shadow: 1px 1px 2px #ccc;
}

.header-container {
	padding: 0 1.5rem 1.5rem 1.5rem;
}

#header #logo {
	display: inline;
}

#header #logo img {
	max-height: 60px;
	max-width: 675px;
}

/*user console */

.usrDetails-label {
	text-align: left;
}

.usr-console .avatar-img {
	border: none;
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.usrDetails-edit {
	font-size: 0.79rem;
	font-weight: normal;
}

.u-link--usrDetailsName {
	font-weight: bold;
}

.systemBasketWrap {
	margin: 0;
}

/* Main menu --- */

#mainmenu ul {
	padding:0.75em 0;
	margin:.375rem 0;
	border-top:1px solid #D8DFE6;
	border-bottom:1px solid #D8DFE6;
}

#mainmenu ul li a {
	text-shadow: 1px 1px #fff;
	text-decoration: none;
	padding: .375rem;
	border-radius: 2px;
	color: #445566;
}

#mainmenu ul li a:hover,
#mainmenu ul li a:focus,
#mainmenu ul li.active a {
	color:#fff;
	text-shadow: 1px 1px #666;
	background-color:#6399cd;
	text-decoration: none;
}

/* Scroll version */
#mainmenu .iw-menubar-scroll {
	background: transparent;
	border-top:1px solid #D8DFE6;
	border-bottom:1px solid #D8DFE6;
}

#mainmenu .iw-menubar-scroll ul {
	padding: 0.375em 0;
	margin: 0;
	border: none;
}

#mainmenu .scroll-indicator {
	background: rgb(233, 236, 242);
	color: #445566;
}

#mainmenu .scroll-indicator:hover {
	background: #D8DFE6;
	color: #445566;
}

/* Breadcrumbs --- */
div.breadcrumbs {
	margin-bottom: 1.5rem;
	border-radius: 2px;
}

div.breadcrumbs span {
	font-weight:bold;
}

/* Search box wrapper */
#site-index .searchbox {
	-webkit-box-shadow: 0 2px 2px 0 rgba(195,205,216,0.71);
	-moz-box-shadow: 0 2px 2px 0 rgba(195,205,216,0.71);
	box-shadow: 0 2px 2px 0 rgba(195,205,216,0.71);
}

.searchboxwrapper {
	border: 1px solid #D8DFE6;
	background-color: #fbfbfc;
}

#site-index .searchForm {
	padding: 1.5rem;
	margin-bottom: 0;
	background: #fbfbfc;
	box-shadow: none;
}

/* Homepage content --- */
.homepage-content {
	border-top: 1px solid #E5EAEE;
	padding: 1.5rem;
	margin-top: 3rem;
	text-align: center;
	box-shadow: 0 -1px 2px #ccc;
}

.homepage-content .saying {
	font-style: italic;
}

/* View --- */
.view {
	padding:10px;
	margin:10px 0;
	border:1px solid #c9e0ed
}

/* Side bar area --- */
#sidebar {
	padding:20px 20px 20px 0
}

/*developer styles */


.appIconChange-dropArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.editApp {
	padding-bottom: 1.5rem;
}

.editApp-tabApp {
	padding: 1.5rem 1.5rem 0 1.5rem;
}

.devOptions,
.developerApp,
.appCollection-apps {
	padding: 1.5rem;
}

.devOptions-listItem,
.developerApp,
.appCredentials,
.appModify,
.appActions {
	border: 1px solid #D8DFE6;
	padding: 1.5rem;
	border-radius: 3px;
}

.appCredentials,
.appModify,
.appActions {
	margin-bottom: 1.5rem;
}

.appCollection,
.devHome,
.editApp {
	background-color: #fbfbfc;
}

.nav_tabs.editApp-navTabs li a {
	border: none;
}

.appIconChange-browse {
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0  2px 2px;
	border-radius: 0 0 2px 2px;
}

.tab.active,
.nav > li.active > a:hover,
.nav > li > a:hover {
	background-color: transparent;
	border: none;
}

.tab.active {
	border-bottom: 3px solid #404040;
}

/*END developer styles */
.logInUsr-title,
.selectOrg-title {
	font-size: 1.424rem;
	background-color: #E9ECF2;
	padding: .75rem;
}

.formHeader {
	background-color: #E9ECF2;
}

.formHeader--errorPage {
	border-top: 3px solid #A05F5F;
}

.formHeader--logInUsr {
	border-top: 3px solid orange
}

.formContainer,
.subscriptionsChanged,
.devHome,
.appCollection {
	-webkit-box-shadow: 1px 1px 2px #D8DFE6;
	-moz-box-shadow: 1px 1px 2px #D8DFE6;
	box-shadow: 1px 1px 2px #D8DFE6;
}

.formFooter {
	background-color: #F1F3F8;
}

.formFooter--logInOrg {
	background: none;
}

.logInUsr,
.selectOrg {
	border: 1px solid #EEE;
	border-top: 3px solid orange;
	position: relative;
	background: #fbfbfc;
	box-shadow: 1px 1px 2px #D8DFE6;
}

.organisation-indiv a {
	padding: .75rem;
}

.u-forgotPwd,
.formRegister-link {
	color: #4C8FFC;
}

.formFooter-link,
.logInOrg-wrongOrg a {
	color: #4C8FFC;
}

.formHeader--forgotPwd {
	border-top: 3px solid #A05F5F;
}

.formHeader--register {
	border-top: 3px solid cadetblue;
}

.formFooter--register a {
	color: #4C8FFC;
}

/* content-box color schemes --- */

.formHeader--usrUpdate,
.formContainer--mergeAccounts {
	border-top: 3px solid steelblue;
}

.formHeader--selectOrg,
.formContainer--logInOrg {
	border-top: 3px solid lightblue;
}

.logInOrg-highlight {
	color: #112233;
	background: #f8f8f8;
}

/* Search Results */

.ratingFilter {
	text-decoration: none;
}

.u-label-chk::before {
	border-color: #66819c;
}

.u-label-chk::after {
	background-color: #445566;
	border-color: #445566;
}

.u-chk-filter:hover + .u-label-chk::before {
	border-color: #445566;
}

.search-content--resultsPage,
.searchResults {
	padding: 0;
}

.search-form--resultsPage {
	background-color: #fff;
}

.search-form--resultsPage .btn--main {
	border-radius: 0;
}

.listView-imgBlock {
	background-color: transparent;
}

.resultRow {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.searchFilters {
	box-shadow: 1px 1px 2px #D8DFE6;
	background: #FBFBFC;
	border-color: transparent;
}

.list .searchHitContainer .img-block img {
	max-width: 250px;
}

.listView-resultTitleValue a,
.resultRowFieldValue a {
	text-decoration: none;
}

.resultRowFieldLabel {
	font-weight: bold;
}

/* Collections */

.collectionPublic-createdLabel,
.collectionPublic-modifiedLabel {
	font-size: 1.067rem;
}

#mycollections-index .container,
#mycollections-index #page {
	padding: 0;
}

#mycollections-index #wrapper {
	min-height: inherit;
}

#mycollections-index .iw-menubar-list {
	margin-bottom: 0;
	border-bottom: 0;
}

#mycollections-index #header {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mycollections-index .header-container {
	padding-bottom: 0;
}

/* Footer --- */
#footer {
	border-top:1px solid #D8DFE6;
	border-bottom:1px solid #D8DFE6;
	background: #E9ECF2;
	box-shadow: 2px 2px 2px #D8DFE6;
	position:absolute;
	bottom:0;
	height:51px;
	width:100%;
}

.copyright{
	font-size: 0.79rem;
	margin: 0;
	line-height: 50px;
	padding-left: .75rem;
}

noscript {
	font: inherit;
}

#noscriptmsg {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	text-align: center;
	background:#FEEFB3;
	font-size: 17px;
	border-bottom: 1px solid #BBB02E;
	color:#9F6000;
	padding: 8px 0;
}

#jGrowl .jGrowl-notification {
  position:relative;
  padding: 10px;
  margin: 15px;
  background: #B0B7C5;
  color: #F8F8F8;
  border-radius: 0;
  box-shadow: 1px 2px 5px 0 rgba(10, 10, 0, 0.5);
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0 1px #8D99B1;
  opacity: 1;
  left:280px;
}

#jGrowl .jGrowl-notification .jGrowl-message {
  margin: 10px;
}

/* Subscription pages */

#dynamic_payment_card {
	margin-bottom: 1.5rem;
}

.formHeader--existingCards {
	margin-bottom: .75rem;
	background-color: transparent;
	padding: 0;
}

.payment_card_button_container,
.formsubmit--paymentSubmit,
.formSubmit--supportSend,
.developerApp-apiKey,
.webhooksCollection-create,
.webhooksCollection {
	margin-bottom: 0;
}

.webhooksCollection {
	border: 1px solid #D8DFE6;
	padding: 1.5rem;
}

.editApp-tabWebhooks {
	padding: 1.5rem;
}

.formContent--subscriptionsChanged {
	background-color: #FBFBFC;
}

.formHeader--subscriptionChange,
.formHeader--subscriptionsChanged,
.formHeader--payMethods {
	border-bottom: 1px solid #d8dfe6;
}

.subscriptionTiers-price {
	border-bottom: 1px solid #d8dfe6;
}

.card-titleWrap--tiers,
.billingHisotry-title {
	background-color: #E9ECF2;
	border-bottom: 1px solid #d8dfe6
}

.billingHisotry-title {
	padding: .75rem 1.5rem;
}

.card-innerWrap--tiers .card-inner--basicContent {
	padding: 0;
}

.card-titleWrap--manageSubscriptions {
	padding-left: 1.5rem;
}

.subscriptionsManage-header,
.subscriptionTiers-heading,
.devHome-heading,
.appCollection-heading,
.editApp-heading,
.billingHistory-title {
	background-color: #E9ECF2;
	padding: .375rem 1.5rem;
	border-bottom: 1px solid #D8DFE6;
}

.card--subscriptionSets {
	border: 1px solid #d8dfe6;
}

.formHeader--billingHistory,
.formHeader--subscriptionsJoined,
.formHeader--subscriptionsManage,
.formHeader--chooseSubscription,
.formHeader--subscriptionCancelled,
.formHeader--payMethods,
.formHeader--buyCredits,
.formHeader--creditsConfirmed,
.formHeader--subscriptionsChanged,
.formHeader--subscriptionChange,
.formHeader--subscriptionTiers {
	border-top: 3px solid Wheat;
}

.card--subscriptionSets.active {
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.4);
}

.existing_payment_cards_list {
	padding: 0;
	list-style-type: none;
	margin: 0;
}

.formInput--CVC a {
	text-decoration: none;
}

.payment_card {
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	border: 1px solid #d8dfe6;
	border-radius: 5px;
	background-color: #F4F5F7;
	position: relative;
}

.payment_card p .label {
	font-weight: bold;
}

.formInput--cardNumber {
	margin-top: 0;
}

.last_4_digits {
	font-family: Monospace;
}

ul.errors {
	padding: .75rem;
	margin: 0;
}

ul.errors li {
	margin-bottom: .75rem;
}

ul.errors li:last-child {
	margin-bottom: 0;
}

.payment-errors {
	margin-bottom: 1.5rem;
}

.formContainer--billingHistory {
	background-color: #fbfbfc;
}

.rTable--bHistory {
	border: 1px solid #d8dfe6;
	padding: 0 1.5rem;
}

.rTable-row--bHistory:last-child {
	border-bottom: 0;
}

#billing_history tr:nth-child(odd) {
	background-color: #F1F4FA
}

#billing_history tr th {
	background-color: #e9ecf2;
}

.billing_history.amount {
	list-style-type: none;
}

.account_balance {
	float: right;
	margin-bottom: 10px;
}

#load_more {
   margin-top: 1.5rem;
}

/* Search results styles --- */

.searchResults-inner {
	margin-top: 1.5rem;
}

.search-views .btn {
	box-shadow: none;
}

.search-views .btn.active {
	background-color: #eee;
}

.search-views .btn:hover {
	background-color: #ddd;
}

/* Search filters --- */
.filter-openClose,
.filter-openClose:before {
	background: #404040;
}

.filter.btn {
	box-shadow: 1px 1px 2px #D8DFE6;
	border: 0;
}

.searchFilters-resetFilters,
.searchFilters-clearFilter {
	background-color: #eee;
}

.filterTitle {
	border-bottom: 1px solid #D8DFE6;
}

.filterOptionsSection .u-select {
	border-color: #ddd;
}

.filterInfoText {
	font-style: italic;
}

.selectedFilter {
	font-weight: bold;
}


/* More / Less link --- */

.filterMoreLink .btn {
	background: #eee url(../images/icon-arrow_down.png) no-repeat right center;
	border-radius: 3px;
	padding: .375rem 15px .375rem .375rem
}

.filterMoreLink .btn.less {
	background: #eee url(../images/icon-arrow_up.png) no-repeat right center;
}

/*Record Page Styles*/

.record-heading {
	border-bottom: 1px solid #D8DFE6;
	padding: 0 0 .75rem 0;
	color: #445566;
	margin: 0 0 .375rem 0;
	display: block;
}

.record_header {
	width: 100%;
}

.iw-key-help-link {
	margin: 0;
}

.mediaView {
	clear: both;
}

.dynamicWidgetZone.record_header {
	float: right;
	min-width: 30px;
}

.frames_grid {
	padding: 0;
}

.frames-intervalItemLink {
	color: #445566;
}

.metaData-listItem {
	display: inline-block;
}

.metaData-listItem--last {
	margin-bottom: 0;
}

.metaData-listItemLabel {
	margin-right: .375rem;
}

.clips,
.mediaInfo,
.comments-area,
.additionalMedia,
.related_records_image_grid,
.tabViewer-tabContent,
.card--noRelatedRecordsMsg {
	padding: 1.5rem;
	background: #FBFBFC;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #D8DFE6;
}

.comments-area {
    padding: 0;
}

.related_records_image_grid {
	margin-bottom: 1.5rem;
}

.card--noRelatedRecordsMsg {
	padding: .75rem .75rem .75rem 3.5rem;
	border: 0;
}

.tabViewer-tabMenu {
	z-index: 1;
}

.tabViewer-tabContent {
	border-top-left-radius: 0;
	z-index: 2;
}

.tabViewer-tab:hover,
.tabViewer-tab:focus {
	background-color: rgb(233, 236, 242);
}

.tabViewer-tab {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	background-color: #d8dfe6;
	border-radius: 5px 5px 0 0;
	box-shadow: 1px 1px 2px #D8DFE6;
}

.tabViewer-tab.active:hover,
.tabViewer-tab.active:focus,
.tabViewer-tab.active {
	background: #FBFBFC;
}

.clipsListLIActive .time-container .u-link {
	color: inherit;
}

.mediaInfo,
.relatedRecords {
	padding: .375rem
}

.additionalMedia {
	padding: .375rem;
	border: none;
}

.frames-intervalItem:hover {
	background-color: #ddd;
}

.frames-intervalItem.selected,
.frames-intervalItem.selected:hover {
	background-color: #eee;
}

.clips-actions {
	margin-bottom: 0;
}

.clipsListUL{
	margin-top: 1.5rem;
}

.clips-listItem:hover,
.annotations-listItem:hover,
.frames-intervalItem:hover,
.pagination-listItem:hover {
	background-color: #F3F7FA;
}

.clipsListLIActive,
.clipsListLIActive:hover,
.frames-intervalItem.selected,
.frames-intervalItem.selected:hover,
.pagination-listItem.selected,
.pagination-listItem.selected:hover,
.annotations-listItem.current,
.annotations-listItem.current:hover {
	background-color: #6399cd;
}

.clip .card-listItemCutIcon:after {
	border-left-color: #6399cd;
}

.relatedRecords-title {
	border-top: 1px solid #D8DFE6;
	border-bottom:1px solid #D8DFE6;
	padding: .375rem;
}

.clipsListLIActive .clipDataContainer,
.clipsListLIActive .clipsDurationButton,
.clipsListLIActive .iw-icon-grippy,
.annotations-listItem.current,
.annotations-listItem.current .u-link,
.selected .frames-intervalItemLink,
.selected .pagination-listItemLink,
.current .annotation_item_button {
	color: #fff;
}

.frames_grid_body .imageGridDurationText,
.imageGridTimecodeText {
	background-color: rgba(99, 153, 205, 0.54);
}


.relatedRecords-gridItemTxt {
	background: #d8dfe6;
}

.documentViewerWidget {
	height: 600px;
}

/*END Record Page */

/*Comments */

.comment-timeCode-sort .IWmenu_link--more:hover {
    border: 0;
    background-color: transparent;
}

p.error{
	margin: 0.25em 0;
	padding: 0.25em 7px;
	border: 1px solid #CC0000;
	background: #FFEDED;
	color: #cc0000;
}

.comment-avatar-txt {
    position: relative;
    top: 1px;
}

.formContent p.subscriptionPaymentDetails-text {
	margin-bottom: 1.5rem;
}

.iwNotifier-icon, .iwSystemBasket-icon {
	font-size: 20px;
}

.iwNotifier-icon:after, .iwSystemBasket-icon:after {
	background-color: #445566;
	left: 10px;
}

.requestMedia {
	margin-bottom: 1.5rem;
}


/*END comments*/

@media all and (max-width:30em) {

	.formContainer--createApp {
		width: 100%;
	}

	.usrDetails-label {
		display: none;
	}

	.usr-console .avatar-container {
		margin: 0.75rem 0 0 0;
	}

	.record_creator_container .avatar-container {
		margin-bottom: 0.75rem;
	}

	.billing_history,
	.billingHistory-table td:first-child:before,
	.billingHistory-table td:nth-child(2):before,
	.billingHistory-table td:nth-child(3):before,
	.billingHistory-table td:nth-child(4):before {
		background-color: #E9ECF2;
	}

	.billingHistory-table tr {
		padding: 0;
	}
}

/* RTL overrides */
.rtl .search-views .btn:last-child {
	margin-right: .375rem;

}

/* landscape smartphones, iPhone480px */
@media all and (min-width:30em) {

	.nav_tabs.editApp-navTabs li a {
		font-size: 1.383rem;
	}

	.billing_history {
		padding-top: 15px;
	}

	.header-container {
		padding: 1.5rem;
	}

	.usr-console {
		float: right;
	}

	.mediaInfo,
	.container,
	.additionalMedia,
	.relatedRecords {
		padding: .75rem;
	}

	.js-tabActive~.metaData >.metaData-title,
	.js-tabActive .metaData-title {
		top: 22px;
	}

	.rtl .usr-console {
		float: left;
	}
}

/* portrait e-readers (Nook/Kindle), smaller tablets 600px or 640px wide. */
@media all and (min-width:36.063em) {

	.card-listItemDate--orders {
		font-size: .8rem;
	}

	#site-index .searchbox {
		width: 70%;
		margin: 0 auto;
	}

	.mediaAnnotations {
		background: #FBFBFC;
		border-radius: 5px;
		box-shadow: 1px 1px 2px #D8DFE6;
	}
}

/* Galaxy S5 */
@media (min-width:37.5em) {}

/* portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:44.063em) {}

/* custom4.6 */
@media (min-width:48em) {

	.card--subscriptionSets:first-child:nth-last-child(3), .card--subscriptionSets:first-child:nth-last-child(3) ~ .card--subscriptionSets, .card--subscriptionSets:first-child:nth-last-child(6), .card--subscriptionSets:first-child:nth-last-child(6) ~ .card--subscriptionSets {
		-webkit-flex-basis: 33%;
		flex-basis: 33%;
	}
}

@media (max-width:56.25em) {

	.formContainer--support {
		width: 100%;
	}
}

/* tablet, landscape iPad, lo-res laptops and desktops */
@media (min-width:56.25em) {

	.searchOutline {
		margin-bottom: 0;
		padding: 0 .75rem;
	}

	.annotations-head {
		border-radius: 0 5px 0 0;
	}

	.annotations-search {
		border-radius: 0 0 5px 0;
	}

	.annotations-trackPlayer input:checked + label::after {
		background-color: #6399cd;
	}
}

/* laptops, and desktops */
@media (min-width:68.75em) {

	/*log in*/
	.formContainer--selectOrg,
	.formContainer--logInUsr {
		min-height: 506px;
	}
	/*END log in*/

	.new_payment_card_form_container {
		width: 40%;
	}

	#dynamic_payment_card {
		float: right;
	}


	.documentViewerWidget {
		height: 750px;
	}
}

/* custom 1 */
@media (min-width:80.25em) {

	.mediaInfo,
	.container,
	.additionalMedia,
	.relatedRecords {
		padding: 1.5rem;
	}

	.new_payment_card_form_container {
		width: 50%;
	}

	.filterRow-inner,
	.filterTitle {
		margin-bottom: .75rem;
	}

	.js-tabActive~.metaData >.metaData-title, .js-tabActive .metaData-title {
		padding-bottom: 7px;
	}
}

/* custom 1.5 */
@media (min-width:92.25em) {}

/* hi-res laptops and desktops */
@media (min-width:100.25em) {

	.new_payment_card_form_container {
		width: 60%;
	}

	.urAcc-cardHolder {
		padding-left: .375rem;
	}

	.documentViewerWidget {
		height: 900px;
	}
}
