body { margin: 0; background: #fff; color: #222; font-size: 15px; font-weight: 400; line-height: 24px; font-family: helvetica; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; height: 100%; padding: 0; -webkit-tap-highlight-color: #000; }
a { text-decoration: none; }
a.darkGrey { color: #222; border-bottom: solid 1px #222; }
.noTouch a.darkGrey:hover { color: #555; border-bottom: solid 1px #555; }
a.grey { color: #555; border-bottom: solid 1px #555; }
.noTouch a.grey:hover { color: #222; border-bottom: solid 1px #222; }
a.blue { color: #0073ba; border-bottom: solid 1px #0073ba; }
.noTouch a.blue:hover { color: #0073ba; opacity: .7; }
span.blueLink { color: #0073ba; border-bottom: solid 1px #0073ba; }
.noTouch span.blueLink:hover { color: #0073ba; opacity: .7; }
a.blueLighter { color: #0092ed; border-bottom: solid 1px #0092ed; }
.noTouch a.blueLighter:hover { color: #0092ed; opacity: .7; }
a.green { color: #00a110; border-bottom: solid 1px #0073ba; }
.noTouch a.green:hover { color: #00a110; opacity: .7; }
a.midLightGrey { color: #888; border-bottom: solid 1px #888; }
.noTouch a.midLightGrey:hover { opacity: .7; }
a.lightGrey { color: #aaa; border-bottom: solid 1px #bbb; }
.noTouch a.lightGrey:hover { color: #aaa; opacity: .7; }
a.white { color: #fff; border-bottom: solid 1px #fff; }
.noTouch a.white:hover { color: #fff; opacity: .7; }
a.noUnderline { text-decoration: none !important; border-bottom: 0 !important; }
a.underline { text-decoration: underline !important; border-bottom: 0 !important; }
.underline { text-decoration: underline; }
ul { margin: 0; padding: 0; vertical-align: middle; }
li { list-style: none; }
img { border: 0; }
button { cursor: pointer; }
pre { font-family: helvetica; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
form { margin: 0; padding: 0; }
input, textarea { font-family: helvetica; font-size: 13px; line-height: 21px; }
textarea { vertical-align: top; }
input[type="text"]:disabled { -webkit-text-fill-color: rgba(255,255,255,.7); }
::-webkit-input-placeholder { color: rgba(34,34,34,.5); } ::-moz-placeholder { color: rgba(34,34,34,.5); } :-ms-input-placeholder { color: rgba(34,34,34,.5); } :-moz-placeholder { color: rgba(34,34,34,.5); }
.fontBody { font-size: 16px; line-height: 24px; }
.fontBodyActual { font-size: 15px; line-height: 24px; }
.fontBodyForce { font-size: 16px !important; }
.fontTiny { font-size: 10px; line-height: 16px; }
.fontSmall { font-size: 12px; line-height: 20px; }
.fontMedium { font-size: 13px; line-height: 21px; }
.fontMediumImportant { font-size: 13px !important; line-height: 21px !important; }
.fontMediumFixed { font-size: 14px; line-height: 24px; }
.fontMediumPlus { font-size: 24px; line-height: 34px; font-weight: 400; }
.fontMediumAdmin { font-size: 18px; }
.fontLargeLower { font-size: 18px; line-height: 30px; }
.fontLarge { font-size: 36px; line-height: 58px; font-weight: 300; }
.dimmed { opacity: .5; }
.bold { font-weight: 400; }
.bolder { font-weight: 700; }
.inline { display: inline; }
.inlineBlock { display: inline-block !important; }
.block { display: block !important; }
.overflowHidden { overflow: hidden; }
.hidden { display: none; }
.hiddenForce { display: none !important; }
.hideWhenSmall, .hideWhenSmallSooner { display: inline; }
.hideWhenSmallBlock { display: inline-block; }
.showWhenSmall, .showWhenSmallSooner { display: none; }
.showWhenSmallBlock { display: none !important; }
.right { float: right; } .left { float: left; }
.textRight { text-align: right !important; } .textLeft { text-align: left !important; }
.textCenter { text-align: center !important; }
.paddingNone { padding: 0 !important; }
.paddingTopNone { padding-top: 0 !important; }
.paddingTop { padding-top: 15px !important; }
.paddingTopLess { padding-top: 10px !important; }
.paddingBottom { padding-bottom: 15px !important; }
.paddingBottomLess { padding-bottom: 10px !important; }
.paddingBottomMore { padding-bottom: 15px !important; }
.paddingBottomMoreMore { padding-bottom: 30px !important; }
.paddingBottomNone { padding-bottom: 0 !important; }
.paddingRightNone { padding-right: 0 !important; }
.paddingRightMore { padding-right: 30px !important; }
.paddingLeftNone { padding-left: 0 !important; }
.marginBottomMore { margin-bottom: 30px !important; }
.marginBottomMoreMore { margin-bottom: 45px !important; }
.marginBottomNone { margin-bottom: 0px !important; }
.marginNone { margin: 0px !important; }
.marginTopLess { margin-top: 5px !important; }
.marginTopMid { margin-top: 10px !important; }
.marginTop { margin-top: 15px !important; }
.marginTopMoreMid { margin-top: 20px !important; }
.marginTopNone { margin-top: 0 !important; }
.marginTopMoreMore { margin-top: 45px !important; }
.marginBottom { margin-bottom: 15px !important; }
.marginBottomLess { margin-bottom: 5px !important; }
.marginTopMore { margin-top: 30px !important; }
.marginTopMoreMore { margin-top: 45px !important; }
.marginLeft { margin-left: 15px; }
.marginLeftNone { margin-left: 0 !important; }
.marginRight { margin-right: 15px; }
.marginRightNone { margin-right: 0 !important; }
.backgroundNone { background: none !important; }
.noBorder { border: 0 !important; }
.noBorderBottom { border-bottom: 0 !important; }
.noBorderLeft { border-left: 0 !important; }
.borderBottom { border-bottom: solid 1px; }
.noOpacityHover { opacity: 1 !important; }
.mobileScreenCheck { float: left; }
.blue { color: #0073ba; } .blueLighter { color: #0092ed; } .green { color: #00a110 !important; } .darkGrey { color: #222; } .grey { color: #555; } .midLightGrey { color: #888; } .lightGrey { color: #bbb; } .white { color: #fff !important; } .red { color: #ba0000; } .redOnDark { color: #ff0000; }
.greyBorderBottom { border-bottom: solid 2px #222; }
.greenBorderBottom { border-bottom: solid 2px #00a110; }
.clearBoth { clear: both; }
.cursorLink { cursor: pointer !important; }
.cursorDefault { cursor: default !important; }
input[type='checkbox'] { cursor: pointer !important; margin: 0 3px 0 0; }
.outlineNone { outline: none !important; }
.positionFixed { position: fixed !important; }
.positionRelative { position: relative !important; }
.uppercase { text-transform: uppercase; }
.checkBox { font-size: 18px; }
.noHover { opacity: 1 !important; }
.noHover:hover, .noHover:focus { opacity: 1 !important; }
.scrollHorizontal { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.roundedCorners { -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.disableSelection { -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
.enableSelection { -webkit-touch-callout: default !important; -webkit-user-select: text !important; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; }
*, :before, :after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-touch-action: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.blink { font-weight: 300; display: inline !important; animation-name: blink; -webkit-animation-name: blink; -moz-animation-name: blink; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1.0,0,0,1.0); -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0); animation-duration: .8s; -webkit-animation-duration: .8s; -moz-animation-duration: .8s; font-size: 54px; }
.blink2 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s; }
.blink3 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s; }
.blinkAudio { font-size: 40px !important; }
@keyframes blink { from { opacity: 1.0; } to { opacity: 0.0; } }
@-webkit-keyframes blink { from { opacity: 1.0; } to { opacity: 0.0; } }
@-moz-keyframes blink { from { opacity: 1.0; } to { opacity: 0.0; } }
#tooltip { background: #000; color: #fff; padding: 6px 10px; position: fixed; font-size: 12px; line-height: 18px; text-align: left; display: none; z-index: 1000; white-space: nowrap; }
.skipNavigation { position: absolute; z-index: 1001; text-indent: -1000em; border-bottom: 0 !important; }

/* ----- Catalog ----- */
#accountMenu { background: #fff; width: 275px; position: fixed; top: 100px; right: 40px; bottom: 0; color: #222; z-index: 7; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.01), 0 3px 20px rgba(51, 51, 51, 0.1); -webkit-overflow-scrolling: touch; }
.accountMenuInnerScroll { height: 100%; width: 100%; overflow: hidden; padding-top: 0; padding-right: 0px; padding-bottom: 100px; padding-left: 0; position: relative; display: block; }
#accountMenu:hover .accountMenuInnerScrollHover { overflow: scroll; overflow-y: auto; overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
#accountMenu:focus-within .accountMenuInnerScrollHover { overflow: scroll; overflow-y: auto; overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
.accountMenuInnerScroll::-webkit-scrollbar { width: 8px; background-color: #fff; }
.accountMenuInnerScroll::-webkit-scrollbar-thumb { background-color: #e4e4e4; }
.accountMenuInnerScrollContainer { width: 275px; position: relative; display: inline-block; }
#accountMenu .accountIndent { padding: 5px 15px 5px 15px; }
#accountMenu ul li { list-style: none; }
#accountMenu ul li.noLink { padding: 5px 15px 5px 15px; }
#accountMenu ul li.lineSpacer { background: #eee; height: 1px; margin: 7px 0 7px 0; }
#accountMenu ul li a { color: #222; list-style: none; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 5px 15px 5px 15px; }
#accountMenu ul li a:hover, #accountMenu ul li a:focus { opacity: .7; }
#accountMenu ul li a.on { background: #cfe7f8; border-top: solid 1px #9cbcd3; border-bottom: solid 1px #9cbcd3; }
#accountMenu ul li a.on:hover, #accountMenu ul li a.on:focus { opacity: 1; }
#accountMenu ul li ul { margin-bottom: 10px; }
#accountMenu ul li ul li.noResults { padding: 3px 5px 3px 5px; }
#accountMenu ul li ul li a { padding: 5px 15px 5px 15px; margin-top: 0; }
#accountMenu ul li ul li a:hover, #accountMenu ul li ul li a:focus { background: #f9f9f9; border-radius: 0; opacity: 1; }
#accountMenu ul li ul li a:hover .circle, #accountMenu ul li ul li a:focus .circle { opacity: 1; }
#accountMenu ul li ul li a.on { background: #cfe7f8; border-top: solid 1px #9cbcd3; border-bottom: solid 1px #9cbcd3; color: #222; border-radius: 0; font-weight: 700; }
#accountMenu ul li ul li a.on .circle { background: #eee; }
.accountMenuImageContainer { width: 22px; height: 22px; text-align: center; display: inline-block; margin-right: 10px; }
.accountMenuImageContainerRight { float: right; margin-right: 0; margin-left: 10px; }
#accountMenu .circle { background: #fff; padding: 0 5px; margin-left: 5px; font-size: 10px; line-height: 22px; border-radius: 10px; width: 22px; height: 22px; text-align: center; color: #222; opacity: 1; }
.circleNav { background: #cfe7f8; padding: 0 5px; margin-left: 5px; font-size: 10px; line-height: 22px; border-radius: 10px; width: 22px; height: 22px; text-align: center; color: #222; opacity: 1; vertical-align: middle; margin-top: -4px; }
#accountMenu ul li ul li a:hover .circle, #accountMenu ul li ul li a:focus .circle { background: #f9f9f9; }
#accountMenu ul li ul li a.on:hover .circle, #accountMenu ul li ul li a.on:focus .circle { background: #cfe7f8; }
#accountMenu .circlePublic { background: #00a110 !important; }
.accountMenuItemMediaLibraryImage { height: 22px; width: 22px; margin-right: 10px; vertical-align: middle; margin-top: -1px; }
.accountMenuItemIcon { opacity: 1; }
.accountMenuItemIcon:hover { opacity: 1; }
.accountMenuDisableScrolling { overflow: hidden; }
.accountMenuSmallButtons { background: #eee; border: solid 1px #d9d9d9; margin: 0 0 0 3px; padding: 0 10px !important; width: auto; height: auto; display: inline-block !important; color: #fff; }
.noTouch .accountMenuSmallButtons:hover, .accountMenuSmallButtons li a:focus { background: #e4e4e4; }
.accountMenuSmallButtons.on, .accountMenuSmallButtons.on:hover, .accountMenuSmallButtons.on:focus { background: #cfe7f8; border: solid 1px #9cbcd3; }
.accountMenuMediaLibrarySearchContainer { padding: 5px 15px; position: relative; }
.accountMenuMediaLibrarySearchContainerInner { position: relative; }
.accountMenuMediaLibrarySearchInput { margin: 0 0 0 0; padding: 0 100px 0 0px; height: 28px; border: 0; border-bottom: solid 1px #222; outline: none; background: #fff; color: #222; width: 100%; border-radius: 0; }
#accountMenuMediaLibrarySearchInputClose { top: 0px; right: 0; width: 16px; height: 28px; position: absolute !important; cursor: pointer; opacity: 1; padding: 6px 0 0 0 !important; }
.noTouch #accountMenuMediaLibrarySearchInputClose:hover, #accountMenuMediaLibrarySearchInputClose:focus { opacity: .7; background: none; }
.accountMenuMediaLibrarySearchAmountRange { opacity: .5; line-height: 30px; float: right; display: inline-block; position: absolute; right: 28px; }

#list { position: absolute; width: 100%; }
.pane { position: absolute; top: 0; width: calc(100% - 315px); bottom: 0; left: 0; }
.paneFlush { width: 100% !important; }
#catalog-listing-wait { letter-spacing: 1px; text-align: center; margin: 64px auto 0 auto; color: #222; }
#theList { top: 0px; padding-bottom: 180px; }
.listAuthenticate { margin: 0 auto; text-align: center; padding: 0 15px; }
.navButton { padding: 10px 12px 10px 12px; text-decoration: none; cursor: pointer; background: #eee; color: #222; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); border: solid 1px #d9d9d9; line-height: 41px; }
.noTouch .navButton:hover, .navButton:focus { background: #e4e4e4; }
.paneTop { background: #fff; top: 0px; line-height: 80px; padding: 1px 40px 0 40px; height: 100px; z-index: 8; position: fixed; right: 0; width: 100%; }
.paneTopSinglePage { height: 80px; }
.paneTopSpacer { padding: 0 20px; }
.paneTopStatic { bottom: 0px; position: absolute; left: -9999; }
.paneTopLogoLinkArea, .paneTopLogoLinkAreaFull { left: 50%; position: absolute; text-align: center; margin-left: -55px; z-index: 1001; }
.paneTopLogoLinkAreaCatalog { display: none !important; }
.paneTopCurrent { font-size: 13px; top: 0px; line-height: 40px; padding: 1px 20px 0 20px; height: 40px; z-index: 1000; }
.paneTopCurrentLeft { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 40%; }
.paneTopCurrentBecome { background: #00a110; }
.noTouch .paneTopCurrentLeft a:hover img, .paneTopCurrentLeft a:focus img { opacity: .7; }
.topRightLink { color: rgba(255,255,255,1); }
.paneTopCurrentWarpwireImage, .paneTopCurrentWarpwireImageFull { vertical-align: top; margin-top: 2px; width: 110px; height: 26px; opacity: 1; }
.paneTopCurrentWarpwireImageFull { margin-top: 12px; }
.noTouch .paneTopCurrentWarpwireImage:hover, .noTouch .paneTopCurrentWarpwireImageFull:hover { opacity: .7; }
.paneTopLink { display: inline-block; color: #222; text-decoration: none !important; padding: 0; line-height: 32px; }
.paneTopLinkNoHover:hover div { color: #222 !important; opacity: 1 !important; }
.noTouch .paneTopLink:hover div, .paneTopLink:focus div { opacity: .7; }
.noTouch .paneTopLink:hover div.mediaLibraryTitle, .paneTopLink:focus div.mediaLibraryTitle { opacity: .7; }
.paneTopAccount { opacity: 1; color: #222; display: inline-block; }
.paneTopAccount:hover, .paneTopAccount:focus { opacity: .7 !important; }
.paneTopHamburger { fill: #222; margin-top: -4px; margin-left: 12px; vertical-align: middle; }
.paneTopHamburgerSinglePage { fill: #fff; }
#paneTopUploadFormContainer { left: -9999; position: absolute; visibility: hidden; }
.paneTop ul, .paneMiddleHeader ul, .paneMiddleHeaderNew ul { display: inline-block; }
.paneTop ul li, .paneMiddleHeader ul li, .paneMiddleHeaderNew ul li { list-style: none; display: inline; }
#paneTopFindInput { -webkit-appearance: none; margin: 0; border: solid 1px #eee; padding: 0 77px 0 13px; width: 300px; line-height: normal; outline: none; color: #222; font-size: 14px; transition: box-shadow 0.1s ease-in-out; height: 36px; line-height: 36px; background: #fff; }
#paneTopFindInput::-webkit-input-placeholder { color: rgba(34,34,34,.5); } #paneTopFindInput::-moz-placeholder { color: rgba(34,34,34,.5); } #paneTopFindInput:-ms-input-placeholder { color: rgba(34,34,34,.5); } #paneTopFindInput:-moz-placeholder { color: rgba(34,34,34,.5); }
.paneTopFindInputFocused { box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.01), 0 3px 20px rgba(51, 51, 51, 0.1); }
.paneTopFindInputFocused #paneTopFindInput { border-color: #fff; }
.paneTopFindInputFocused #paneTopFindInputSearch { opacity: 1; }
#paneTopFindInputContainerInner:hover/* , #paneTopFindInput:focus */ { box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.01), 0 3px 20px rgba(51, 51, 51, 0.1); transition: box-shadow 0.1s ease-in-out; }
#paneTopFindInputContainerInner:hover #paneTopFindInput { border-color: #fff; }
#paneTopFindInputContainerInner:hover #paneTopFindInputSearch { opacity: 1; }
#paneTopFindInputContainerInner:hover #paneTopFindInput::-webkit-input-placeholder { color: #222; }
#paneTopFindInputContainerInner:hover #paneTopFindInput::-moz-placeholder { color: #222; }
#paneTopFindInputContainerInner:hover #paneTopFindInput:-ms-input-placeholder { color: #222; }
#paneTopFindInputContainerInner:hover #paneTopFindInput:-moz-placeholder { color: #222; }
#paneTopFindInput:focus::-webkit-input-placeholder { color: #222; }
#paneTopFindInput:focus::-moz-placeholder { color: #222; }
#paneTopFindInput:focus:-ms-input-placeholder { color: #222; }
#paneTopFindInput:focus:-moz-placeholder { color: #222; }

#paneTopFindInputClose { top: 0px; right: 42px; width: 30px; height: 35px; position: absolute !important; cursor: pointer; opacity: 1; }
#paneTopFindInputClose:hover, #paneTopFindInputClose:focus { opacity: .7; }
#paneTopFindInputSearch { top: 0px; right: 0px; width: 42px; height: 35px; position: absolute !important; cursor: pointer; opacity: .5; }
#paneTopFindInputSearch:hover, #paneTopFindInputClose:focus { opacity: 1; }
#paneTopFindMenu { width: 300px; padding-top: 0; }
.paneTopLinkText { max-width: calc(100% - 300px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.mediaLibraryTitle { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.paneMiddleHeaderNew { top: 100px; position: fixed; height: 37px; line-height: 32px; background: #fff; z-index: 4; padding: 0; font-size: 18px; color: #222; }
.paneMiddleHeader { top: 137px; position: fixed; height: 47px; line-height: 42px; background: #fff; z-index: 3; padding: 0; font-size: 14px; color: #222; }
.paneMiddleHeaderSortLabel { width: 34%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.paneMiddleHeaderNew li { padding: 0; position: relative; }
.paneMiddleHeaderNew li a, .paneMiddleHeaderNew li button { height: 32px; line-height: 31px; display: inline-block; padding: 0 15px; background: #eee; margin-left: 5px; color: #222; font-size: 14px; border: solid 1px #d9d9d9; }
a.headerButtonStandAlone, button.headerButtonStandAlone { height: 32px; line-height: 31px; display: inline-block !important; padding: 0 15px !important; background: #eee; margin-left: 5px; color: #222; font-size: 14px; border: solid 1px #d9d9d9; }
.noTouch .paneMiddleHeaderNew li a:hover, .paneMiddleHeaderNew li a:focus { background: #e4e4e4; }
.noTouch .paneMiddleHeaderNew li button:hover, .paneMiddleHeaderNew li button:focus { background: #e4e4e4; }
.noTouch a.headerButtonStandAlone, a.headerButtonStandAlone { background: #e4e4e4; }
.paneMiddleHeaderNew li a.on, .paneMiddleHeaderNew li a.on:hover, .paneMiddleHeaderNew li a.on:focus { background: #cfe7f8; border: solid 1px #9cbcd3; }
.recorderButtonGrey { background: #eee !important; color: #222 !important; border: solid 1px #d9d9d9 !important; }
.recorderButtonGrey:hover, .recorderButtonGrey:focus { background: #e4e4e4 !important; opacity: 1 !important; }
.recorderButtonDisabled { background: #eee !important; color: rgba(34,34,34,.5) !important; border: solid 1px #d9d9d9 !important; }
.recorderButtonDisabled:hover, .recorderButtonDisabled:focus { background: #e4e4e4 !important; opacity: 1 !important; }
.startRecording { background: #0073ba !important; border-color: #0092ed !important; color: #fff !important; }
.startRecording:hover, .startRecording:focus { background: #0083d4 !important; opacity: 1 !important; }
.stopRecording { background: #ba0000 !important; border-color: #ed0000 !important; color: #fff !important; }
.stopRecording:hover, .stopRecording:focus { background: #d40000 !important; opacity: 1 !important; }
.greenButtonNew { background: #00a110 !important; border-color: #00d415 !important; color: #fff !important; }
.greenButtonNew:hover, .greenButtonNew:focus { background: #00ba13 !important; opacity: 1 !important; }
.buttonTrimming { background: #909000 !important; border-color: #ffff00 !important; }
.buttonTrimming:hover, .buttonTrimming:focus { background: #ffff00 !important; opacity: 1 !important; color: black; }
.recorderImageAction { cursor: pointer; }
.noTouch .recorderImageAction:hover, .recorderImageAction:focus { opacity: .7; }

.paneMiddleHeaderSearch { top: 100px; position: fixed; height: 37px; line-height: 32px; background: #fff; z-index: 5; padding: 0; font-size: 18px; color: #222; }

/*
.noTouch .paneMiddleHeaderNew li.uploadButton a:hover, .paneMiddleHeaderNew li.uploadButton a:focus, .paneMiddleHeaderNew li.uploadButton a.on, .paneMiddleHeaderNew li.uploadButton a.on:hover, .paneMiddleHeaderNew li.uploadButton a.on:focus { background: #c9e8fd; }

.noTouch .paneMiddleHeaderNew li.batchButton a:hover, .paneMiddleHeaderNew li.batchButton a:focus, .paneMiddleHeaderNew li.batchButton a.on, .paneMiddleHeaderNew li.batchButton a.on:hover, .paneMiddleHeaderNew li.batchButton a.on:focus { background: #d5c9fd; }

.noTouch .paneMiddleHeaderNew li.viewButton a:hover, .paneMiddleHeaderNew li.viewButton a:focus, .paneMiddleHeaderNew li.viewButton a.on, .paneMiddleHeaderNew li.viewButton a.on:hover, .paneMiddleHeaderNew li.viewButton a.on:focus { background: #d2fdc9; }

.noTouch .paneMiddleHeaderNew li.sortButton a:hover, .paneMiddleHeaderNew li.sortButton a:focus, .paneMiddleHeaderNew li.sortButton a.on, .paneMiddleHeaderNew li.sortButton a.on:hover, .paneMiddleHeaderNew li.sortButton a.on:focus { background: #fdc9c9; }
 */

.paneMiddleHeader li { padding: 0; position: relative; }
.paneMiddleHeader li a { padding: 0 15px; background: #eee; margin-left: 5px; color: #222; height: 32px; line-height: 31px; display: inline-block; border: solid 1px #d9d9d9; }
.noTouch .paneMiddleHeader li a:hover, .paneMiddleHeader li a:focus { background: #e4e4e4; }
.paneMiddleHeader li a.on, .paneMiddleHeader li a.on:hover, .paneMiddleHeader li a.on:focus { background: #cfe7f8; border: solid 1px #9cbcd3; }

.paneMiddleSpacer { padding: 0 40px 0 40px; }
.paneMiddleNoLink { color: #222; vertical-align: middle; }
.paneMiddleLink { color: #222; text-decoration: underline; vertical-align: middle; }
.noTouch .paneMiddleLink:hover, .paneMiddleLink:focus { color: #222; }
.paneMiddleLink .icon { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 8px; opacity: 1; }
.noTouch .paneMiddleLink .icon:hover { opacity: 1; }
.paneMiddleLinkRemove { text-decoration: none !important; }
.noTouch .paneMiddleLinkRemove:hover, .paneMiddleLinkRemove:focus { color: #222 !important; cursor: default !important; }
.paneMiddle { height: auto; top: 184px; bottom: 0; background: #fff; outline: none; }
.paneBottomFullButton { top: auto; bottom: 0; overflow: hidden; white-space: nowrap; text-align: center; padding: 0 20px; z-index: 4; position: fixed; line-height: 70px; height: 70px; background: #222; color: #fff; cursor: pointer; }
.paneBottomFullButton.active { background: #0073ba !important; }
.noTouch .paneBottomFullButton.active:hover, .paneBottomFullButton.active:focus { background: #00a110 !important; }
.paneBottomFullButtonOptions { line-height: 70px; height: 70px !important; bottom: 0; right: 0; position: absolute; color: #fff; text-align: center; cursor: pointer; z-index: 1001; }
.paneBottomFullButtonOptions .icon { height: 24px; width: 24px; vertical-align: middle; margin: 21px 15px 21px 15px; }

/* ----- Catalog: Small hover menu (not hover box) ----- */
#paneTopMediaLibraryMenu { top: 45px; left: 20px; width: 170px; }
#paneTopAddMenu { top: 32px; right: 0; width: 210px; }
#paneTopBatchActionsMenu { top: 32px; right: 0; width: 210px; }
.forceMenuLeft { right: 0 !important; }
#paneTopSortMenu { top: 32px; right: 0; width: 200px; }
#paneTopFindInputContainer { display: inline-block; margin-left: 40px; }
#paneTopFindInputContainerInner { width: 300px; position: fixed; top: 22px; line-height: 0; }
#paneTopFindInputContainerAdmin { display: inline; margin-left: 15px; }
#listItemMenu { top: 32px; right: 0; width: 150px; z-index: 1 !important; }
.hoverMenu { padding: 5px 0; z-index: 6000; background: #fff; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.01), 0 3px 20px rgba(51, 51, 51, 0.1); position: absolute; line-height: 24px; }
.hoverMenu ul { display: block; }
.hoverMenu ul li { display: block; }
.hoverMenu ul li a { display: block; cursor: pointer; padding: 8px 15px 8px 15px; font-size: 14px; line-height: 21px; background: #fff !important; color: #222; border: 0 !important; margin-left: 0; border-radius: 0; height: auto; }
.noTouch .hoverMenu ul li a:hover, .hoverMenu ul li a:focus { background: #f9f9f9 !important; }
.hoverMenu li.noLink { padding: 7px 15px 7px 15px; font-size: 14px; line-height: 20px; color: #888; }
.hoverMenu li.noLink a { text-decoration: underline; padding: 0; background: none; font-size: 14px; line-height: 20px; }
.noTouch .hoverMenu li.noLink a:hover, .hoverMenu li.noLink a:focus { color: #222; background: none; border: 0; padding: 0; }
.hoverMenu li.fullWidth { padding-right: 15px; }
.hoverMenu li.noResults { padding-left: 10px; }
.hoverMenu li.lineSpacer { background: #eee; height: 1px; margin: 5px 0; }
.hoverMenu li.topLabel { margin-top: 3px; word-wrap: break-word; }
.hoverMenuItemHidden {display: none !important;}
.hoverMenuImageContainer { width: 24px; text-align: center; display: inline-block; margin-right: 20px; }
.hoverMenuImageContainerRight { float: right; width: 16px; height: 16px; text-align: center; display: inline-block; margin-left: 10px; }
.hoverMenuItemDisable { opacity: .5; }
.paneSearchSpacer { display: inline-block; margin-left: 40px; z-index: 100; }
.library-search { position: fixed; width: 700px; top: 22px; line-height: 2; }

/* ----- Catalog: Sprite icons sizing ----- */
.navButtonImage, .hoverMenuImage, .accountMenuImage { opacity: 1; }
.accountMenuImageWarpwireCircleDarkSmall { width: 20px; height: 20px; margin-top: 1px; }
.navButtonImageAdd { margin-top: 7px; width: 17px; height: 17px; }
.navButtonImageSort { margin-top: 3px; width: 20px; height: 24px; }
.navButtonImageEdit { margin-top: 6px; width: 18px; height: 18px; }
.navButtonImageSearch { margin-top: 10px; margin-left: 13px; width: 16px; height: 16px; }
.navButtonImageSearchClose { margin-top: 10px; }
.accountMenuImageSearchClose { margin: 0; }
.navButtonImageView { margin-top: 3px; width: 22px; height: 24px; }
.navButtonImageBatchCopy { margin-top: 3px; width: 20px; height: 16px; }
.navButtonImageBatchAddTag { margin-top: -2px; width: 23px; height: 22px; }
.navButtonImageBatchRemoveTag { margin-top: 1px; width: 22px; height: 19px; }
.navButtonImageBatchDownload { margin-top: 0px; margin-left: -2px; width: 23px; height: 20px; }
.navButtonImageShare { margin-top: 2px; width: 16px; height: 16px; }
.navButtonImageVisibility { margin-top: 3px; width: 22px; height: 14px; }
.accountMenuImageVisibility { margin-top: 4px; width: 22px; height: 14px; }
.navButtonImageBatchDelete { margin-top: 1px; width: 14px; height: 17px; }
.accountMenuImageBatchDelete { margin-top: 2px; margin-left: 1px; width: 14px; height: 17px; }
.navButtonImageExport { margin-top: 7px; width: 17px; height: 19px; }
.hoverMenuImageBatchDelete { width: 14px; height: 17px; margin-top: 3px; }
.hoverMenuImageAnalytics { width: 19px; height: 16px; margin-top: 2px; }
.hoverMenuImageEditor { width: 19px; height: 16px; margin-top: 2px; }
.accountMenuImageAnalytics { width: 19px; height: 16px; margin-top: 2px; }
.hoverMenuImageCopy { width: 20px; height: 16px; margin-top: 3px; }
.hoverMenuImageSettings { width: 19px; height: 19px; margin-top: 1px; }
.hoverMenuImageMediaLibraries { width: 22px; height: 17px; margin-top: 2px; }
.accountMenuImageSettings { width: 19px; height: 19px; margin-top: 2px; margin-left: 1px; }
.hoverMenuImageShare { width: 16px; height: 16px; margin-top: 2px; }
.accountMenuImageShare { width: 16px; height: 16px; margin-top: 3px; }
.hoverMenuImageUpload { width: 20px; height: 20px; margin-top: 0; }
.hoverMenuImageCapture { width: 19px; height: 12px; margin-top: 4px; }
.accountMenuImageCapture { width: 19px; height: 12px; margin-top: 4px; }
.hoverMenuImageScreen { width: 18px; height: 15px; margin-top: 3px; }
.hoverMenuImageSearch { width: 18px; height: 18px; margin-top: 4px; }
.hoverMenuImageBroadcast { width: 19px; height: 12px; margin-top: 4px; }
.hoverMenuImageTag { width: 18px; height: 18px; margin-top: 2px; }
.accountMenuImageTag { width: 18px; height: 18px; margin-top: 3px; }
.hoverMenuImageTime { width: 18px; height: 18px; margin-top: 1px; }
.hoverMenuImageTitle { width: 20px; height: 10px; margin-top: 5px; }
.hoverMenuImageSortDown { width: 16px; height: 16px; margin-top: 2px; }
.hoverMenuImageSortUp { width: 16px; height: 16px; margin-top: 2px; }
.hoverMenuImageNumber { width: 12px; height: 15px; margin-top: 3px; }
.accountMenuImageMedia { width: 22px; height: 13px; margin-top: 4px; }
.accountMenuImageCC { width: 22px; height: 16px; margin-top: 3px; }
.navButtonImageDownArrow { width: 24px; height: 20px; margin-top: 3px; }
.navButtonHiddenLibraries { width: 22px; height: 20px; margin-top: 7px; }
.accountMenuImageServiceLog { width: 20px; height: 14px; margin-top: 4px; }
.accountMenuImageGroups { width: 22px; height: 17px; margin-top: 2px; }
.accountMenuImageMediaLibraries { width: 22px; height: 17px; margin-top: 2px; }
.accountMenuImageDarkLightMode { width: 20px; height: 20px; margin-top: 1px; }
.accountMenuImageCreateMediaLibrary { width: 12px; height: 12px; margin-top: 4px; }
.accountMenuImageSearchSmall { width: 12px; height: 12px; margin-top: 4px; }
.integrationSelectToggle { height: 24px; width: 24px; margin-top: 12px; margin-left: 8px; }
.integrationSelectToggle .iconImageIntegrationSelected { opacity: 1; }
.noTouch .integrationSelectToggle:hover .iconImage, .integrationSelectToggle:focus .iconImage { opacity: 1; }
.icon { direction: ltr; text-align: left; overflow: hidden; position: relative; vertical-align: top; display: inline-block; }
.iconImage { position: absolute; width: 155px; height: 280px; }
.iconImage:before { content: url("/app/e12cd0a1e789756e27ae64490bb2bf65b767951c/image/icons-media-library-sprite.svg"); }
.iconImageWarpwire { left: 0px; top: -125px; }
.iconImageWarpwireDark { left: 0px; top: -179px; }
.iconWarpwireRebrand { width: 8rem; margin-top: 1.5rem; }
.iconWarpwireRebrandC {width: 1.4rem; }
.iconImageWarpwireCircle { left: 0px; top: -152px; }
.iconImageWarpwireCircleDark { left: 0px; top: -206px; }
.iconImageWarpwireCircleDarkSmall { left: -108px; top: -206px; }
.iconImageEditor { left: -85px; top: -152px; }
.iconImageAdd { left: -105px; top: -4px; }
.iconImageSort { left: -52px; top: -25px; }
.iconImageEdit { left: -48px; top: -260px; }
.iconImageSearchContainer { width: 17px; height: 17px; opacity: .5; }
.iconImageSearch { left: -106px; top: -29px; }
.iconImageSearchX { left: -136px; top: -128px; }
.iconImageViewList { left: -26px; top: -25px; }
.iconImageViewMedia { left: -1px; top: -25px; }
.iconImageDotsLight { left: -50px; top: -50px; }
.iconImageDotsDark { left: -75px; top: -50px; }
.iconImageDotsDarkSmall { left: -83px; top: -205px; }
.iconImageDotsDarkSmallPlus { left: -64px; top: -210px; }
.iconImageIntegrationCircle { left: -75px; top: -100px; }
.iconImageIntegrationSelected { left: -50px; top: -100px; }
.iconImageBatchCopy { left: -105px; top: -55px; }
.iconImageBatchAddTag { left: -50px; top: -1px; }
.iconImageBatchRemoveTag { left: -77px; top: -4px; }
.iconImageBatchDelete { left: -109px; top: -79px; }
.iconImageBatchDownload { left: -129px; top: -234px; }
.iconImageSettings { left: -78px; top: -78px; }
.iconImageShare { left: -108px; top: -104px; }
.iconImageAnalytics { left: -132px; top: -208px; }
.iconImageVisibility { left: -129px; top: -105px; }
.iconImageUpload { left: -60px; top: -152px; }
.iconImageCapture { left: -108px; top: -155px; }
.iconImageScreen { left: -133px; top: -154px; }
.iconImageBroadcast { left: -85px; top: -155px; }
.iconImageTag { left: -130px; top: -30px; }
.iconImageTime { left: -130px; top: -3px; }
.iconImageTitle { left: -130px; top: -57px; }
.iconImageSortDown { left: -136px; top: -189px; }
.iconImageSortUp { left: -119px; top: -189px; }
.iconImageMenuArrowContainer { width: 9px; height: 5px; margin-left: 8px; margin-top: -3px; vertical-align: middle; }
.iconImageMenuArrowContainerOnLeft { margin-left: 0; margin-right: 8px; }
.iconImageMenuArrow { left: -33px; top: -163px; }
.iconImageMenuArrowDark { left: -33px; top: -217px; }
.iconImageMenuArrowUp { left: -45px !important; top: -163px; }
.iconImageMenuArrowUpDark { left: -45px !important; top: -217px; }
.iconImageExport { left: 0px !important; top: -237px; }
.iconImageMedia { left: -113px !important; top: -175px; }
.iconImageCC { left: -104px !important; top: -236px; }
.iconImageDownArrow { left: -129px !important; top: -234px; }
.iconImageServiceLog { left: -22px !important; top: -260px; }
.iconImageGroups { left: -73px !important; top: -235px; }
.iconImageMediaLibraries { left: -44px !important; top: -234px; }
.iconImageDarkMode { left: -135px !important; top: -260px; }
.iconImageLightMode { left: -110px !important; top: -260px; }
.iconImageSearchSmall { left: -92px !important; top: -260px; }
.iconImageNumber { left: -72px !important; top: -260px; }
.iconImageShowHiddenLibraries { left: -44px !important; top: -234px; }
.iconImageHideHiddenLibraries { left: -16px !important; top: -234px; }

/* ----- Catalog: List View ----- */
.listItemHeaderContainer { height: 48px; line-height: 48px; width: 100%; display: block; padding: 1px 40px 0 40px; color: #222; font-size: 14px; }
/* .listItemHeaderContainer div { display: inline; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: solid 1px rgba(85,85,85,.6) } */
.listItemHeaderContainer .icon { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 7px; opacity: 1; }
.noTouch .listItemHeaderContainer .icon:hover { opacity: 1; }
.iconNoHover:hover { opacity: 1 !important; }
.listItem { display: block; border: solid 1px #eee; color: #222; margin: 0 0 -1px 0; padding: 0; position: relative; width: 100%; }
.listItemCatalog:active { outline: none; }
.noTouch .listItem:hover { background: #f9f9f9 !important; cursor: pointer; }
.noTouch .listItem:hover .listItemSectionLeftCC, .noTouch .listItem:hover .listItemSectionLeftTimecode, .noTouch .listItem:hover .listItemSectionLeftMulti { background: #000; }
.noTouch .listItem:hover .listItemSectionLeftTimecodeLive { background: #ba0000; }
.noTouch .listItem:hover .listItemView { color: #222; }
.listItemView { color: #222; }
.listItemView:focus .listItemSectionCenterTitle { text-decoration: underline; }
.listItemScopePrivate { background: #fbcfcf !important; }
.listItemScopePublic { background: #d2fdc9 !important; }
.listItemEncoding { background: #f9f9f9 !important; cursor: default !important; }
.noTouch .listItemEncoding:hover { background: #f9f9f9 !important; }
.listItemEncoding .listItemView { cursor: default !important; }
.pluginDisabled { height: 100%; opacity: .5; }
.listItemEncoding .listItemSectionRight:hover { background: #f9f9f9; cursor: pointer !important; }
.noTouch .listItemEncoding:hover .listItemSectionRight { background: #f9f9f9; }
.listItemSectionLeft { line-height: 61px; height: 61px; padding: 0; float: left; width: 109px; position: relative; }
.listItemSectionLeftLibrary { width: 61px; }
.listItemSectionLeftStatic { line-height: 61px; padding: 0; float: left; width: 109px; }
.listItemSectionLeft img { width: 109px; height: 61px; display: block; }
.listItemSectionLeftCC { position: absolute; right: 10px; bottom: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: 13px; line-height: 14px; padding: 3px 5px 3px 5px; font-weight: 700; }
.listItemSectionLeftCCList { font-size: 11px !important; line-height: 11px !important; right: 0; bottom: 0; }
.listItemSectionLeftTimecode { position: absolute; left: 10px; bottom: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: 13px; line-height: 14px; padding: 3px 5px 3px 5px; font-weight: 700; }
.listItemSectionLeftTimecodeLive { background: #ba0000 !important; }
.listItemSectionLeftTimecodeList { font-size: 11px !important; line-height: 11px !important; left: 0; bottom: 0; padding-right: 4px; padding-left: 4px; }
.listItemSectionLeftTimecode svg { height: 10px; width: 10px; margin-right: 3px; margin-top: -2px; vertical-align: middle; }
.listItemSectionLeftTimecodeList svg { height: 9px; width: 9px; }
.listItemSectionLeftMulti { position: absolute; left: 10px; top: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: 13px; line-height: 14px; padding: 2px 5px 3px 5px; font-weight: 700; height: 19px; }
.listItemSectionLeftMulti svg { width: 15px; vertical-align: middle; }
.listItemSectionLeftMultiList { left: 0; top: 0; padding: 2px 4px 2px 4px; }
.listItemSectionLeftMultiList svg { width: 13px; vertical-align: baseline; }
.listItemSectionCenter { padding: 10px 0 0 15px; height: 61px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 163px); font-size: 14px; }
.listItemSectionCenterTitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listItemSectionCenterLibrary { width: calc(100% - 80px); }
.listItemSectionCenterMetadata { font-size: 12px; line-height: 16px; color: #222; text-decoration: none !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listItemSectionCenterMetadata:hover { text-decoration: none !important; }
.listItemSectionRight, .listItemSectionRightLibrary { padding: 0; line-height: 61px; height: 61px; float: right; text-align: center; position: absolute; right: 0; width: 54px; }
.listItemSectionRight div.icon, .listItemSectionRightLibrary div.icon { width: 24px; height: 24px; margin: 18px 15px 19px 15px; display: block; }
.listItemSectionRight div.icon .iconImage, .listItemSectionRightLibrary div.icon .iconImage { opacity: 1; }
.noTouch .listItemSectionRight:hover div.icon .iconImage, .listItemSectionRight:focus div.icon .iconImage { opacity: 1; }
.noTouch .listItemSectionRightLibrary:hover div.icon .iconImage, .listItemSectionRightLibrary:focus div.icon .iconImage { opacity: 1; }
.listItemSectionRight.on div.icon .iconImage, .listItemSectionRightLibrary.on div.icon .iconImage { opacity: 1; }
.noTouch .listItemSectionRight.on:hover div.icon .iconImage, .listItemSectionRight.on:focus div.icon .iconImage { opacity: 1; }
.noTouch .listItemSectionRightLibrary.on:hover div.icon .iconImage, .listItemSectionRightLibrary.on:focus div.icon .iconImage { opacity: 1; }
.noTouch .listItemSectionRight:hover div.integration .iconImage, .listItemSectionRight:focus div.integration .iconImage { opacity: 1; }
.noTouch .listItemSectionRightLibrary:hover div.integration .iconImage, .listItemSectionRightLibrary:focus div.integration .iconImage { opacity: 1; }
.listItemSectionRight div.integration .iconImageIntegrationSelected, .listItemSectionRightLibrary div.integration .iconImageIntegrationSelected { opacity: 1; }
.noTouch .listItemSectionRight:hover div.integration .iconImageIntegrationSelected, .listItemSectionRight:focus div.integration .iconImageIntegrationSelected { opacity: 1; }
.noTouch .listItemSectionRightLibrary:hover div.integration .iconImageIntegrationSelected, .listItemSectionRightLibrary:focus div.integration .iconImageIntegrationSelected { opacity: 1; }

/* ----- Catalog: Media View ----- */
.spacerLarge { max-width: 1280px; margin: 0 auto; }
.listItemContainerHeader { padding: 0; }
.listItemContainer { padding: 0px 40px; }
.slide { margin-bottom: 15px; width: 32%; margin-right: 2%; /* width: 24%; margin-right: 1.3333333%; */ display: inline-block; vertical-align: top; white-space: normal; float: left; cursor: pointer; border: solid 1px #eee; }
.slide a { text-decoration: none; }
.slide:hover, .slide:focus { background: #f9f9f9; }
.noTouch .slide:hover .listItemSectionLeftTimecode, .noTouch .slide:hover .listItemSectionLeftCC, .noTouch .slide:hover .listItemSectionLeftMulti { background: #000; }
.slide.listItemEncoding { background: #f9f9f9; }
.listItemCatalog:nth-child(3n) .slide { margin-right: 0%; }
.imageContainer { padding-top: 56.25%; background-color: #fff; background-position: initial initial; background-repeat: initial initial; position: relative !important; width: 100% !important; z-index: 0 !important; }
.child { position: absolute !important; top: 0px !important; bottom: 0px !important; left: 0px !important; right: 0px !important; height: 100% !important; width: 100% !important; }
.image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; position: relative; }
.metadata { padding: 0 0 9px 10px; color: #222; }
.metadata a { display: inline-block; float: right; line-height: 0; }
.metadata a div.icon { margin: 18px 10px 18px 10px; height: 24px; width: 24px; }
.metadata a div.icon .iconImage { opacity: 1; }
.noTouch .metadata a:hover div.icon .iconImage, .metadata a:focus div.icon .iconImage { opacity: 1; }
.metadata a.on div.icon .iconImage { opacity: 1; }
.noTouch .metadata a.on:hover div.icon .iconImage, .metadata a.on:focus div.icon .iconImage { opacity: 1; }
.metadata a div.icon .iconImageIntegrationSelected { opacity: 1; }
.noTouch .metadata a:hover div.icon .iconImageIntegrationSelected, .metadata a:focus div.icon .iconImageIntegrationSelected { opacity: 1; }
.metadataFirst { font-weight: 400; font-size: 14px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 8px; }
.metadataSecond { margin-top: 0; font-size: 12px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.metadataPortal { padding-right: 10px; }

/* ----- Catalog: Uploading ----- */
#uploadIframeContainer iframe { position: absolute; left: -9999; border: 0; width: 1px; height: 1px; }
#uploadStatusList { background: #0073ba; width: 100%; z-index: 499; position: fixed; bottom: 0; height: 52px; }
.uploadStatus { width: 0%; z-index: 500; position: fixed; background-color: #00a110; background-size: 0%; color: #fff; line-height: 52px; height: 52px; bottom: 0; }
#uploadStatusContent { z-index: 501; position: fixed; color: #fff; line-height: 52px; height: 52px; bottom: 0; width: 100%; }
.uploadStatusRemoveProgress { background: #0073ba !important; }
.uploadStatusFilename { padding-left: 20px; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uploadStatusCancel { cursor: pointer; display: inline-block; line-height: 52px; height: 52px; padding: 0 20px; position: fixed; right: 0; }
.uploadStatusCancelProcessing { line-height: 52px; height: 52px; padding: 0 20px; }
.cancelUploadIcon { line-height: 52px; width: 24px; vertical-align: middle; }
.noTouch .cancelUploadIcon:hover, .cancelUploadIcon:focus { opacity: .7; }
.uploadFormFilename { color: #4aba00; }
.paneTopUploadLabel { height: 32px; width: 64px; overflow: hidden; position: relative; cursor: pointer; background-color: #ddf; }
.paneTopUploadFileInput { cursor: pointer; height: 100%; position: absolute; top: 0; right: 0; z-index: 99; opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.moveOffScreen { left: -9999; position: absolute; }

/* ----- Login page ----- */
.loginPage { margin: 100px auto 0 auto; max-width: 500px; border: solid 1px #ccc; text-align: center; }
.loginPageHeader { background: #fff; padding: 22px 0 20px 0; border-bottom: solid 1px #ccc; }
.loginPageForm { background: #fff; padding: 30px 0; }
.loginPageForm p { margin-right: 15px; margin-left: 15px; }
.loginPageFormButton { width: 75%; margin: 0 auto; cursor: pointer; border: 0; -webkit-appearance: none; font-size: 15px; }
.loginPageFormInput { width: 75%; padding: 10px; font-size: 14px; }
.loginPageFormBottomLink { border-top: solid 1px #ccc; padding: 15px 0; margin: 0; background: #fff; }
.loginPageFormMessage { margin: 0 auto 30px auto; font-weight: 700; }
.lightGreyButton { background: #ddd !important; color: #222 !important; }
.noTouch .lightGreyButton:hover, .lightGreyButton:focus { background: #ccc !important; color: #222; }

/* ----- Single page media asset ----- */
.singlePageVideoArea { background: #000; outline: none; margin-top: 80px; }
.singlePageVideoContainer { background: #000; margin: 0 auto; height: auto !important; text-align: center; outline: none; }
.singlePageVideoMetadata { max-width: 960px; margin: 0 auto; padding: 30px 0 0 0; background: #fff; color: #222; }
.singlePageVideoMetadataLive { max-width: 1350px; }
.singlePageVideoMetadataTitle { font-size: 28px; line-height: 40px; overflow: hidden; }
.singlePageVideoMetadataOther { overflow: hidden; }
.singlePageVideoShareContainer { max-width: 540px; }
.singlePageVideoShareContainerSearch { width: 200px; }
.singlePageVideoInput { padding: 10px; width: 100%; background: #f9f9f9; color: #222 !important; border: solid 1px #d9d9d9; -webkit-appearance: none; border-radius: 0; }
.singlePageVideoInputTranscriptSearch { padding: 3px 30px 3px 8px; width: 200px; background: #fff; color: #222 !important; border: solid 1px #ccc; -webkit-appearance: none; border-radius: 0; margin: 0; }
.singlePageVideoMetadata select { border-radius: 2px; padding-left: 5px; background: #fff; color: #222; font-size: 13px; margin: 0; width: 200px; font-weight: 400; height: 28px; border-color: #ccc; }
.singlePageVideoTextarea { max-width: 540px; padding: 0 10px; width: 100%; line-height: 40px; height: 40px; background: #f9f9f9; color: #222 !important; border: solid 1px #ddd; -webkit-appearance: none; border-radius: 0; }
.singlePageVideoDownloadContainer { padding: 15px 0; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; }
.singlePageVideoActions { line-height: 40px; }
.singlePageVideoActions li { list-style: none; display: inline-block; padding: 0 20px 0 0; }
.singlePageVideoActions li a { padding: 8px 0 8px 0; color: #222; }
.noTouch .singlePageVideoActions li a:hover { border-bottom: solid 2px #222; cursor: pointer; }
.singlePageVideoActions li a:focus { border-bottom: solid 2px #222; cursor: pointer; }
.singlePageVideoActions li a.on, .noTouch .singlePageVideoActions li a.on:hover { border-bottom: solid 2px #222; color: #222; }
.singlePageVideoDownloadButtons li { list-style: none; display: inline-block; padding: 0 10px 0 0; }
.singlePageVideoDownloadButtons li a { padding: 10px; background: #eee; color: #222; border: 0; }
.noTouch .singlePageVideoDownloadButtons li a:hover { cursor: pointer; border: 0; opacity: .7; }
.singlePageVideoTranscriptTimecode { color: #888; padding: 2px 8px; background: #f3f3f3; display: inline-block; margin: 0 0 15px 0; cursor: pointer; }
.noTouch .singlePageVideoTranscriptTimecode:hover { background: #e3e3e3; }
.singlePageVideoTranscriptTimecode svg { height: 10px; width: 10px; margin-right: 5px; margin-top: -2px; vertical-align: middle; fill: #888; }
.singlePageVideoMetadataAction p { margin-bottom: 0; }
table.singlePageVideoMetadataAction { border: 0; margin: 0; width: 100%; }
table.singlePageVideoMetadataAction tr td { padding: 12px 15px 15px 15px; vertical-align: top; }
table.singlePageVideoMetadataAction tr td p { margin: 0; }
table.singlePageVideoMetadataAction tr td.first { width: 15%; padding-right: 15px; padding-left: 15px; /* border-top: solid 5px #0073ba; */ background: #f9f9f9; }
table.singlePageVideoMetadataAction tr td.first p { text-align: left; }
.transcriptDull { opacity: .5; cursor: pointer; }
.noTouch .transcriptText:hover { background: #e3e3e3; }
.transcriptFull { opacity: 1; }
.transcriptCurrentCue { background: #c2e7fd; text-decoration: underline !important; }
.transcriptCurrentSearchCue { background: #ba0000; }
.shareCopyLink { position: absolute; right: 3px; top: 3px; padding: 8px 10px 5px 10px; cursor: pointer; background: #f9f9f9; text-decoration: underline; }
.noTouch .transcriptCurrentCue:hover { background: #c2e7fd; }

/* ----- Interactive Transcript ----- */
.interactiveTranscript { position: absolute; top: 0; z-index: 5; background: #222; height: 100%; width: 300px; right: 0; color: #fff; font-size: 14px; line-height: 22px; padding: 0; word-wrap: break-word; }
.interactiveTranscriptHeader { background: #333; width: 300px; padding: 6px 15px; height: 44px; border-bottom: solid 1px #888; }
.interactiveTranscriptHeaderSelect { display: inline-block; border-radius: 2px !important;
background: #fff !important; color: #222 !important; font-size: 13px !important; margin: 2px 10px 0 0 !important; width: 85px !important; font-weight: 400 !important; word-wrap: normal; height: 28px !important; vertical-align: top; }
.interactiveTranscriptHeaderSearchContainer { width: 125px; display: inline-block; }
.interactiveTranscriptHeaderSearchInput { padding: 0 !important; margin: 0 !important; width: 110px !important; background: none !important; border: 0 !important; font-size: 13px !important; }
.interactiveTranscriptHeaderSearchInput.multiple { width: 55px !important; }
.interactiveTranscriptHeaderSearchArrowDown { position: absolute; right: -26px; top: 6px; z-index: 2; }
.interactiveTranscriptHeaderSearchArrowDown.multiple { right: 29px; }
.interactiveTranscriptHeaderSearchArrowUp { position: absolute; right: -42px; top: 6px; z-index: 2; }
.interactiveTranscriptHeaderSearchArrowUp.multiple { right: 13px; }
.interactiveTranscriptHeaderSearchResults { position: absolute; left: 180px; top: 5px; z-index: 2; font-size: 12px; opacity: .5; }
#interactiveTranscriptHeaderSearchClear { right: -15px !important; }
#interactiveTranscriptHeaderSearchClear.multiple { right: 40px !important; }
.interactiveTranscriptHeaderButton { background: #444; border: solid 1px #555; margin: 2px 0 0 3px; padding: 5px 10px !important; width: auto; height: auto; display: inline-block; color: #fff; font-size: 12px; }
.interactiveTranscriptHeaderButton:hover, .interactiveTranscriptHeaderButton:focus { background: #4a4a4a; }
.interactiveTranscriptHeaderButtonAction { background: #0073ba; border-color: #0092ed; }
.interactiveTranscriptHeaderButtonAction:hover, .interactiveTranscriptHeaderButtonAction:focus { background: #0083d4; }
.interactiveTranscriptHeaderImage { float: right; }
.interactiveTranscriptHeaderImage img { width: 20px; height: 20px; margin-top: 6px; margin-right: -1px; opacity: 1; }
.noTouch .interactiveTranscriptHeaderImage img:hover, .interactiveTranscriptHeaderImage img:focus { opacity: .7; }
.interactiveTranscriptBody { position: absolute; top: 44px; padding: 10px 0; overflow-y: scroll; overflow-x: hidden; width: 300px; }
.interactiveTranscriptContainer .interactiveTranscriptText { display: block; padding: 10px 15px 10px 15px; color: #fff; }
.noTouch .interactiveTranscriptContainer:hover .interactiveTranscriptText, .interactiveTranscriptContainer:focus .interactiveTranscriptText { background: #333; color: #fff; }
.interactiveTranscriptText textarea { width: 100%; outline: none; font-size: 13px; line-height: 21px; border: solid 1px #555; resize: none; }
.interactiveTranscriptTextCurrent { background: #0092ed !important; }
.interactiveTranscriptTextLimited { opacity: 0.5; cursor: not-allowed; }

/* ----- Video container ----- */
.player { text-align: center; margin: 0 auto; position: relative; }
.playerWinnov { max-width: 1280px; text-align: center; margin: 0 auto; cursor: pointer; }
.playerWinnov img { width: 100%; }
.player:focus { outline: none; }
.player img { width: 100%; }
#videoPlayAreaLink { outline: none; color: #fff; cursor: default; }
#videoPlayAreaLink:focus img { opacity: .7; }
.noTouch #videoPlayAreaLink:hover { color: #fff !important; }
#authorizedPlayerIcon:focus { opacity: .7 !important; }
#playerInitialContainer { z-index: 2; }
#playerInitialContainer:focus { outline: none; }
.noTouch #playerNotLogged:hover img, #playerInitialContainer:focus img { outline: none; opacity: .7; }
#playerError { z-index: 100000; position: absolute; width: 100%; }
/* #playerLoggedIn { max-height: calc(100vh - 200px); } */
#wwMobileVideoContainer { z-index: -9998; position: absolute; top: -9998; }
.imageBoxNotice { background: #0073ba; color: #fff; z-index: 5000; text-align: center; margin: 0 auto; padding: 10px; font-size: 14px; line-height: 21px; }

.authorizedPlayerIconResponsive { width: 20% !important; }
.playBtnLockResponsive { width: 13% !important; }
#playerInitialContainer { background-size: contain !important; }

/* ----- Light box ----- */
#wwLightBox { color: #fff; -webkit-font-smoothing: antialiased; }
.wwLightBoxDisableScrolling { overflow: hidden; }
.wwLightBoxOverlay { display: block; z-index: 2999; background: #000; background: rgba(85,85,85,.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.wwLightBox:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.wwLightBoxOverlayMedia { background: rgba(34,34,34,1) !important; }
.wwLightBox { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; text-align: center; width: auto; -webkit-overflow-scrolling: touch; }
/*
.wwLightBoxSingle:before { content: ''; display: inline-block; vertical-align: middle; }
.wwLightBoxSingle { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; text-align: center; width: auto; -webkit-overflow-scrolling: touch; }
 */
.wwLightBoxOverlayCloseTarget { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.wwLightBoxContent { position: relative; display: inline-block; vertical-align: middle; margin: 0; width: auto; text-align: left; margin: 50px 0; }
.wwLightBoxContentActions { width: 100%; max-width: 550px; background: #222; margin: 0 !important; }
.wwLightBoxContentSpacer { padding: 30px; }
.wwLightBoxContentSpacer a { color: #fff; }
#wwLightBoxTopBar { width: 100%; height: 52px; line-height: 52px; z-index: 5000; border-bottom: solid 1px #333; }
.wwLightBoxClose { cursor: pointer; width: 54px; height: 50px; line-height: 50px; position: absolute; top: 0; right: 0; text-align: center; }
.wwLightBoxClose img { width: 24px; height: 24px; margin-top: 0; vertical-align: middle; opacity: 1; }
.noTouch .wwLightBoxClose:hover img, .wwLightBoxClose:focus img { opacity: .5; }
.wwLightBoxBack { cursor: pointer; width: 24px; height: 50px; line-height: 50px; position: absolute; top: 0; right: 54px; }
.wwLightBoxBack img { width: 24px; height: 24px; margin-top: 0; vertical-align: middle; opacity: 1; }
.noTouch .wwLightBoxBack:hover img, .wwLightBoxBack:focus img { opacity: .5; }
.wwLightBoxPopOut { cursor: pointer; width: 24px; height: 50px; line-height: 50px; position: absolute; top: 0; right: 54px; }
.wwLightBoxPopOut img { width: 24px; height: 24px; margin-top: 0; vertical-align: middle; opacity: 1; }
.noTouch .wwLightPopOut:hover img, .wwLightPopOut:focus img { opacity: .5; }
.noTouch .wwLightPopIn:hover img, .wwLightPopIn:focus img { opacity: .5; }
#wwLightBox p { padding: 0 0 20px 0; margin: 0; }
div.likeAPTag { padding-bottom: 20px; }
#wwLightBox select, .singlePageVideoArea select { border-radius: 2px; padding-left: 5px; background: #fff; color: #222; font-size: 13px; margin: 0 0 30px 0; width: 350px; font-weight: 400; height: 28px; }
#wwLightBox .selectSmall { width: 250px; }
#wwLightBoxTopLeft { text-align: left; width: 420px; height: 52px; line-height: 52px; position: absolute; top: 0; left: 15px; }
.wwLightBoxLink { color: #fff !important; cursor: pointer; border-bottom: solid 1px #fff; }
.noTouch .wwLightBoxLink:hover, .wwLightBoxLink:focus { color: rgba(255,255,255,.7) !important; border-bottom:  solid 1px rgba(255,255,255,.6); }
.wwLightBoxLinkImage { height: 16px; width: 16px; vertical-align: middle; margin-right: 7px; opacity: 1 !important; }
.noTouch .wwLightBoxLinkImage:hover { opacity: .5 !important; }
.wwLightBoxLinkImageNoHover { height: 16px; width: 16px; vertical-align: middle; margin-right: 7px; }
.wwLightBoxLinkImageLeftOfText { margin-top: -2px !important; margin-left: 8px !important; }
.selectionDiv { width: 100%; margin: 0 auto; background: #222; color: #fff !important; border: solid 1px #888; padding: 8px 5px; display: block; }
#shareGroupUserContainer p { padding: 10px !important; }
#shareGroupUserContainer p.header { border-bottom: solid 1px #888; background: #333; }
#groupList, #userList { padding: 0; width: 48%; text-align: left; }
#groupListScroll, #userListScroll, .batchListScroll { overflow-x: hidden; overflow-y: auto !important; max-height: 195px; height: auto; }
.tagListScroll, .zoomListScroll, #shareListScroll { overflow-x: hidden; overflow-y: auto !important; max-height: 295px; height: auto; }
.shortUserListScroll { max-height: 155px !important; }
#uploadFormScroll { overflow-x: hidden; overflow-y: auto !important; max-height: 160px; height: auto; }
.librarySettingsDiv .groupSharePermissionItem { border-bottom: solid 2px #222; background: #333; }
.groupSharePermissionItemNoResults { background: #333; }
.objectTagItem .title { width: calc(100% - 28px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.accountTagItem .title, .accountZoomItem .title, .batchListItem .title { width: calc(100% - 72px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.copyItem .title { width: calc(100% - 84px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.objectTagItem img, .batchListItem img, .accountTagItem img, .accountZoomItem img { width: 16px !important; height: 16px !important; }
#groupSharePermissionDiv { height: auto; max-height: 295px; overflow-x: hidden; background: #eee; color: #222; }
.groupSharePermissionItem { width: 100%; display: block; text-align: left; height: 45px !important; line-height: 0 !important; padding: 0 10px; margin: 0; border-bottom: solid 1px #bbb; }
.groupSharePermissionItem.groupSharePermissionItemTags { height: auto !important; }
.groupSharePermissionItem.admin { font-weight: bold; }
.groupSharePermissionItem select { width: 85px !important; display: inline-block; margin: 0 !important; font-size: 12px; border-color: #aaa !important; border-width: 1px; }
.groupSharePermissionItem.visibilitySelect select { width: 196px !important; }
.groupSharePermissionItemName { display: inline-block; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px !important; }
.groupSharePermissionItemName.visibilityName { width: 50% !important; }
.groupSharePermissionItemNameTags { width: 100% !important; overflow: visible !important; white-space: normal !important; }
.groupSharePermissionItemSelect { float: right; display: inline-block; line-height: 45px !important; }
.groupSharePermissionItemSpan { float: right; text-align: right !important; display: inline-block; line-height: 45px !important; width: 75px !important; margin: 0 !important; font-size: 12px !important; }
.uploadCaptionLanguageSelect { display: inline-block !important; margin: 0 0 0 0 !important; width: auto !important; }
.uploadFormInputTitle { padding: 0 5px; width: 100%; line-height: 34px; height: 34px; background: #222; color: #fff; border: solid 1px #888; -webkit-appearance: none; border-radius: 0; }
.uploadFormInputTitle::-webkit-input-placeholder { color: #fff; } .uploadFormInputTitle::-moz-placeholder { color: #fff; }
.uploadFormInputTitle:-ms-input-placeholder { color: #fff; } .uploadFormInputTitle:-moz-placeholder { color: #fff; }
.uploadFormInputTitleCopy { position: absolute; right: 1px; top: 3px; padding: 2px 10px; cursor: pointer; background: #222; }
.errorInput { border: solid 1px #eb0000 !important; background: #390000 !important; }
.uploadFormInputTitleDeleteContainer { position: absolute; right: 0; top: 4px; z-index: 2; }
.uploadFormInputTitleDelete { height: 16px; width: 16px; vertical-align: middle; margin-right: 7px; opacity: 1 !important; cursor: pointer; }
.noTouch .uploadFormInputTitleDelete:hover { opacity: .7 !important; }
.uploadFormInputDescription { padding: 0 5px; width: 100%; background: #222; color: #fff; border: solid 1px #888; -webkit-appearance: none; border-radius: 0; margin: 0; }
.uploadFormInputTitleTimeCode { width: 55px; line-height: 30px; height: 30px; }
.uploadFormInputTitleTimeCode::-webkit-input-placeholder { color: rgba(255,255,255,.7); } .uploadFormInputTitleTimeCode::-moz-placeholder { color: rgba(255,255,255,.7); } .uploadFormInputTitleTimeCode:-ms-input-placeholder { color: rgba(255,255,255,.7); } .uploadFormInputTitleTimeCode:-moz-placeholder { color: rgba(255,255,255,.7); }
.uploadFormInputTitleCapture { max-width: 320px; }
#videoShareAdvancedArea, #imageShareAdvancedArea { background: #333; padding: 10px; border: solid 1px #888; border-top: 0; }
#imageShareAdvancedArea { padding-top: 0 }
.wwLightBoxImageFull { width: 100%; }
.zoomRuleSelectSmall { width: 125px !important; margin: 0 5px !important; }
.zoomRuleSelectLarge { width: 200px !important; margin: 0 5px !important; }
.zoomRuleInput { width: 200px !important; margin: 0 5px !important; }

/* ----- Light box: tabs ----- */
.wwLightBoxTabs { margin: 0 0 25px 0; }
.wwLightBoxTabs a { padding: 6px 7px; margin-right: 10px; display: inline-block; cursor: pointer; border: solid 1px #666; color: #888 !important; }
.wwLightBoxTabs a:nth-last-child(1) { margin-right: 0; }
.noTouch .wwLightBoxTabs a:hover, .wwLightBoxTabs a:focus { border-color: #fff; color: #fff !important; }
.wwLightBoxTabs a.active { border-color: #fff !important; color: #222 !important; background: #fff; }
.noTouch .wwLightBoxTabs a.active:hover, .wwLightBoxTabs a.active:focus { color: #222 !important; }

/* ----- Light box: hoverShare ----- */
ul.hoverShare { padding: 0 0 0 8px; }
ul.hoverShareTags { padding-top: 7px !important; padding-left: 0 !important; }
ul.hoverShare li.hoverShareFirst { margin-right: 8px; }
ul.hoverShare li { list-style: none; display: inline-block; }
ul.hoverShare li a { line-height: 30px; background: #555; color: #fff !important; margin-right: 8px; margin-bottom: 8px; padding: 0 8px; display: inline-block; }
.noTouch ul.hoverShare li a:hover, ul.hoverShare li a:focus { background: #666; cursor: pointer; }
ul.hoverShare li a div { display: inline; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 200px; }
ul.hoverShare li a.disabled { background: #333; }
.noTouch ul.hoverShare li a.disabled:hover { background: #333; cursor: default; }
ul.hoverShare li a.dark { background: #555; }
.noTouch ul.hoverShare li a.dark:hover { background: #555; opacity: .7; }
ul.hoverShare li a.bluePill { background: #0073ba; }
.noTouch ul.hoverShare li a.bluePill:hover { background: #0073ba; opacity: .7; }
ul.hoverShare li a.on { background: #00a110; }
.noTouch ul.hoverShare li a.on:hover { background: #00a110; }
ul.hoverShare li a.disable { background: #444; color: #777 !important; }
.noTouch ul.hoverShare li a.disable:hover { background: #444; color: #777 !important; }
img.hoverSharePlus { width: 14px !important; height: 14px !important; margin-top: -1px; margin-left: 7px; vertical-align: middle; }
img.hoverSharePlus.leftSide { margin-right: 7px; margin-left: 0; }

/* ----- Light box: hoverShareList ----- */
ul.hoverShareList li { list-style: none; }
ul.hoverShareList li a { color: #fff; line-height: 45px; height: 45px; padding: 0 10px; display: block; background: #555; border-bottom: solid 1px #222; width: 100%; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: wrap; }
ul.hoverShareList li a.darkNoHover { background: #333; }
.noTouch ul.hoverShareList li a.darkNoHover:hover, ul.hoverShareList li a.darkNoHover:focus { background: #333; }
.noTouch ul.hoverShareList li a:hover, ul.hoverShareList li a:focus { background: #666; }
ul.hoverShareList li a img { margin-top: 14px; }
.noTouch ul.hoverShareList.hoverShareListTags li a:hover, ul.hoverShareList.hoverShareListTags li a:focus { background: #666 !important; }
ul.hoverShareList li a.on { background: #00a110; }
.noTouch ul.hoverShareList li a.on:hover, ul.hoverShareList li a.on:focus { background: #00a110; }
.noTouch ul.hoverShareList.hoverShareListTags li a.on:hover, ul.hoverShareList.hoverShareListTags li a.on:focus { background: #018e0f !important; }
ul.hoverShareList li a.disable { background: #444; color: #777 !important; }
.noTouch ul.hoverShareList li a.disable:hover, ul.hoverShareList li a.disable:focus { background: #444; color: #777 !important; }

/* ----- Light box: Buttons ----- */
.standAloneButton { width: 70%; max-width: 320px; margin: 0 auto 15px auto; display: block; }
.standAloneButtonNoSideMargin { margin-left: 0 !important; margin-right: 0 !important; }
.smallButton { width: 120px !important; }
.naturalWidthButton { margin-right: 0 !important; margin-left: 0 !important; display: inline-block !important; }
.blueButton { background: #0073ba; padding: 11px 15px 9px 15px; cursor: pointer; color: #fff; display: block; margin: 5px auto 15px auto; -webkit-font-smoothing: antialiased; text-align: center; -webkit-appearance: none; }
.noTouch .blueButton:hover, .blueButton:focus { color: #fff; opacity: .7; }
.blueButtonImage { width: 18px; height: 18px; margin-top: 2px; vertical-align: middle; }
.blueButtonSmall { background: #0073ba; padding: 5px 6px; cursor: pointer; color: #fff; margin-left: 8px; }
.noTouch .blueButtonSmall:hover, .blueButtonSmall:focus { opacity: .7; }
.noTouch .blueButton.active:hover, .blueButton.active:focus { opacity: .7; }
.greyButton { background: #444 !important; }
.noTouch .greyButton:hover { opacity: .7 !important; }
.greyButton.disabled { background: #333333 !important; color: #555; cursor: default; }
.noTouch .greyButton.disabled:hover { background: #333333 !important; color: #555; }
.greyButtonNoHover { background: #444 !important; cursor: default !important; }
.noTouch .greyButtonNoHover:hover { background: #444 !important; }
.redButton { background: #ba0000 !important; }
.noTouch .redButton:hover, .redButton:focus { background: #ed0000 !important; }

/* ----- Light box: Picking thumbnail ----- */
.infoThumbnailContainerLeft { width: 50%; float: left; padding-right: 15px; }
.infoThumbnailContainerRight { width: 50%; float: right; text-align: right; position: relative; line-height: 0; }
.infoThumbnailContainerRightEdit { position: absolute; right: 1px; top: 1px; background: rgba(34,34,34,.5); color: #fff; font-size: 12px; line-height: 12px; padding: 5px 8px 5px 8px; margin-left: -48px; font-weight: 700; cursor: pointer; }
.noTouch .infoThumbnailContainerRight:hover .infoThumbnailContainerRightEdit { background: #0073ba; }
.infoThumbnailImage { max-width: 100% !important; max-height: 155px !important; width: auto !important; border: solid 1px #888; cursor: pointer; }
.infoThumbnailImage.disabled { cursor: default !important; }
.noTouch .infoThumbnailImage.disabled:hover, .noTouch .infoThumbnailImage.disabled:focus { opacity: 1 !important; }
.infoThumbnailImageSelected { width: 100%; border: solid 1px #fff; }
.infoThumbnailImageSelect { width: 20% !important; border: solid 1px #555; float: left; cursor: pointer; opacity: .7; }
.noTouch .infoThumbnailImageSelect:hover, .noTouch .infoThumbnailImageSelect:focus { opacity: 1; }
.infoThumbnailImageSelect.on { border: solid 1px #fff; opacity: 1; }
.noTouch .infoThumbnailImageSelect.on:hover, .noTouch .infoThumbnailImageSelect.on:focus { opacity: 1; }
.infoThumbnailDelete { max-width: 100% !important; max-height: 100px !important; width: auto !important; border: solid 1px #888; }

/* ----- Light box: Hotspot Analytics ----- */
.analyticsTable { display: table; width: 100%; margin: 0 0 0 0; border-bottom: solid 1px #555; }
.analyticsTableRow { display: table-row; width: 100%; clear: both; }
.analyticsTableColumn { float: left; display: table-column; width: 22%; padding: 12px 10px 12px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline; text-align: left; border-top: solid 1px #555; border-left: solid 1px #555; line-height: 36px; }
.analyticsTableColumnHeading { background: #333; line-height: 28px; }
.analyticsTableColumn img { height: 16px !important; width: auto !important; cursor: pointer; opacity: .5; vertical-align: middle; }
.analyticsTableColumn img:hover { opacity: .4; }
.analyticsTableColumnFull { width: 100%; border-right: solid 1px #555; }
.analyticsTableColumnUser { width: 40%; }
.analyticsTableColumnPercentage { width: 20%; }
.analyticsTableColumnWatchedInside { width: 100%; display: inline-block; vertical-align: top; position: relative; }
.analyticsTableColumnWatchedPercentage { z-index: 100; left: 8px; top: 8px; position: absolute; background: rgba(34,34,34,1); line-height: 20px; padding: 0 5px; }
.analyticsTableColumnWatched { width: 60%; border-right: solid 1px #555; }
.analyticsTableColumnWatched .on { display: inline-block; background: #00a110; float: left; }
.analyticsTableColumnWatched .on:hover { background: #01d216; }
.analyticsTableColumnWatched .off { display: inline-block; background: #333; float: left; }
.analyticsDateInput { -webkit-appearance: none; outline: none; background: #222; border: 0; border-radius: 0; color: #fff; padding: 0 5px 1px 5px; margin: 0 6px; width: 90px; border: solid 1px #888; }
#analyticsUserSearch { padding: 0 5px 1px 5px; border: 0; background: #222; width: 125px; -webkit-appearance: none; outline: none; color: #fff; border-radius: 0; }
.engagementMuteUnmuteImage { width: 22px !important; height: 22px !important; margin-top: 5px; margin-left: 15px; cursor: pointer; vertical-align: top; }
.noTouch .engagementMuteUnmuteImage:hover { opacity: 0.7; }

/* ----- Light box: Capture ----- */
#rtcCapture, .wwvpRtcCapture { position: relative; display: inline-block; height: 275px !important; width: 490px !important; }
#rtcCaptureAudio { width: 100%; max-width: 490px; height: auto; }
#liveCapture { position: relative; display: inline-block; width: 100%; height: 540px; }
.flashCaptureControls { width: 320px; margin: 0 auto; }
.liveCaptureContainer { width: 1350px; margin: 0 auto; }
.liveCaptureControls { width: 960px; float: left; }
.liveCaptureControlsFull { width: 100%; }
.liveCaptureStartStopButton { position: absolute; z-index: 1000; bottom: 0; left: 50%; margin-left: -120px; width: 240px; line-height: 24px; }
.noTouch .liveCaptureStartStopButton:hover { background: #0073ba; opacity: .7; }
.liveCaptureStartStopButton:focus { background: #0073ba; }
.liveCaptureStartStopButton.active { background: #00a110; }
.noTouch .liveCaptureStartStopButton.active:hover, .liveCaptureStartStopButton.active:focus { background: #00a110; }
.liveOptionsContainer { margin-left: 30px; width: 360px; float: left; text-align: left; }
.liveOptionsSetupArea, .liveOptionsWatchersArea { overflow-x: hidden; overflow-y: auto !important; height: 496px; -webkit-overflow-scrolling: touch; padding: 7px 13px 15px 13px; border-right: solid 2px #333; border-bottom: solid 2px #333; border-left: solid 2px #333; }
.liveOptionsChatArea { overflow-x: hidden; overflow-y: auto !important; height: 409px; -webkit-overflow-scrolling: touch; padding: 7px 0 10px 0; border-right: solid 2px #333; border-left: solid 2px #333; }
.liveOptionsChatArea p { margin: 5px 13px 0 13px; }
.liveOptionsWatchersArea p { margin: 5px 0 0 0; }
.liveChatHeader { background: #333; padding: 10px 15px; }
.liveChatFooter { background: #333; padding: 12px 15px 15px 15px; }
#liveChatEntry, #liveChatHandle { background: #222; border: 0; width: calc(100% - 39px); }
#liveChatEntry::-webkit-input-placeholder { color: #888; } #liveChatEntry::-moz-placeholder { color: #888; } #liveChatEntry:-ms-input-placeholder { color: #888; } #liveChatEntry:-moz-placeholder { color: #888; }
.liveSubmit { width: 24px; height: 24px; margin-top: 0; margin-left: 15px; vertical-align: middle; opacity: 1; }
.noTouch .liveSubmit:hover, .liveSubmit:focus { opacity: .5; }
.flashCaptureIcon { width: 64px !important; height: 64px !important; cursor: pointer; }
.noTouch .flashCaptureIcon:hover { opacity: .5; }
select.flashCaptureVideoAudioSource { width: 316px !important; background-position: 97% center !important; margin-bottom: 15px; }
.flashCaptureVideoAudioSourceLiveBroadcast { width: 330px !important; background-position: 97% center !important; margin-bottom: 15px; }
.tableColumnFlashCaptureMicLevel { font-size: 36px; letter-spacing: -1px; }
.table { display: table; width: 100%; background-color: #eee; border-spacing: 1px; margin: 0 0 30px 0; }
.tableFlashCapture { background-color: #222 !important; margin-bottom: 0 !important; border-spacing: 0px !important; }
.tableRow { display: table-row; width: 100%; clear: both; background: #fff; color: #222; }
.tableRow:last-child, .tableRowHeader:last-child { background: #fff !important; }
.tableRowFlashCapture { background: #222 !important; }
.tableRowFlashCapture:last-child { background: #222 !important; color: #fff !important; }
.tableColumn { float: left; display: table-column; width: 22%; padding: 5px 5px 4px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tableColumn img { height: 16px; width: 16px; }
.tableColumnEngagementPlay { width: 30% !important; padding: 10px 0; line-height: 20px !important; }
.tableColumnEngagementText { width: 70% !important; padding: 2px 0; line-height: 50px !important; }
.tableColumnFlashCapture { width: 33% !important; padding: 10px 0; line-height: 64px !important; }
.tableColumnFlashCaptureTrim { width: 37% !important; padding: 10px 0; line-height: 50px !important; }
.tableColumnFlashCaptureTrimNoLineHeight { width: 33% !important; padding: 10px 0; }
.tableColumnFlashCaptureButton { width: 34% !important; padding: 10px 0; }
.tableColumnFlashCaptureButtonTrim { width: 26% !important; padding: 10px 0; }
.tableColumnFlashCaptureButtonAnalytics { width: 34% !important; padding: 10px 0; }
.tableColumnFlashCaptureButton span:focus img { opacity: .5; }
#liveCaptureBroadcastView { position: relative; line-height: 0; }
.liveCaptureBroadcastViewBackground { background: #000; }
.liveCaptureBroadcastViewStatus { position: absolute; left: 50%; top: 10px; z-index: 4;  color: #fff; padding: 4px 5px; width: 80px; margin-left: -40px; line-height: 18px; -webkit-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; background: #ff0000; }
.liveCaptureBroadcastViewStatusReconnecting { width: 100px; margin-left: -50px; background: #333; color: #fff; top: 10px; }
.pulsateBackgroundRed { background: #ba0000; }
.pulsateBackgroundGrey { background: #222; }
.wwvpRecordContainer video { background: #000; }
.screenCaptureSelect { width: 40%; float: left; padding: 15px 0 15px 0; }
.screenCaptureNote { width: 75%; margin-right: auto !important; margin-left: auto !important; }
.noTouch .screenCaptureSelect:hover { background: #333; cursor: pointer; }
.screenCaptureSelectLeft { margin-left: 10%; }

/* ----- Light box: Trim/Clipping ----- */
.trimControls { width: 490px; margin: 0 auto; }
#trimVideo { font-size: 0; line-height: 0; }
#trimVideo .wwvp { position: relative; display: inline-block; height: 275px !important; width: 490px !important; }
.trimActive { box-shadow: inset 0px 0px 0px 2px; }
.trimSection { height: 60px; width: 490px; position: absolute; z-index: 3; }
.trimmedSection { float: left; height: 100%; }
.trimBarContainer { float: left; height: 100%; width: 20px; }
.trimBarWhite { float: left; height: 100%; width: 20px; background-color: #000; color: #fff; cursor: col-resize; line-height: 60px; text-align: center; font-size: 28px; font-weight: 700; }
.trimBarTrimming { background-color: #ffff00; border-bottom: solid 2px #ffff00; color: #000; line-height: 56px !important; }
.trimBarFill { float: left; height: 100%; width: 0; opacity: 0; }
.trimmingOverlayContainer { height: 60px; width: 490px; margin-left: 0; position: absolute; z-index: 2; }
.trimmingOverlayFill { position: relative; float: left; height: 100%; }
.trimmingOverlay { position: relative; float: left; height: 100%; background-color: #fff; opacity: 0.8; }
.trimmingSectionContainerTrimming { border-top: solid 2px #ffff00 !important; border-bottom: solid 2px #ffff00 !important; }
.trimSeekContainer { float: left; height: 100%; opacity: 1; border-top: solid 2px #000; border-bottom: solid 2px #000; }
.trimSeekSpacing { float: left; height: 100%; width: 0px; background-color: white; opacity: 0; }
.trimSeekBar { float: left; height: 100%; width: 4px; opacity: 1; background-color: #fff; cursor: col-resize; }
.thumbnailBarContainer { height: 60px; width: 450px; margin-left: 20px; position: absolute; z-index: 1; }
.thumbnailBar { height: 100%; width: 450px; background-color: #555; }
.trimPlayPauseImage { width: 50px; height: 50px; cursor: pointer; }
.noTouch .trimPlayPauseImage:hover { opacity: 0.7; }

/* ----- Light box: Plugin mode embed picking ----- */
.pluginEmbedSettings { height: 100%; width: 100%; z-index: 1002; top: 0; left: 0; bottom: 0; right: 0; position: fixed; background-color: #222; }
.pluginEmbedSettingsContainer { height: 100%; overflow-y: auto; padding: 20px; }
.pluginEmbedSettingsContainer ul { border-top: solid 1px #555; padding-top: 10px; }
.pluginEmbedSettingsContainer ul li { list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #555; }
.pluginEmbedSettingsContainer ul li label { margin-left: 5px; cursor: pointer; }

/* ----- Light box: Video resizing ----- */
.singlePageVideoPlayerLive { float: left; }
#playerLoggedInHover, #playerNotLoggedHover, #playerLoggedIn, #playerNotLogged { width: 960px; height: 540px; }
#playerInitialContainer { height: 100%; width: 100%; }
@media only screen and (max-width: 960px) {
    #wwLightBox #playerLoggedInHover, #wwLightBox #playerNotLoggedHover { width: 720px; height: 405px; }
}
@media only screen and (max-width: 720px) {
    #wwLightBox #playerLoggedInHover, #wwLightBox #playerNotLoggedHover { width: 540px; height: 304px; }
}
@media only screen and (max-width: 540px) {
    #wwLightBox #playerLoggedInHover, #wwLightBox #playerNotLoggedHover { width: 414px; height: 233px; }
}
@media only screen and (max-width: 413px) {
    #wwLightBox #playerLoggedInHover, #wwLightBox #playerNotLoggedHover { width: 375px; height: 210px; }
}
@media only screen and (max-width: 374px) {
    #wwLightBox #playerLoggedInHover, #wwLightBox #playerNotLoggedHover { width: 320px; height: 180px; }
}
@media only screen and (max-width: 319px) {
    #wwLightBox #playerLoggedInHover, #wwLightBox #playerNotLoggedHover { width: 220px; height: 123px; }
}

/* ----- Admin Tool ----- */
.paneTopAdminHeader { top: 142px; height: 42px; line-height: 42px; }
#paneTopAdmin { width: 100%; }
.paneMiddleAdmin, .paneMiddleAdminRegular { top: 138px; height: auto; -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.paneMiddleAdminError { padding: 15px; text-align: center; }
#paneMiddleSearchResultsBottom { padding: 0 20px 0 20px; height: 49px; line-height: 49px; }
#propertiesPane { text-align: center; color: #fff; -webkit-font-smoothing: antialiased; }
.propertiesPaneDisableScrolling { overflow: hidden; }
#propertiesPaneOverlay { display: block; z-index: 2999; background: #000; background: rgba(85,85,85,.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
#propertiesPaneCenter { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; text-align: center; width: auto; -webkit-overflow-scrolling: touch; }
#propertiesPaneCenter:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.propertiesPaneCenterCloseTarget { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.propertiesPaneContentTop { width: 100%; height: 52px; line-height: 52px; z-index: 5000; border-bottom: solid 1px #333; }
#propertiesPaneContent { width: 100%; max-width: 550px; background: #222; margin: 0 !important; position: relative; display: inline-block; vertical-align: middle; text-align: left; }
.propertiesPaneClose { cursor: pointer; width: 54px; height: 50px; line-height: 50px; position: absolute; top: 0; right: 0; text-align: center; }
.propertiesPaneBack { cursor: pointer; width: 24px; height: 50px; line-height: 50px; position: absolute; top: 0; right: 54px; text-align: center; }
#propertiesPane img.paneTopPropertiesImage { width: 24px; height: 24px; vertical-align: middle; opacity: 1; cursor: pointer; }
.noTouch #propertiesPane img:hover { opacity: .5; }
#propertiesContent { padding: 30px; }
#propertiesPane p { margin: 0; padding: 0 0 10px 0; }
#propertiesPane input { border: 0; width: 250px; padding: 2px 5px; -webkit-appearance: none; border-radius: 0; }
#propertiesPane input.uploadFormInputTitle { border: solid 1px #888; }
.propertiesButton { width: 70px; margin: 0; }
#propertiesPane select { height: 28px; font-size: 14px; width: 250px; border: 0; background: #fff; }
.flashMessageContainer { position: fixed; z-index: 5000; width: auto; left: 50%; bottom: 20px; margin-right: 20px; cursor: pointer; }
.noTouch .flashMessageContainer:hover img { opacity: .7; }
.flashMessageContainer img { height: 18px; width: 18px; vertical-align: middle; margin-right: 15px; margin-top: -3px; }
.flashMessage { position: relative; padding: 15px; font-size: 13px; line-height: 20px; }
.flashMessageSuccess { background-color: #000; color: #fff; }
.flashMessageError { background-color: #ba0000; color: #fff; }
.adminBorderBottom { border-bottom: solid 1px #eee; }
.adminLineAmount { font-size: 22px; padding: 5px 0 15px 0; }
.adminLineBlock { width: 50%; float: left; color: #222; display: block; padding: 40px 40px 20px 0; }
.adminLineBlock:nth-child(2n) { border-right: 0; padding-right: 0; padding-left: 40px; }
.adminLineBlockThree { width: 33.3333%; float: left; color: #222; display: block; padding: 40px 20px 40px 0; }
.adminLineBlockThree:nth-child(2) { padding-left: 20px; }
.adminLineBlockThree:nth-child(3) { padding-right: 0; padding-left: 20px; }
.adminLineBlockFour { width: 25%; float: left; color: #222; display: block; padding: 40px 20px 40px 0; }
.adminLineBlockFour:nth-child(2) { padding-left: 20px; }
.adminLineBlockFour:nth-child(3) { padding-left: 20px; }
.adminLineBlockFour:nth-child(4) { padding-right: 0; padding-left: 20px; }
.adminLineBar { width: 100%; background: #eee; height: 32px; }
.adminLineBarBg { background: #eee; }
.adminLineBarFill { height: 32px; float: left; }
.adminLineBarFill:last-child { background-image: none; }
.adminLineBarFill:hover { opacity: .9; }
.adminLineBarFillGrey { background: #888; }
.adminLineBarFillGrey:nth-child(even) { background: #aaa; }
.adminLineBarFillBlue { background: #0073ba; }
.adminLineBarFillBlue:nth-child(even) { background: #029efe; }
.adminLineBarFillGreen { background: #00a110; }
.adminLineBarFillRed { background: #ba0000; }
.adminLineBarFillRed:nth-child(even) { background: #e00000; }
.adminChartBlock { width: 50%; float: left; color: #222; display: block; padding: 40px 40px 20px 0; }
.adminChartBlock:nth-child(2n) { border-right: 0; padding-right: 0; padding-left: 40px; }
.adminLineBarFill:last-child { margin-right: 0; }
.membershipFilter::-webkit-input-placeholder { color: #fff; } .membershipFilter::-moz-placeholder { color: #fff; }
.membershipFilter:-ms-input-placeholder { color: #fff; } .membershipFilter:-moz-placeholder { color: #fff; }
.tableAdmin { display: table; width: 100%; table-layout: fixed; margin: 0; border-top: solid 1px #eee; }
.tableAdmin .tableRowNoHover .tableColumnAdmin { cursor: default; border-bottom: 0; }
.tableAdminDashboard .tableRow { background: #fff !important; }
.tableAdmin .tableRowNoHover { background-color: #fff !important; }
.noTouch .tableAdmin .tableRowNoHover:hover { background-color: #fff !important; }
.tableAdmin .tableRow.on { background-color: #fafcbf; }
.tableAdminDashboard { font-size: 13px; }
.tableColumnAdmin { float: left; display: table-column; width: 22%; padding: 0 5px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid 1px #eee; line-height: 42px; height: 42px; }
.tableColumnAdminHeader { padding-top: 0; padding-bottom: 0; font-size: 14px; border-bottom: solid 1px #eee; height: 47px; }
.noTouch .tableRowAdmin:hover .tableColumnAdminHeader { border-bottom: solid 1px #eee !important; }
.adminListError { background: #ba0000; width: auto; padding: 0 5px; display: inline-block; line-height: 24px; margin-top: -2px; margin-right: 10px; font-size: 13px; color: #fff; vertical-align: middle; }
.tableRowAdmin { background: #fff; color: #222; }
.tableRowAdmin:last-child { background: #fff !important; }
.tableRowAdmin:hover .tableColumnAdmin { border-bottom: solid 1px #222; }
.tableColumnHeader { background: #f9f9f9; font-weight: bold; }
.tableColumnAdminTop { border-top: solid 1px #eee; }
.tableColumnAdminOverview { width: 50% !important; }
.tableColumnAdmin:last-child { padding-right: 0; }
.tableColumnAdminData { height: 32px; line-height: 32px; font-size: 13px; }
.tableColumnAdminFirst { width: 65%; padding-left: 0 !important; }
.tableColumnAdminFull { width: 100%; padding-left: 0 !important; }
.tableColumnAdminSecond { width: 35%; text-align: right; padding-right: 0 !important; }
.tableColumnAdminDashboard { padding: 3px 0 3px 0; border-bottom: 0; line-height: 24px; height: auto; }
.tableColumnAdminHeaderDashboard { font-weight: bold; border-bottom: 0; }
.tableColumnSearchLibraryFirst { width: 35%; padding-left: 0; }
.tableColumnSearchLibraryLast { width: 19%; }
.tableColumnSearchUserLast { width: 12%; text-align: right; }
.tableColumnSearchAssetFirst { width: 31%; padding-left: 0; }
.tableColumnSearchAssetThumbnail, .tableColumnSearchLibraryThumbnail { width: 13%; line-height: 0 !important; padding: 0; }
.tableColumnSearchAssetThumbnail { width: 74px; height: 42px; vertical-align: top; margin-right: 10px; }
.tableColumnSearchLibraryThumbnail { width: 42px; height: 42px; vertical-align: top; margin-right: 10px; }
.tableColumnSearchCCThumbnail { width: 74px; height: 42px; vertical-align: top; margin-right: 10px; }
.tableColumnSearchAssetLast { width: 16%; }
.tableColumnSearchGroupFirst { width: 36%; }
.tableColumnSearchGroupSecond { width: 14%; }
.tableColumnSearchGroupThird { width: 36%; }
.tableColumnSearchGroupFourth { width: 14%; text-align: right; }
.tableColumnSearchGroupLast { width: 16%; text-align: right; }
.tableColumnSearchMediaActivityLogLast { width: 22%; text-align: right; }
.tableColumnSearchZoomActivityLogLast { width: 8%; text-align: right; }
.tableColumnSearchKeysLast { width: 14%; text-align: right; }
.tableColumnGuestAccountLast { width: 16%; text-align: right; }
.tableColumnInstitutionalOptionFirst { width: 35%; }
.tableColumnInstitutionalOptionSecond { width: 65%; white-space: normal; }
.tableColumnCaptionRequestFirst { width: 32%; }
.tableColumnCaptionRequestLast { width: 10%; text-align: right; }
.tableColumnCaptionProfileFirst { width: 22%; }
.tableColumnWider { width: 34%; }
.tableColumnWiderTwo { width: 50%; }
.tableColumnWiderThree { width: 56%; }
.tableColumnXS { width: 5%; }
.tableColumnS { width: 8%; }
.tableColumnM { width: 14%; }
.tableColumnL { width: 18%; }
.tableColumnXL { width: 22%; }
.hoverBoxLink { color: #fff !important; cursor: pointer; border-bottom: solid 1px #fff; }
.listAuthenticateAdmin { overflow-x: visible !important; overflow-y: visible !important; }
.tagList { width: 100%; max-width: 500px; margin: 0 auto; padding: 5px 0; text-align: left; }
.tagListScrollAdmin { max-height: 195px !important; }
.serviceLogContainer { border-bottom: solid 1px #555; }
.serviceLogEvent { border-top: solid 1px #555; padding-top: 10px; }
.serviceLogEventDataItem { padding-left: 30px !important; padding-bottom: 10px !important; word-wrap: break-word; }
.menuSourceSelector { margin: 0 15px 15px 15px; width: calc(100% - 30px); color: #222; border: 0; padding: 0 35px 0 10px; -webkit-appearance: none; background: url('/app/e12cd0a1e789756e27ae64490bb2bf65b767951c/image/select-down-arrow.png') no-repeat right 10px center #eee; border: solid 1px #d9d9d9; border-radius: 3px; cursor: pointer; height: 32px; line-height: 28px; }
.menuSourceSelector:hover, .menuSourceSelector:focus { background-color: #e4e4e4; }
@-moz-document url-prefix() {
    .menuSourceSelector { text-indent: -2px; }
}
/*
.noTouch ul.hoverShareList li a:hover, ul.hoverShareList li a:focus { color: #fff; background: #00a110; }
ul.hoverShareList li a img { margin-top: -2px; }
.noTouch ul.hoverShareList li a.on:hover, ul.hoverShareList li a.on:focus { background: #225400; }
 */

@media only screen and (min-width: 1700px) {
    .slide { width: 15%; margin-right: 2%; }
    .listItemCatalog:nth-child(3n) .slide { margin-right: 2%; }
    .listItemCatalog:nth-child(6n) .slide { margin-right: 0% !important; }
    .spacerLarge { max-width: 100%; }
}

@media only screen and (max-width: 1360px) {
    #liveCapture, .singlePageVideoPlayerLive, .singlePageVideoPlayerLive .wwvp { width: 640px !important; height: 360px !important; }
    .liveCaptureContainer { width: 1030px; }
    .liveCaptureControls { width: 640px; }
    .liveOptionsChatArea { height: 229px; }
    .liveOptionsSetupArea, .liveOptionsWatchersArea { height: 316px; }
    .singlePageVideoMetadataLive { max-width: 1030px; }
    .singlePageVideoInputVOD { max-width: 960px !important; }
}
@media only screen and (max-width: 1060px) {
    .liveCaptureContainer { width: 640px; }
    .liveCaptureControls { width: 640px; }
    .liveOptionsChatArea { height: 229px; float: none; }
    .liveOptionsSetupArea, .liveOptionsWatchersArea { height: 316px; float: none; }
    .liveOptionsContainer { margin-left: 0; margin-top: 30px; width: 640px; }
    .singlePageVideoMetadataLive { max-width: 660px; }
    .library-search { width: 550px;}
}
@media only screen and (max-width: 1100px) {
    .singlePageVideoMetadata { padding: 20px 10px 0 10px; }
}
@media only screen and (max-width: 1000px) {
    .paneTopLogoLinkAreaCatalog { display: inline-block !important; }
    #paneTopFindInputContainer { margin-left: 20px; }
    #paneTopFindInputContainerInner { width: 190px; }
    #paneTopFindInput { padding: 10px 0 10px 8px; width: 190px; font-size: 14px !important; line-height: 15px !important; }
    #paneTopFindMenu { width: 190px; }
    /* Admin */
    .adminLineAmount { font-size: 18px; padding: 0 0 8px 0; }
}
@media only screen and (max-width: 900px) {
    .library-search { width: 400px; }
}
@media only screen and (max-width: 767px) {
    .fontBody { font-size: 15px; line-height: 22px; }
    .fontSmall { font-size: 12px; line-height: 18px; }
    .fontMedium { font-size: 14px; line-height: 24px; }
    .fontMediumImportant { font-size: 14px !important; line-height: 24px !important; }
    .fontMediumAdmin { font-size: 16px; }
    .fontLarge { font-size: 30px; line-height: 50px; }
    .fontLargeLower { font-size: 16px; }
    .paddingTop { padding-top: 10px !important; }
    .paddingBottom { padding-bottom: 10px !important; }
    .marginBottomMore { margin-bottom: 20px !important; }
    .marginTop { margin-top: 10px !important; }
    .marginBottom { margin-bottom: 10px !important; }
    .marginTopMore { margin-top: 20px !important; }
    .paddingBottomLess { padding-bottom: 5px !important; }
    .paddingTopLess { padding-top: 5px !important; }
    .paneTopCurrent { top: 0px; line-height: 40px; padding: 1px 10px 0 10px; height: 40px; }
    .paneTop { padding-left: 10px; padding-right: 10px; }
    .paneTopLogoLinkArea { margin-left: -13px; }
    .hoverMenu ul li a { font-size: 15px; }
    .paneTopSpacer { padding: 0 10px; }
    .paneMiddleHeaderNew li a, .paneMiddleHeader li a { padding: 0 12px; }
    .paneMiddleSpacer { padding: 0 10px 0 10px; }
    .paneBottomFullButton, .paneBottomFullButtonOptions { line-height: 74px !important; height: 74px !important; padding: 0; }
    ul.hoverShareList li a { line-height: 38px; height: 38px; }
    ul.hoverShareList li a img { margin-top: 11px; }
    ul.hoverShareTags { padding-top: 5px !important; }
    .listItemHeaderContainer { padding-left: 5px; }
    .listItemContainer.spacerLarge { padding: 0 10px; }
    .listItemContainerHeader { padding: 0 5px 0 5px; }
    .listItemContainer { padding: 0; }
    .listItem { font-size: 15px; border-right: 0; border-left: 0; }
    .listItemSectionCenter { padding-top: 9px; padding-left: 10px; width: calc(100% - 153px); }
    .listItemSectionCenterMetadata { font-size: 13px; line-height: 18px; }
    .listItemSectionRight { width: 44px; }
    .listItemSectionRight div.icon, .paneBottomFullButtonOptions .icon { margin-right: 10px; margin-left: 10px; }
    .metadata a div.icon { margin: 14px 10px 15px 10px; }
    .uploadStatusFilename { padding-left: 10px; width: 70%; }
    .uploadStatusCancel, .uploadStatusCancelProcessing { padding: 0 10px; }
    #catalog-listing-wait { margin: 82px auto 0 auto; }
    .hideWhenSmallSooner { display: none; }
    .showWhenSmallSooner { display: inline; }
    .tableColumn { padding: 4px 3px 4px 4px; }
    .tableColumnEngagementText { line-height: 30px !important; }
    #wwLightBox select { width: 275px; font-weight: 400; font-size: 12px; }
    .groupSharePermissionItem { height: 40px !important; padding: 0 10px; }
    .groupSharePermissionItemName { line-height: 40px !important; width: 65%; }
    .groupSharePermissionItemSelect { line-height: 40px !important; }
    .groupSharePermissionItemSpan { line-height: 40px !important; font-size: 12px !important; }
    .singlePageVideoActions li { padding: 0 15px 0 0; }
    .singlePageVideoMetadata { font-size: 15px; line-height: 23px; }
    .singlePageVideoMetadataTitle { font-size: 18px; line-height: 24px; }
    .singlePageVideoShareContainer { width: 100%; }
    #analyticsUserSearch { width: 87px; }
    .loginPage { margin: 75px auto 0 auto; max-width: 100%; border-right: 0; border-left: 0; }
    .loginPageHeader { padding: 12px 0 10px 0; border-bottom: solid 1px #ccc; }
    .loginPageForm { padding: 20px 0; }
    .loginPageFormButton { margin: 0 auto; }
    .loginPageFormInput { padding: 10px; font-size: 12px; }
    #liveCapture, .wwvpRtcCapture, #trimVideo .wwvp, .singlePageVideoPlayerLive, .singlePageVideoPlayerLive .wwvp { height: 180px !important; width: 320px !important; }
    .liveCaptureContainer { width: 320px; }
    .liveCaptureControls { width: 320px; }
    .liveOptionsChatArea { height: 179px; }
    .liveOptionsSetupArea, .liveOptionsWatchersArea { height: 266px; }
    .liveOptionsContainer { width: 320px; margin-top: 5px; }
    .flashCaptureVideoAudioSourceLiveBroadcast { width: 290px !important; }
    .singlePageVideoMetadataLive { max-width: 340px; }
    .slide { width: 49%; margin-right: 2%; margin-bottom: 10px; }
    .listItemCatalog:nth-child(2n-1) .slide { margin-right: 2%; }
    .listItemCatalog:nth-child(2n) .slide { margin-right: 0%; }
    .metadataFirst { font-size: 13px; line-height: 20px; }
    .metadataSecond { font-size: 12px; line-height: 16px; }
    .iconImageMenuArrowContainer { margin-left: 9px; }
    #paneTopAddMenu { right: -69px; }
    .mobileScreenCheck { float: none; }
    .wwLightBoxContentActions { width: 100%; }
    .wwLightBoxContentSpacer, #propertiesContent { padding: 30px 10px; }
    .liveCaptureControls { width: 320px; margin: 0 auto; }
    #wwLightBoxTopLeft { left: 10px; }
    .wwLightBoxSingle #wwLightBoxTopLeft { left: 15px; }
    .wwLightBoxClose, .propertiesPaneClose { width: 44px; }
    .wwLightBoxSingle .wwLightBoxClose { width: 54px; }
    .wwLightBoxBack { right: 44px; }
    .trimSection, .trimControls { width: 300px; }
    .trimmingOverlayContainer { width: 300px; margin-left: 60px; }
    .trimBarFill { width: 40px; }
    .trimBarContainer { width: 60px; }
    .thumbnailBarContainer { width: 180px; margin-left: 60px; }
    .thumbnailBar { width: 180px; }
    .trimmingOverlayContainer { width: 180px; }
    .wwLightBoxLinkImage, .wwLightBoxLinkImageNoHover { height: 18px; width: 18px; }
    .shareCopyLink { top: 5px; }
    .uploadFormInputTitleTimeCode { width: 68px; margin-top: 3px; margin-bottom: 3px; }
    select, textarea, input { font-size: 16px !important; line-height: 24px !important; }
    #accountMenu ul li.noLink, #accountMenu ul li a { padding-left: 10px !important; }
    #accountMenu ul li ul li a { padding-right: 10px; padding-left: 10px; }
    #paneTopMediaLibraryMenu { left: 10px; }
    #accountMenu { width: 100%; overflow: auto; right: 0; border-radius: 0; border-top: solid 1px #eee; box-shadow: none; top: 52px; }
    #accountMenu:before { content: ''; height: 100%; display: inline-block; vertical-align: top; }
    #accountMenu:before { display: initial; content: none; }
    #accountMenu .accountIndent { padding: 5px 10px 5px 10px; }
    .menuSourceSelector { width: calc(100% - 20px); margin-left: 10px; }
    .accountMenuInnerScroll { overflow-y: scroll; }
    .accountMenuInnerScrollContainer { width: 100%; }
    .paneTop { line-height: 52px; height: 62px; }
    .paneTopSinglePage { height: 52px; }
    #paneTopFindInputContainerInner { top: 8px; }
    .paneMiddleHeaderNew { top: 62px; }
    .paneMiddleHeader { top: 99px; height: 37px; line-height: 32px; }
    .paneMiddle { top: 136px; }
    .paneTopLinkText { max-width: calc(100% - 210px); }
    #paneTopFindInput { padding: 12px 0 8px 8px; }
    #accountMenuMediaLibrarySearchInputClose { padding-right: 16px !important; }
    .accountMenuMediaLibrarySearchContainer { padding-right: 10px; padding-left: 10px; }
    .accountMenuImageSearchSmall, .accountMenuImageCreateMediaLibrary { margin-top: 6px; }
    .singlePageVideoArea { margin-top: 52px; }
    /* Admin */
    .paneTopAdminHeader { top: 0; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; position: relative; }
    .paneMiddleAdmin { top: 100px; white-space: nowrap; overflow-y: auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
    .paneMiddleAdminRegular { top: 100px; }
    .paneMiddleAdminError { padding: 10px; }
    .adminLineBlock { width: 50%; padding: 20px 0; }
    .adminLineBlockThree { width: 100%; padding: 20px 0; }
    .adminLineBlockThree:nth-child(2), .adminLineBlockThree:nth-child(3) { padding-left: 0; }
    .adminLineBar { width: 100%; }
    .adminChartBlock { padding: 15px 0; }
    .tableAdmin { width: 767px; padding-right: 10px; }
    .tableAdminDashboard { width: 100%; padding-right: 0; }
    .tableColumnAdminDashboard { padding-left: 10px; }
    #paneMiddleSearchResultsBottom { padding: 11px 10px 12px 10px; }
    .paneSearchSpacer { margin-left: 15px; }
    .library-search { width: 230px; top: 8px; line-height: 1; }
}
@media only screen and (max-width: 556px) {
    .wwLightBox { padding-top: 52px; }
    .wwLightBox:before { display: initial; content: none; }
}
@media only screen and (max-width: 549px) {
    #rtcCapture { height: 180px !important; width: 320px !important; }
}
@media only screen and (max-width: 479px) {
    .fontLarge { font-size: 22px; line-height: 34px; }
    .listItem { float: none; }
    .standAloneButton { margin-bottom: 10px; width: 100%; }
    .hideWhenSmall { display: none !important; }
    .showWhenSmall { display: inline; }
    .hideWhenSmallBlock { display: none; }
    .showWhenSmallBlock { display: inline-block !important; }
    #wwLightBox select { width: 72%; margin-bottom: 15px; }
    #wwLightBoxTopLeft { width: 220px; }
    .blueButtonSmall { padding: 4px 5px 3px 5px; }
    .infoThumbnailContainerLeft { width: 100%; float: none; text-align: left; margin-bottom: 15px; }
    .infoThumbnailContainerRight { width: 100%; float: none; text-align: left; margin-bottom: 10px; }
    .infoThumbnailImage { max-height: 257px !important; }
    .paneTopLinkTextWider { max-width: 160px; }
    .wwLightBoxSingle #wwLightBoxTopLeft { left: 10px; }
    .wwLightBoxSingle .wwLightBoxClose { width: 44px; }
    .selectionDiv { padding: 6px 5px 5px 5px; }
    .singlePageVideoMetadata select.reduceSize { width: 150px; }
    .imageBoxNotice { font-size: 12px; line-height: 18px; }
    .tagListScroll, .zoomListScroll, #shareListScroll { max-height: 165px; }
    .groupSharePermissionItemName.visibilityName { width: 28% !important; }
    .screenCaptureNote { width: 100%; }
    #paneTopFindInputContainer { margin-left: 15px; }
    .paneTopLinkText { max-width: calc(100% - 205px); }
    .listItemSectionCenter { width: calc(100% - 160px); }
    .listItemSectionCenterLibrary { width: calc(100% - 120px); }
    /* Admin */
    #propertiesPane input, #propertiesPane select { width: 100%; }
    .adminLineBlock, .adminLineBlockThree, .adminChartBlock { width: 100%; }
    .adminLineBlock:nth-child(2n), .adminChartBlock:nth-child(2n) { padding-left: 0; }
    .videoPreviewContainer .halfWidth, .videoPlaybackContainer .halfWidth { width: 100% !important; margin: 0 0 10px 0 !important; }
}
@media only screen and (max-width: 413px) {
    .slide { width: 100%; margin-bottom: 15px; border-right: 0; border-left: 0; }
    .metadata a img { margin-top: 19px; margin-bottom: 19px; }
    .metadataFirst { font-size: 15px; line-height: 25px; }
    .metadataSecond { font-size: 13px; line-height: 18px; }
    .metadata a div.icon { margin: 18px 10px 16px 10px; }
    .zoomRuleSelectSmall { width: 90px !important; margin: 0 !important; }
    .zoomRuleSelectLarge { width: 140px !important; margin: 0 !important; }
    .zoomRuleInput { width: 140px !important; margin: 0 !important; }
    .listItemContainer.spacerLarge { padding: 0; }
    .sessionTitle { padding-right: 10px !important; padding-left: 10px !important; }
}
@media only screen and (max-width: 399px) {
    .paneTopCurrentWarpwireImage { width: 26px; height: 26px; }
    .library-search { width: 250px; }
}
@media only screen and (max-width: 350px) {
    #analyticsUserSearch { width: 72px; }
    .paneTopLinkTextWider { max-width: 140px; }
    .screenCaptureSelect { width: 45%; }
    .screenCaptureSelectLeft { margin-left: 0%; }
    #liveCapture, #rtcCapture, .wwvpRtcCapture, #trimVideo .wwvp, .singlePageVideoPlayerLive, .singlePageVideoPlayerLive .wwvp { height: 169px !important; width: 300px !important; }
    .flashCaptureControls { width: 300px; }
    .mediaLibraryTitle { font-size: 16px; }
    .library-search { width: 200px; }
}

/* ----- Video player simple embedded state ------ */
.videoPlayerWarpwire { position: relative; z-index: 1; margin: 0px auto; line-height: 0; background: #000; color: #fff; text-align: left; direction: ltr; font-size: 14px; -webkit-font-smoothing: antialiased; font-family: helvetica; text-shadow: 0 0 2px rgba(0, 0, 0, .5); }
.videoPlayerWarpwire a { color: rgba(255,255,255,.9); text-decoration: none; transition: 150ms linear color; }
.videoPlayerWarpwire a:hover { color: rgba(255,255,255,1); }
.videoPlayerTopGradient { background: url('/app/e12cd0a1e789756e27ae64490bb2bf65b767951c/image/icon-video-player-gradient-top.png') repeat-x; background-position: bottom; top: 0; z-index: 5; height: 100px; position: absolute; width: 100%; }
.videoPlayerTop { font-size: 16px; z-index: 100; position: absolute; top: 0px; left: 0px; width: 100%; /* background: rgba(0,0,0,.5); */ color: #fff; line-height: 42px; height: 44px; padding-top: 2px; cursor: default; }
.videoPlayerTopSpacer { margin: 0px; }
.videoPlayerTopLeft { float: left; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.videoPlayerTopRight { float: right; text-align: right; width: 40%; }
.videoPlayerTopTitle { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline !important; cursor: default !important; }
.videoPlayerTopTitle a { padding-left: 15px; transition: 150ms linear color; }
.videoPlayerTopTitle a.sub { font-size: 13px; position: absolute; left: 0; top: 25px; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.9); }
.videoPlayerTopTitle a.sub:hover { color: rgba(255,255,255,1); }
.videoPlayerTopTitle span { padding-left: 15px; }
.videoPlayerTopShare { display: inline-block; padding-right: 10px; vertical-align: top; }
.videoPlayerYesSelectText { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.videoPlayerButtonContainer { display: inline-block; cursor: pointer; transition: 150ms linear color; color: rgba(255,255,255,.9); }
.videoPlayerButtonContainer:hover { color: rgba(255,255,255,1); }
.videoPlayerButtonContainer img { opacity: .9; }
.videoPlayerButtonContainer:hover img { opacity: 1; }
.videoPlayerButtonImage { cursor: pointer; background: transparent; border: 0px; padding: 0px; margin: 0px; height: 100%; width: 42px; transition: 150ms linear color; }
.videoPlayerButtonImage img { width: 20px; height: 20px; vertical-align: middle; }
.videoPlayerControlWarpwire { padding-right: 13px !important; height: 36px; }
.videoPlayerControlWarpwire img { height: 22px !important; width: 22px !important; margin-top: 9px; opacity: .9; cursor: pointer; }
.videoPlayerControlWarpwire img:hover { opacity: 1; }
.videoPlayerFullMenu { text-align: center; z-index: 1001; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.8); height: 100%; width: 100%; line-height: normal; cursor: default; }
.videoPlayerFullMenuContent { position: absolute; top: 50%; width: 80%; margin: -60px 10% 0px 10%; }
.videoPlayerFullMenuClose { position: absolute; top: 11px; right: 13px; background: none; border: 0px; margin: 0px; padding: 0px; }
.videoPlayerFullMenuClose img { cursor: pointer; width: 22px !important; height: 22px !important; opacity: .9 !important; }
.videoPlayerFullMenuClose:hover img { opacity: 1 !important; }
.videoPlayerFullMenuShareHeader { font-size: 16px; }
.videoPlayerFullMenuShareLink { font-size: 18px; }
.videoPlayerFullMenuShareLink:hover { color: #fff !important; }
.videoPlayerFullMenuShareList { padding: 0px; margin: 0px; }
.videoPlayerFullMenuShareList li { list-style: none; display: inline-block; margin-right: 5px; }
.videoPlayerFullMenuShareList li:last-child { margin-right: 0px; }
.videoPlayerFullMenuShareList li a { padding: 15px; display: inline-block; background: #444; font-weight: bold; }
.videoPlayerFullMenuShareList li a:hover { opacity: .8; color: #fff; }

@media only screen and (max-width: 960px) {
    .videoPlayerFullMenuContent { margin-top: -45px; }
}
@media only screen and (max-width: 720px) {
    .videoPlayerTopRight { float: right; text-align: right; }
}
@media only screen and (max-width: 540px) {
    .videoPlayerFullMenuContent { margin-top: -35px; }
}
@media only screen and (max-width: 413px) {
    .videoPlayerFullMenuShareLink { font-size: 16px !important; }
    .videoPlayerFullMenuContent { margin-top: -30px; }
}
@media only screen and (max-width: 374px) {
    .videoPlayerFullMenuShareLink { font-size: 14px !important; }
    .videoPlayerTopTitle a.sub { top: 21px; }
}
@media only screen and (max-width: 319px) {
    .videoPlayerFullMenuShareLink { font-size: 12px !important; }
    .videoPlayerTopShare { display: none; }
}
@media only screen and (max-height: 250px) {
    .videoPlayerFullMenuContent { margin-top: -50px; }
}
@media only screen and (max-height: 200px) {
    .videoPlayerFullMenuShareHeader { display: none; }
    .videoPlayerFullMenuShareLink { font-size: 13px; }
    .videoPlayerFullMenuContent { margin-top: -20px; }
    .videoPlayerTopTitle a.sub { display: none; }
}