@font-face {
    font-family: '3dsweb';
    src: url('//www.3ds.com/templates/fonts/DS_FY_Regular.eot');
    src: url('//www.3ds.com/templates/fonts/DS_FY_Regular.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/DS_FY_Regular.woff') format('woff'), url('//www.3ds.com/templates/fonts/DS_FY_Regular.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/DS_FY_Regular.svg#3dsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '3dsweblight';
    src: url('//www.3ds.com/templates/fonts/DS_FY_Light.eot');
    src: url('//www.3ds.com/templates/fonts/DS_FY_Light.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/DS_FY_Light.woff') format('woff'), url('//www.3ds.com/templates/fonts/DS_FY_Light.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/DS_FY_Light.svg#3dslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '3dsitalic';
    src: url('//www.3ds.com/templates/fonts/3ds_italic-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_italic-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_italic-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_italic-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_italic-webfont.svg#3dsitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: '3dssemi';
    src: url('//www.3ds.com/templates/fonts/3ds_semibold-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_semibold-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_semibold-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_semibold-webfont.svg#3dssemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '3dssemiitalic';
    src: url('//www.3ds.com/templates/fonts/3ds_semibold_italic-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_semibold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_semibold_italic-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_semibold_italic-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_semibold_italic-webfont.svg#3dssemibold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: '3dsbold';
    src: url('//www.3ds.com/templates/fonts/3ds_bold-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_bold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_bold-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_bold-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_bold-webfont.svg#3dsbold') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: '3dsbolditalic';
    src: url('//www.3ds.com/templates/fonts/3ds_bold_italic-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_bold_italic-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_bold_italic-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_bold_italic-webfont.svg#3dsbold_italic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: '3dsextralight';
    src: url('//www.3ds.com/templates/fonts/3ds_extralight-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_extralight-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_extralight-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_extralight-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_extralight-webfont.svg#3dsextralight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: '3dsextralightitalic';
    src: url('//www.3ds.com/templates/fonts/3ds_extralight_italic-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_extralight_italic-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_extralight_italic-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_extralight_italic-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_extralight_italic-webfont.svg#3dsextralight_italic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: '3dscondensedregular';
    src: url('//www.3ds.com/templates/fonts/3ds_condensed_regular-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_condensed_regular-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_condensed_regular-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_condensed_regular-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_condensed_regular-webfont.svg#3dscondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '3dscondensedbold';
    src: url('//www.3ds.com/templates/fonts/3ds_condensed_bold-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_condensed_bold-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_condensed_bold-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_condensed_bold-webfont.svg#3dscondensed_bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '3dscondensedlight';
    src: url('//www.3ds.com/templates/fonts/3ds_condensed_light-webfont.eot');
    src: url('//www.3ds.com/templates/fonts/3ds_condensed_light-webfont.eot?#iefix') format('embedded-opentype'), url('//www.3ds.com/templates/fonts/3ds_condensed_light-webfont.woff') format('woff'), url('//www.3ds.com/templates/fonts/3ds_condensed_light-webfont.ttf') format('truetype'), url('//www.3ds.com/templates/fonts/3ds_condensed_light-webfont.svg#3dscondensed_light') format('svg');
    font-weight: 200;
    font-style: normal;
}

* {
    line-height: 1.2;
    font-family: '3dsweb', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

HTML {
    height: 100%;
    font-size: 100%;
}

BODY {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    min-height: 100%
}

H1,
H2,
H3,
H4,
H5,
H6 {
    margin: 1em 0 .5em 0;
    line-height: 1.2;
    font-weight: bold;
    font-style: normal;
    font-family: '3dsweb', Helvetica, Arial, sans-serif;
}

H1 {
    font-size: 40px;
}

A,
A:link,
A:visited,
A:hover,
A:focus,
A:active {
    outline: none;
    text-decoration: none;
    color: #239de8 !important
}

#viewport {
    
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 13px;
    height: 60px;
    min-width: 1268px;
    padding: 0;
    color: rgba(255, 255, 255, .92);
    background-color: rgb(0, 83, 134)
}

#footer-wrap {
    overflow: hidden;
    margin: 0 auto;
    width: 1248px
}

#footer-copyright {
    float: left
}

#footer-links {
    float: right
}

#footer-copyright,
#footer-links {
    padding-top: 20px
}

#footer-links UL LI {
    display: inline-block;
    margin-left: 10px
}

#footer-links UL LI A {
    transition: all .15s;
    text-decoration: none;
    color: white !important
}

#footer-links UL LI A:hover {
    color: rgba(255, 255, 255, .64)
}

.oyat-notifier.fixed {
    position: fixed;
    z-index: 1000;
    top: 70px;
    right: 30px;
    width: 500px;
}

.oyat-notifier.fixed .oyat-notification {
    background: grey;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .75);
}

.oyat-notifier.fixed .oyat-notification.error {
    background: #FF4444
}

.oyat-label.loading {
    text-align: center;
    margin: 20px;
    animation: loading 1s infinite
}

#modal-layer {
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

@keyframes loading {
    0% { color: #000000 }
    100% { color: #239de8 }
}
:root {
    --oyat-margin: 5px;
    --oyat-padding: 5px;
    --oyat-background-color: rgba(255, 255, 255, 1);
    --oyat-border-color: rgba(0, 86, 134, 1);
    --oyat-border-radius: 3px;
    --oyat-active-color: rgba(0, 86, 134, 1);
    --oyat-line-height: 16px;
}
.oyat-link {
    margin: 3px;
    height: 22px;
    padding: 3px;
    line-height: 16px;
    overflow: hidden
}

.oyat-link A {
    line-height: 16px;
    color: rgb(0, 83, 134);
    font-weight: bold
}
.oyat-hbox {
    display: inline-block;
    width: 100%
}

.oyat-hbox>.oyat-cell.oyat-left {
    float: left
}

.oyat-hbox>.oyat-cell.oyat-right {
    float: right
}
.oyat-label {
    margin: var(--oyat-margin);
    padding: var(--oyat-padding);
    line-height: var(--oyat-line-height);
    overflow: hidden
}
#viewport .top-view {
    width: 100%;
    min-width: 1248px;
}

.top-view .header-wrapper {
    background: #005686;
    height: 60px;
    overflow: hidden;
}

.top-view .header {
    position: relative;
}

.top-view .logo {
    position: absolute;
    height: 50px;
    top: 5px;
    left: 5px
}

.top-view .logo A {
    width: 150px;
    height: 50px;
    margin: 0;
    display: inline-block;
    background: url('/static/3DSLogoWhite-X05txYOZ.png') 0 0 no-repeat transparent;
}

.top-view .actions {
    position: absolute;
    right: 20px;
    top: 0;
    display: flex;
    flex-direction: row;
	text-align: right;
	vertical-align: baseline;
    color: #ffffff;
}

.top-view .switch-site {
    margin: 20px 0 20px 10px;
    height: 30px;
    font-size: 14px;
    line-height: 14px;
}

.top-view .switch-site A {
    text-decoration: underline;
    text-transform: uppercase;
    color: #FFBA00 !important;
    line-height: 14px;
}

.top-view .current-site {
    margin: 20px 10px 20px 5px;
}

.top-view .user-name,
.top-view .help-icon,
.top-view .rating-icon {
    margin: 20px 10px;
}

.top-view .user-name,
.top-view .current-site {
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    padding: 3px 20px 3px 0;
    border-right: 1px solid white;
}

.top-view .help-icon,
.top-view .rating-icon {
    height: 20px;
    width: 40px;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    padding: 0 20px 0 0;
    border-right: 1px solid white;
}

.top-view .actions .help-icon:before {
	content: "\f059";
}

.top-view .actions .rating-icon:before {
	content: "\f005";
}

.top-view .logout-button {
    margin: 20px 10px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.top-view .logout-button:hover {
    color: #239de8
}

.top-view .logout-button I {
    font-size: 20px;
    line-height: 20px
}

.top-view .header SPAN {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.top-view .warning {
	background: #58a058;
	color: white !important;
	font-size: 16px;
	font-weight: bold;
    padding: 10px;
    text-align: center;
}

.top-view .navigation {
    text-align: center;
    height: 40px;
    background: rgb(249, 249, 249);
    text-align: center;
    border-bottom: 1px solid #d1d4d4;
}

.top-view .navigation > DIV {
    display: inline-block;
    padding: 5px 30px;
    border-bottom: 2px solid transparent;
    color: rgb(150, 150, 150);
    text-align: center;
    cursor: pointer;
    margin: 10px 0 0 10px
}

.top-view .navigation > DIV:hover {
    color: rgb(120, 120, 120);
    border-bottom-color: rgb(120, 120, 120)
}

.top-view .navigation > DIV.active {
    color: #005686;
    font-weight: bold;
    border-bottom-color: #005686;
}

#viewport .sites-window {
    position: fixed;
    top: 0;
    left: 0;
    top: 0;
    right: 0;
}

.sites-window .title {
    margin: 10px;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    font-weight: bold
}

.sites-window .block {
    margin: 10px;
    padding: 10px;
    border-radius: 3px 12px 3px 3px;
    cursor: pointer
}

.sites-window .block:hover {
    color: #ffffff;
    background: #239de8
}

.sites-window .block:hover A {
    color: #ffffff !important
}

.sites-window .block.cancel {
    text-align: right
}
.oyat-window {
    position: absolute
}

.oyat-window>.oyat-bar {
    height: 30px;
    z-index: inherit;
    background: rgb(0, 83, 134)
}

.oyat-window>.oyat-bar .oyat-title {
    float: left;
    z-index: inherit;
    padding: 5px;
    color: rgb(255, 255, 255);
    line-height: 20px;
    font-size: 20px;
    font-weight: bold
}

.oyat-window>.oyat-bar .oyat-buttons {
    float: right;
    height: 30px;
    z-index: inherit
}

.oyat-window>.oyat-bar .oyat-close {
    float: right;
    z-index: inherit
}

.oyat-window>.oyat-wrapper {}

.oyat-window .oyat-body {
    overflow: auto;
    height: 100%;
    background: rgb(255, 255, 255);
    z-index: inherit
}

.oyat-window-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.oyat-window-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    background: lightgrey
}
.rating-view {
	background-color: #FFFFFF;
	text-align: center;
}

.rating-view h1 {
	color: rgb(0, 83, 134);
	font-size: 24px;
	margin: 3px 2px;
}

.rating-view h2 {
	color: rgb(0, 83, 134);
	font-size: 18px;
	margin: 10px 5px 5px 5px;
}

.rating-view h3 {
	color: rgb(0, 83, 134);
	font-size: 14px;
	margin: 3px 2px;
}

.rating-view > .rating-button {
	background-color: rgb(0, 83, 134);
	border: 1px solid rgb(0, 83, 134);
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bold;
	margin: 3px;
	padding: 3px 10px 5px 10px;
}

.rating-view > .rating-button:hover {
	background-color: #FFFFFF;
	box-shadow: inset 0 0 12px rgb(0, 83, 134);
	color: rgb(0, 83, 134);
}

.rating-view > .rating-button > p {
	background-color: #FFFFFF;
	box-shadow: 0 0 #FFFFFF;
	color: rgb(0, 83, 134);
}

.rating-view > .rating-comment > p, .rating-view > .rating-comment > div {
	color: rgb(0, 83, 134);
	margin: 3px 5px;
	width: calc(100% - 10px);
}

.rating-view > .rating-comment > p.rating-disclaimer {
	font-style: italic;
	margin: 10px 5px;
}

.rating-view > .rating-comment > p.rating-length {
	font-size: 10px;
	margin: 0 0 0 5px;
	text-align: right;
}

.rating-view > .rating-comment > textarea {
	border: 1px solid rgb(0, 83, 134);
	border-radius: 3px;
	margin: 2px 5px 2px 5px;
	padding: 2px;
	resize: vertical;
	width: calc(100% - 10px);
}

.rating-view > .rating-value {
	direction: rtl;
	font-size: small;
	margin: 5px 0;
}

.rating-view > .rating-value:after {
	content: "";
	display: table;
	clear: both;
}

.rating-view > .rating-value > .rating-star {
	color: #FFB300;
	cursor: pointer;
	padding: 1px 1px 1px 1px !important;
	margin: 1px 1px 1px 1px !important;
}

.rating-view > .rating-value > .rating-star:before {
	content: "\f006";
}

.rating-view > .rating-value > .rating-star:hover:before {
	content: "\f005";
	color: #FF6433;
}

.rating-view > .rating-value > .rating-star:hover ~ .rating-star:before {
	content: "\f005";
	color: #FF6433;
}

.rating-view > .rating-value > .rating-star.rating-selected:before {
	content: "\f005";
}

.rating-view > .rating-value > .rating-star.rating-selected ~ .rating-star:before {
	content: "\f005";
}

#modal-layer .rating-view {
	border: 1px solid rgb(0, 83, 134);
	border-radius: 3px;
	margin: 10% auto;
	width: max-content;
}

#modal-layer .rating-view .close-button {
	color: #9e2a21;
	cursor: pointer;
	float: right;
	font-size: 24px;
	margin-right: -23px;
	position: relative;
	right: 24px;
	top: -1px;
}

#modal-layer .rating-view .close-button:before {
	content: "\f2d3";
}

#modal-layer .rating-view .close-button:hover {
	font-weight: bold;
}
.loader-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500
}

.loader-progress {
    position: fixed;
    z-index: 400;
    top: 0;
    left: 0;
    width: 0;
    background: rgb(0, 0, 0)
}
.main-view {
    min-height: 500px;
    width: 1500px;
    padding: 0 10px 105px 10px;
    margin: 0 auto
}

.main-view .error {
    margin: 10px;
    border: 1px solid red
}

.main-view .error .logout {
    text-align: right;
    padding: 10px
}

.main-view .error .logout A {
    color: #239de8;
    font-weight: bold
}

.main-view .error .text {
    padding: 10px;
    text-align: center
}
.media-view {
    margin-bottom: 5px;
    border: 1px solid rgb(220, 220, 220)
}

.media-view .media-main {
    overflow: hidden
}

.media-view .media-type-cell {
    float: left;
    width: 80px;
    padding: 6px;
    text-align: center
}

.media-view .media-desc-cell {
    float: left;
    width: calc(100% - 180px)
}

.media-view .media-description {
    margin: 3px;
    padding: 3px
}

.media-view .media-description B {
    font-weight: bold
}

.media-view .media-size-cell {
    float: left;
    width: 100px;
    text-align: right
}

.media-view .details {
    overflow: hidden;
    margin: 10px;
    background: white;
    color: #000000;
    border-left-width: 10px;
    border-left-style: solid;
    padding-left: 10px
}

.media-view .details .header {
    font-weight: bold
}

.media-view .details .tiny {
    font-style: italic;
    font-size: 9px;
    height: auto
}

.media-view .volume {
    border-top: 1px solid rgb(220, 220, 220)
}

.media-view .volume .info {
    padding: 2px;
    font-family: monospace;
    white-space: pre;
    font-size: 10px
}

.media-view .quick-downloads {
    overflow: hidden
}

.media-view .quick-downloads .quick-download {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px 5px 5px;
    height: 18px
}

.media-view .quick-downloads .quick-download .download {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    color: #239de8;
    cursor: pointer
}

.media-view .quick-downloads .quick-download .download I {
    line-height: 18px;
    font-size: 18px
}

.media-view .quick-downloads .count {
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    padding: 0 5px
}

.media-view .icon {
    width: 42px;
    height: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAAAY1BMVEUAAACcn590dXWcn590dXWXmpp7fX2cn590dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXWcn5+cn590dXWcn5+cn5/q9gSHAAAAIHRSTlMAM5nwXA4E0rAkGhMJp3NIMp+Ue2pgPB63tIo/ZmBOKjh8+MYAAACrSURBVDjLvZLZDoMgEEWVjhSVxQ1w6eL/f2VBGl9scNIQzwPDw8kwXMiuRVRotRprtNswirBk6VfVIdRaKF+GHuHSWfoyQ4ZAE+7WdsHdyqXFpzLmgA3VssZNDdF2rTDbhhN9HkA/At0i4IgEYOrxj2VaUp4oav8mNqLmb3e07piQhn4HeTx/q+s9VL5IxjpwTYv1FlUD1WtAqYF0qiI7kKjrkQRqkR/J/uIDuTwMKmT7lH0AAAAASUVORK5CYII=)
}

.media-view .icon.caaapi {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAABZVBMVEUAAAB0dXVvcXHj4+P+/v50dXV0dXViZWV0dXVxcnJpa2t0dXVzdXViZWX///////90dXV0dXX///90dXVrbW10dXWMjY319fX09PTa29tiZWV0dXViZWX29vb////BwsLZ2dmnqKh0dXWYmZmEhYX19fWAgYFiZWWUlZX+/v61t7diZWX///9iZWV0dXViZWX///90dXWoqqr///+urq5iZWV0dXViZWX///90dXViZWX///////////////9iZWX///////////////92eHj09PR/gIDs7Oy4ubmtrq7b29uoqKjDw8O8vLygoaGJior9/f38/Pz29vbm5+fT09PIycmkpaX5+vry8vLw8PDu7u7q6urf39/d3d3R0tLNzs7Ly8vGxsbAwcG0tLSxsrKam5uYmZmTlJSMjY3j4+PX19e+vr61traioqKXmJiRkpKQkZGFhoZ8fX15enpsb297e3tkZ2dI7pTJAAAAQ3RSTlMAgA3++sGSgnUmEwX73s6zoVtSOTMq9/bz8PDq6uno6OXk2NfX1szJx8LAtKuclpaPioh7eHJpY1xXS0hGKyEbGAkITw1BmQAAAYFJREFUOMu900VXI0EUQOGECATXcXd395lb1S5xdyHBdeb3zwE2nEOnm8OCu6rFt3qvXujcGpmLv/48cRo59te02nnxIViG+ypAxh0LkkuKRO3qGdS98QAab9FU2q2dNlo4gN6psBUBVSSrsQB6VaYEgCLl5e/+NFbDyYKxDHzzp3N5DOHk9+rAJ3/6626TVDZnA7z1g7+/zkTMvAEbReCZ30rfXAI2O7Ci37h1+1E4MUyO7ptlqHaJPn5178GmlbPd+Ii3dEtAqleA6fuWBpDsvPCSiyJdXld63VWOKmnbWgnTa2fPLfQ1uboTgeh1KAh7xRbJovD4jlPq4dybJpULpr7tdAC9xWDpJL2Srm8ARg/15oHKAbbG1sJJ+rCWElXS/SyNi0BmIJGumtz1mMFHh0Z/sLsOFgCasqxoNGZDHj2tQyYNa0+mowDSkJSVBS/65Z9ehIrzMvFjfoZsDQo5ZcjZjI9em9yfen/w/DP/LibcydnF0NB+HjuoiUTojP0HRQBmnBeg8OMAAAAASUVORK5CYII=)
}

.media-view .icon.code {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAAA51BMVEUAAAB0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXX////e39/9/f2VlpaGh4f19fXR0tK4ubm1traur6+EhYV/gIDr7OzY2NjMzMy+vr58fX12d3fFxcWoqamYmZny8vLm5+fb29ujpKSSk5P5+fmqq6umpqaen5+bnJyNjY3v7+/h4eHV1dXIycm/wMC6u7uJiYl7e3ucT+IlAAAAJXRSTlMAEcMh66uXWDzeuotvaELBfmBOSh4D9aKekntUNy8bBv3Vy66Bec1q7gAAAXdJREFUOMu909eOgkAUBmBUEBvYe9s20rs0RVx7ff/nWYYAJqCuySb7X0wG5mNyzklA/imZhr8WyV8cWcwzUglBCOlko53a+AFL4RhqTxWgyNW+PgeA1dbGJ55KuGapLC84FsDsr4YD/Cy5lV6oxWhJnIAojnnbUyqTiTXDhFQx13rW5aMv+QoSC14WKMBylpTv1lLIoJKWF9oMymwq2VVns0GxaiN67rfRLS9CGU+XZoH6LX8QwRlRbjGCKhTqiTuzFgW8QP1eGhbzb3BuXg5yL0Z7vA8DzcC5BdnRuditujiPrOnObsM6So14BUTL1Zb+oSXa0jyAGpMdIomkjxa8mqVFIJhXFUrtouMJB+kEsOaWZryqBXAwToDbrvbu4AH1MoF9TwFQRHnhvaBzD2iYKVxga6/QMJv6y3R9l2JcBM7hZnm/ABKTVtrOF4I/U4enjSJyPyO8nWcsbgYEyjnbRqGSaz79YasYepGMwhcZsad8NEb+lB8r/0q9Oos+owAAAABJRU5ErkJggg==)
}

.media-view .icon.database {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAAAxlBMVEUAAAB0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXX///90dXWQkZHIyMjj4+O5ubmfn5+HiIj29vbs7e2srKyampqEhYWBgoJ8fX3y8vLZ2dnU1NTR0dG+vr6wsLB+f395enr9/f36+vrw8PC1traztLSjo6OVlZWKi4t7e3v4+fnp6enW1tbCwsK7vLyNjY3g4OAfXINwAAAAG3RSTlMAmR4rjYd8TDzHbjMTuKhmJO3n3qGThEIbCQMfxNGWAAABIklEQVQ4y72S2Y6CQBAAYUXw1r2PnhMEVC7xFs/9/5/aiYGEEDruk5VJ5qXSqUmP9iA+h6au653h6I7XGjx7rmCMJa79+vGFiz3jGjlQML5kJqq+iwWUWXkGYnYkVHDSXr3aTqCKbdWr+vRYMdm0Ua82ZXoux8627uQJmRqPk/k24jOlHXnszQX4iNreqIdEWzohhOzpOgBYTFvI1Mns362eH5bFwxptNeJA+slpfPM4k9nGwVr7a7Wgs7QJUYe64QFgjrS+2U6x/vwO0dadHUCJpSBYazMOvd2F597J9fFWUwD8Cqo6qU1SyVaqFfkuo/0SbnCexwZ9DcHYKaVElFkaRodIVmyMi+ugpeH8WPpLSqlH96RtNrR7fHe7Vldpj+EP+t8yHsQcfgAAAAAASUVORK5CYII=)
}

.media-view .icon.doc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbBAMAAAD4ywBgAAAALVBMVEUAAACcn5+cn5+cn5+cn5+cn5+cn5+cn5+cn5/BxMScn5/BxMScn5////+cn5+eBMRkAAAADXRSTlMA5g8KGAQt6c+un5iYtbuzXwAAAJBJREFUKM/t0cENwjAMheEc4BopK5QN6AaIToBYgXHYgx1YxVZ84uQ3A7FrglqpG/RdfvlTTm3aXgZQe/9oZ+88gIhQkb1wq4Z29mZ7qeoXI8r2WkMJFMq7LpShpt6uDII29f50/hcK9iKUll8drljPlWKgmGlBmxQIishTSlvT65SO93GY3p/XZTjdxvPhkb4lDI8zEd0+6AAAAABJRU5ErkJggg==)
}

.media-view .icon.pdir {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAAAOVBMVEUAAAD///97e3vGxsbn5+fv7+/W1tbOzs69vb21tbWMjIytra339/elpaWUlJRzc3OEhIScnJze3t4nB1zrAAAAAXRSTlMAQObYZgAAAKlJREFUOMu9kssVBCEIBAUFBf+Tf7C7jgHAaepcr4XG8ClPcopFVVE8ZtYEQOoJHgx/YnWoSkct4hm1N4CM5BhV6hzY2RSjboncq93nHgkOPVtvz5xqcy01OeOCw3iM0B1njcdMaC9PN7THYHJDadpmWu9SUmxV5JhtApNhEt7zlzKwGaeqcMAuZFWg6TbFaVkVYIOXjGZZ601l9XwrrGXj4OCAYuEWPuQHBF8E6wrdg/4AAAAASUVORK5CYII=)
}

.media-view .icon.student {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAAA4VBMVEUAAAB0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXX///91dnbCwsKenp6EhYX9/f34+Pj19fXHyMihoqLx8fGUlJTj4+PS09PPz8+ztLSvr6+ZmpqXl5eMjY3n6OjZ2dm5urp+f397e3vr7Ozg4ODW1tarrKyoqamIiYmBgoJ5enrl5eXe39/Ly8vJycm/v7+1traPkJCKucCSAAAAI3RSTlMAeGlgTkED7+WymY9LGgrUzLennjszLNvIwpaHfnVvJB4QVIeyLIwAAAFsSURBVDjLvdHXkoIwAIXhIGDvbe1lE0CKSJdi7/r+D7TgOAxidPbK/yaT4btgTsDXGpH0f1gxn/vhNkYqQxY+uiZR2bPMAkLIK2uu1KWTWDb+raWtqz2BYfOLgTKJUczVe21XOk1hPH6lcz+5fPHBCmQ1JTtH+K4Fw+4r/WEguY0iwLCD6jAvemJr2wQAScSu7tfZ6SpZO1MXDxDTnKV8S2Vc2dzuDF1cChAbL95KCXCPKKVNdQLfdNx42QZ4lCAAsXP1OcYJl22L9BeIUEoSGEsW+We4kpDmjQF4onnW/7Jce+tl6KYOxyoT6BVfaRB/li1GCAZRDM65vwkCMUqb4SwakhTNlezggqN1ObK4KjFCOFQqThs3iG+ajspCjgBJNMVTtRqRDYQ6APQMHicXHB2hJEIZ/+hy9qtk9gMQKVlrN4OTqrCq8PSbjNwZAnxUNWVq4nnmJ4q6lc7VwYfofrZWLpdb2eygCb7RH/SlV3DNHr3LAAAAAElFTkSuQmCC)
}
.orders-view .huge {
    font-weight: bold
}

.orders-view .orders > .header,
.orders-view .orders > .order {
    border: 1px solid rgb(220, 220, 220)
}

.orders-view .orders > .header {
    background: rgb(220, 220, 220)
}

.orders-view .orders > .order {
    border-top: 0
}

.orders-view .actions {
    text-align: center
}

.orders-view .oyat-label.title {
    margin: 10px 0;
    font-weight: bold;
    background: rgb(0, 83, 134);
    border-radius: 3px 12px 3px 3px;
    color: rgb(255, 255, 255);
    height: 35px;
    font-size: 20px;
    line-height: 25px;
    padding: 5px
}

.orders-view .units {
    font-weight: bold
}

.orders-view .logical-unit {
    overflow: hidden;
    background: rgb(220, 220, 220)
}

.orders-view .logical-unit .oyat-label {
    padding: 10px;
    height: auto;
    text-align: center;
    font-weight: bold
}

.orders-view .media-view {
    margin: 0;
    border-top: 0
}
.oyat-combobox {
    height: 22px;
    margin: 3px;
    position: relative
}

.oyat-combobox .oyat-field {
    overflow: auto;
    height: 22px
}

.oyat-combobox .oyat-text {
    overflow: hidden;
    border: 1px solid rgb(0, 83, 134);
    border-radius: 6px 0 0 0;
    background: rgb(255, 255, 255);
    height: 22px;
    cursor: default;
    padding: 3px
}

.oyat-combobox .oyat-action {
    float: right;
    height: 22px;
    width: 22px;
    cursor: pointer;
    border-radius: 0 0 6px 0;
    background: rgb(0, 83, 134)
}

.oyat-combobox .oyat-action:hover {
    background: rgb(91, 157, 191)
}

.oyat-combobox .oyat-dropdown {
    position: absolute;
    width: 100%;
    border: 1px solid rgb(0, 83, 134);
    border-radius: 0 6px 0 6px;
    background: rgb(255, 255, 255);
    z-index: 1000;
    margin: -1px 0 0 0;
    box-shadow: 0 1px 3px rgb(0, 0, 0)
}

.oyat-combobox .oyat-dropdown .oyat-rows {
    max-height: 200px;
    overflow: auto
}

.oyat-combobox .oyat-dropdown .oyat-row {
    line-height: 14px;
    padding: 3px
}

.oyat-combobox .oyat-dropdown .oyat-row:hover,
.oyat-combobox .oyat-dropdown .oyat-row:active {
    background: #86bdf0
}
.evergreen-category {
    border: 1px solid rgb(220, 220, 220);
    border-radius: 3px 12px 3px 3px;
    margin-top: 5px;
}

.evergreen-category-title {
    border-bottom: 1px solid rgb(220, 220, 220);
    border-left: 20px solid rgb(220, 220, 220);
    color: #000;
    font-weight: bold;
    margin : 0;
    padding: 10px 5px 10px 5px;
}

.evergreen-list-content > .evergreen-component-view {
    border: 1px solid rgb(220, 220, 220);
    margin-top: 5px;
}

.evergreen-category .evergreen-component-view {
    border-bottom: 1px solid rgb(220, 220, 220);
}

.evergreen-component-view .evergreen-component-main {
    display: table;
    margin: 0;
    padding: 0;
}

.evergreen-component-view .evergreen-desc-cell {
    display: table-cell;
    width: 470px;
}

.evergreen-component-view .evergreen-desc-cell .evergreen-component-description {
    margin : 0;
    padding: 0;
}

.evergreen-component-view .evergreen-download-cell {
    display: table-cell;
    width: 20px;
}

.evergreen-component-view .evergreen-download-cell .download {
    display: inline-block;
    color: #239de8;
    cursor: pointer;
    font-size: 18px;
}
.resource-view {
    border: 1px solid rgb(220, 220, 220);
    margin-bottom: 5px
}

.resource-view .resource-main {
    overflow: hidden
}

.resource-view .resource-type-cell {
    float: left;
    width: 80px;
    padding: 6px;
    text-align: center
}

.resource-view .resource-desc-cell {
    float: left;
    width: calc(100% - 180px)
}

.resource-view .resource-description {
    margin: 3px;
    padding: 3px
}

.resource-view .resource-description B {
    font-weight: bold
}

.resource-view .resource-size-cell {
    float: left;
    width: 100px;
    text-align: right
}

.resource-view .details {
    overflow: hidden;
    margin: 10px;
    background: white;
    color: #000000;
    border-left-width: 10px;
    border-left-style: solid;
    padding-left: 10px
}

.resource-view .details .header {
    font-weight: bold
}

.resource-view .details .tiny {
    font-style: italic;
    font-size: 9px;
    height: auto
}

.resource-view .file {
    border-top: 1px solid rgb(220, 220, 220)
}

.resource-view .file .info {
    padding: 2px;
    font-family: monospace;
    white-space: pre;
    font-size: 10px
}

.resource-view .quick-downloads {
    overflow: hidden
}

.resource-view .quick-downloads .quick-download {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px 5px 5px;
    height: 18px
}

.resource-view .quick-downloads .quick-download .download {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    color: #239de8;
    cursor: pointer
}

.resource-view .quick-downloads .quick-download .download I {
    line-height: 18px;
    font-size: 18px
}

.resource-view .quick-downloads .count {
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    padding: 0 5px
}

.resource-view .icon {
    width: 42px;
    height: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAAAY1BMVEUAAACcn590dXWcn590dXWXmpp7fX2cn590dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXWcn5+cn590dXWcn5+cn5/q9gSHAAAAIHRSTlMAM5nwXA4E0rAkGhMJp3NIMp+Ue2pgPB63tIo/ZmBOKjh8+MYAAACrSURBVDjLvZLZDoMgEEWVjhSVxQ1w6eL/f2VBGl9scNIQzwPDw8kwXMiuRVRotRprtNswirBk6VfVIdRaKF+GHuHSWfoyQ4ZAE+7WdsHdyqXFpzLmgA3VssZNDdF2rTDbhhN9HkA/At0i4IgEYOrxj2VaUp4oav8mNqLmb3e07piQhn4HeTx/q+s9VL5IxjpwTYv1FlUD1WtAqYF0qiI7kKjrkQRqkR/J/uIDuTwMKmT7lH0AAAAASUVORK5CYII=)
}

.resource-view .icon.code {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAbCAMAAAA9O+1hAAAA51BMVEUAAAB0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXV0dXX////e39/9/f2VlpaGh4f19fXR0tK4ubm1traur6+EhYV/gIDr7OzY2NjMzMy+vr58fX12d3fFxcWoqamYmZny8vLm5+fb29ujpKSSk5P5+fmqq6umpqaen5+bnJyNjY3v7+/h4eHV1dXIycm/wMC6u7uJiYl7e3ucT+IlAAAAJXRSTlMAEcMh66uXWDzeuotvaELBfmBOSh4D9aKekntUNy8bBv3Vy66Bec1q7gAAAXdJREFUOMu909eOgkAUBmBUEBvYe9s20rs0RVx7ff/nWYYAJqCuySb7X0wG5mNyzklA/imZhr8WyV8cWcwzUglBCOlko53a+AFL4RhqTxWgyNW+PgeA1dbGJ55KuGapLC84FsDsr4YD/Cy5lV6oxWhJnIAojnnbUyqTiTXDhFQx13rW5aMv+QoSC14WKMBylpTv1lLIoJKWF9oMymwq2VVns0GxaiN67rfRLS9CGU+XZoH6LX8QwRlRbjGCKhTqiTuzFgW8QP1eGhbzb3BuXg5yL0Z7vA8DzcC5BdnRuditujiPrOnObsM6So14BUTL1Zb+oSXa0jyAGpMdIomkjxa8mqVFIJhXFUrtouMJB+kEsOaWZryqBXAwToDbrvbu4AH1MoF9TwFQRHnhvaBzD2iYKVxga6/QMJv6y3R9l2JcBM7hZnm/ABKTVtrOF4I/U4enjSJyPyO8nWcsbgYEyjnbRqGSaz79YasYepGMwhcZsad8NEb+lB8r/0q9Oos+owAAAABJRU5ErkJggg==)
}
.versions-view {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1)
}

.versions-view > .header-legend {
    position: relative;
    height: 22px
}

.versions-view > .header-legend .bar {
    position: absolute;
    top: 10px;
    left: 500px;
    height: 92px;
    border-left: 1px solid lightgrey;
}

.versions-view > .header-legend .left,
.versions-view > .header-legend .right {
    position: absolute;
    color: grey;
    padding: 5px;
    text-align: center;
    font-style: italic;
    top: 0;
    font-size: 10px
}

.versions-view > .header-legend .left {
    width: 500px;
    left: 0;
}

.versions-view > .header-legend .right {
    width: 950px;
    right: 0;
}

.versions-view > .header {
    position: relative;
    height: 80px;
    padding-left: 510px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.versions-view > .header > DIV {
    border-width: 2px;
    border-width: 0;
    height: 37.5px;
    cursor: pointer;
    font-size: 18px;
    line-height: 37.5px;
    text-align: center;
    transition: box-shadow .25s ease-in-out;
    border-radius: 3px 12px 3px 3px;
    opacity: 0.5
}

.versions-view > .header > .active {
    opacity: 1
}

.versions-view > .header B {
    font-weight: normal
}

.versions-view > .header > .box-3dexperience B {
    font-weight: bold
}

.versions-view > .header > .box-3dexperience,
.versions-view > .header > .box-v5 {
    border-width: 2px !important;
    background: #ffffff;
    color: rgb(0, 83, 134)
}

.versions-view > .header > .box-biovia,
.versions-view > .header > .box-simulia,
.versions-view > .header > .box-3dvia,
.versions-view > .header > .box-catia,
.versions-view > .header > .box-solidworks,
.versions-view > .header > .box-netvibes,
.versions-view > .header > .box-quintiq,
.versions-view > .header > .box-3dexcite,
.versions-view > .header > .box-exalead,
.versions-view > .header > .box-geovia,
.versions-view > .header > .box-enovia,
.versions-view > .header > .box-delmia,
.versions-view > .header > .box-delmiaworks {
    color: #ffffff
}

.versions-view > .header .box-disabled, 
.versions-view > .header .box-disabled * {
    color: #cccccc !important
}

.versions-view > .header .box-disabled {
    border-radius: 0;
    background: #ffffff !important;
    border: 0;
    font-style: italic;
    box-shadow: none !important;
    cursor: default !important
}

.versions-view .header > DIV:hover:not(.box-disabled) {
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.5);
    opacity: 1
}

.versions-view > .header B {
    font-weight: bold;
    line-height: inherit;
    font-size: inherit
}

.versions-view > .header > .box-3dexperience {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 80px;
    font-size: 38px
}

.versions-view > .header > .box-3dexperience .top-line {
    line-height: 50px;
    font-size: 38px
}

.versions-view > .header > .box-3dexperience .bottom-line {
    font-size: 16px;
    line-height: 20px
}

.versions-view > .header > .box-3dexperience SUP {
    line-height: 1px;
    font-size: 20px
}

.versions-view > .header > .box-v5 {
    position: absolute;
    top: 0;
    left: 410px;
    width: 80px;
    height: 80px;
    line-height: 76px;
    font-size: 30px
}

.versions-view .logo {
    position: relative;
    margin: 10px 0 0 0;
    border-width: 10px 0 10px;
    height: 57px;
}

.versions-view .logo .image {
    position: absolute;
    right: 50%;
    left: 0;
    height: 37px;
    background-repeat: no-repeat;
    background-position: right -37px;
    overflow: hidden
}

.versions-view .logo .text {
    position: absolute;
    left: 50%;
    height: 37px;
    line-height: 18px;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 14px;
    overflow: hidden
}

.versions-view .logo .image,
.versions-view .logo .text {
    color: #ffffff
}

.versions-view .logo.brand-3dexperience .image {
    background-position: right 0px;
    background-image: url(data:image/png;base64,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)
}

.versions-view .logo.brand-3dexperience .text:before {
    content: '| CREATING SUSTAINABLE INNOVATION'
}

.versions-view .logo.brand-v5 .image {
    text-align: right
}

.versions-view .logo.brand-v5 .image:before {
    font-size: 30px;
    line-height: 37px;
    font-weight: bold;
    content: 'V5'
}

.versions-view .logo.brand-v5 .text:before {
    content: '| CATIA V5, DELMIA V5, SIMULIA V5, ENOVIA V5'
}

.versions-view .logo.brand-catia .image {
    background-image: url(/static/catia-7abLuKD4.png)
}

.versions-view .logo.brand-catia .text:before {
    content: '| SHAPE THE WORLD WE LIVE IN'
}

.versions-view .logo.brand-solidworks .image {
    background-image: url(/static/solidworks-lwvYsxG1.png)
}

.versions-view .logo.brand-solidworks .text:before {
    content: '| AUTHENTIC DESIGN EXPERIENCE'
}

.versions-view .logo.brand-enovia .image {
    background-image: url(/static/enovia-rZcDHi_y.png)
}

.versions-view .logo.brand-enovia .text:before {
    content: '| PLAN YOUR DEFINITION OF SUCCESS'
}

.versions-view .logo.brand-delmia .image {
    background-image: url(/static/delmia-ndfwU8wB.png)
}

.versions-view .logo.brand-delmia .text:before {
    content: '| MAKE IT HAPPEN'
}

.versions-view .logo.brand-simulia .image {
    background-image: url(/static/simulia-PXz-AXPG.png)
}

.versions-view .logo.brand-simulia .text:before {
    content: '| REVEAL THE WORLD WE LIVE IN'
}

.versions-view .logo.brand-geovia .image {
    background-image: url(/static/geovia-C-Pv0nvE.png)
}

.versions-view .logo.brand-geovia .text:before {
    content: '| MODEL THE PLANET'
}

.versions-view .logo.brand-exalead .image {
    background-image: url(/static/exalead-IKFlsPO0.png)
}

.versions-view .logo.brand-exalead .text:before {
    content: '| REVEAL INFORMATION INTELLIGENCE'
}

.versions-view .logo.brand-3dvia .image {
    background-image: url(/static/3dvia-BcNKuTwb.png)
}

.versions-view .logo.brand-3dvia .text:before {
    content: '| 3D BY ME'
}

.versions-view .logo.brand-biovia .image {
    background-image: url(data:image/png;base64,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)
}

.versions-view .logo.brand-biovia .text:before {
    content: '| MODEL THE BIOSPHERE'
}

.versions-view .logo.brand-netvibes .image {
    background-image: url(/static/netvibes-C5RESJWS.png)
}

.versions-view .logo.brand-netvibes .text:before {
    content: '| SEE WHAT\'S HAPPENING'
}

.versions-view .logo.brand-3dexcite .image {
    background-image: url(/static/3dexcite-B3DsEJir.png)
}

.versions-view .logo.brand-3dexcite .text:before {
    content: '| ENGINEER THE EXCITEMENT'
}

.versions-view .logo.brand-delmiaworks .image {
    background-image: url(/static/delmiaworks-DBm8lW5v.png);
    background-position: right 0
}

.versions-view .logo.brand-delmiaworks .text:before {
    content: '| ERP SYSTEM'
}

.versions-view > .product-lines {
    margin: 10px 0;
    border-width: 2px;
    border-left-width: 15px;
    background: #FFFFFF;
    padding: 0 10px 10px 0;
    overflow: hidden
}

.versions-view > .product-lines .cell {
    float: left;
    border-color: inherit;
    width: 33%
}

.versions-view .product-line {
    margin: 10px 0 0 10px;
    border-color: inherit;
    border-left-width: 15px;
    transition: border .25s ease-in-out, box-shadow .25s ease-in-out;
    padding-left: 15px;
    background: rgb(255, 255, 255);
    padding: 5px;
    color: #000000
}

.versions-view .product-line.enabled {
    cursor: pointer
}

.versions-view .product-line.disabled {
    opacity: 0.5;
    border-color: #cccccc;
    cursor: default
}

.versions-view .product-line.enabled:hover {
    border-left-width: 30px;
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.5)
}

.brand-none {
    background: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    color: rgb(220, 220, 220)
}

.brand-3dexperience,
.brand-v5 {
    background: rgb(0, 83, 134);
    border-color: rgb(0, 83, 134);
    color: rgb(0, 83, 134)
}

.brand-catia,
.brand-simulia,
.brand-geovia {
    background: rgb(0, 24, 113);
    border-color: rgb(0, 24, 113);
    color: rgb(0, 24, 113)
}

.brand-solidworks {
    background: rgb(218, 41, 28);
    border-color: rgb(218, 41, 28);
    color: rgb(218, 41, 28)
}

.brand-enovia,
.brand-exalead,
.brand-netvibes {
    background: rgb(232, 119, 34);
    border-color: rgb(232, 119, 34);
    color: rgb(232, 119, 34)
}

.brand-delmia,
.brand-delmiaworks {
    background: rgb(255, 205, 80);
    border-color: rgb(255, 205, 80);
    color: rgb(255, 205, 80)
}

.brand-biovia,
.brand-medidata {
    background: rgb(200, 211, 0);
    border-color: rgb(200, 211, 0);
    color: rgb(200, 211, 0)
}

.brand-3dvia,
.brand-3dexcite,
.brand-centricplm {
    background: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0)
}

.oyat-label.alert {
    text-align: center;
}

.evergreen-list {
    border: 1px solid #58a058;
    margin: 10px 0 10px 10px;
}

.evergreen-list-content {
    padding: 5px
}

.evergreen-list-content .evergreen-no-component {
    margin: 5px;
    text-align: center;
    font-weight: bold;
}

.evergreen-list-disclaimer {
    padding: 5px;
    text-align: center;
    font-variant: small-caps;
}

.evergreen-list-title {
    background: #58a058;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    text-align: center;
}
.media-list-view {
    overflow: hidden
}

.media-list-view .warning {
    background: #ffdbaf;
    color: black !important;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;    
    text-align: center;
}

.media-list-view .warning A {
    color: #239de8 !important;
    font-weight: bold;
    font-size: 16px;
}
.oyat-button {
    margin: var(--oyat-margin);
    padding: var(--oyat-padding);
    border: 1px solid var(--oyat-border-color);
    background: var(--oyat-background-color);
    border-radius: var(--oyat-border-radius);
    cursor: pointer;
    user-select: none
}

.oyat-button .oyat-text {
    color: var(--oyat-active-color);
    font-weight: bold;
    line-height: var(--oyat-line-height);
    text-align: center
}

.oyat-button:hover {
    border: 1px solid rgb(91, 157, 191)
}

.oyat-button:hover .oyat-text {
    color: rgb(91, 157, 191)
}

.oyat-button.oyat-disabled {
    cursor: default;
    border-color: #BBBBBB
}

.oyat-button.oyat-disabled .oyat-text {
    color: #BBBBBB
}

.oyat-button.oyat-disabled:hover .oyat-text {
    color: #BBBBBB
}
.freedownload-view .product-lines {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 10px 0;
}

.freedownload-view .product-lines .product-line {
    border-width: 0;
    cursor: pointer;
    transition: box-shadow .25s ease-in-out;
    border-radius: 3px 12px 3px 3px;
    opacity: 0.5;
    height: 80px;
}

.freedownload-view .product-lines .product-line:hover {
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.5);
    opacity: 1
}

.freedownload-view .product-lines .product-line.selected {
    opacity: 1
}

.freedownload-view .product-line .product-line-brand {
    color: white;
    height: 37.5px;
    font-size: 18px;
    line-height: 37.5px;
    text-align: center;
}

.freedownload-view .product-line .product-line-title {
    color: white;
    text-align: center;
    font-size: 18px;
}

.freedownload-view .product-line .product-line-brand B {
    font-weight: bold;
    font-size: 18px;
}

.freedownload-view .closa {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .25);
}

.freedownload-view .closa .wrapper {
    position: fixed;
    top: 50px;
    bottom: 50px;
    right: 0;
    left: 0;
}

.freedownload-view .closa .form {
    width: 800px;
    max-height: 100%;
    margin: 0 auto;
    padding: 10px;
    background: white;
    overflow: auto;
    scrollbar-width: thin;
}

.freedownload-view .closa .form IFRAME {
    width: 100%;
    height: 600px;
}
.media-list-view {
    overflow: hidden
}

.media-list-view .warning {
	background: #ffdbaf;
	color: black !important;
    font-size: 16px;
	font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;    
    text-align: center;
}

.media-list-view .warning A {
    color: #239de8 !important;
    font-weight: bold;
    font-size: 16px;
}
* {
    box-sizing: border-box;
    border: 0 solid transparent;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    background: none
}

.oyat-viewport {
    position: relative
}

.oyat-customHTML SELECT,
.oyat-customHTML INPUT,
.oyat-customHTML TEXTAREA {
    border: 1px solid var(--oyat-border-color);
    margin: var(--oyat-default-margin);
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255)
}

.oyat-customHTML INPUT {
    height: auto;
    line-height: 12px
}

.oyat-customHTML INPUT[type=button] {
    background: lightgrey
}

.oyat-customHTML TH,
.oyat-customHTML TD {
    padding: var(--oyat-default-padding)
}

.oyat-close {
    margin: 5px;
    height: 20px;
    width: 20px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 20px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    cursor: pointer
}

.oyat-close:hover {
    box-shadow: 0 0 2px rgb(255, 255, 255)
}

.oyat-close:before {
    content: '\2716';
    color: rgb(255, 255, 255)
}

.oyat-close:hover:before {
    text-shadow: 0 0 2px rgb(255, 255, 255)
}
.oyat-notification {
    overflow: hidden;
    margin: 10px 0px 0px;
    font-weight: bold;
    background: rgb(0, 0, 0)
}

.oyat-notification .oyat-text {
    display: inline-block;
    padding: 10px;
    color: rgb(255, 255, 255);
    word-break: break-all
}

.oyat-notification .oyat-close {
    float: right
}
#viewport .levels-filters {
    margin: 10px 0;
    background: #ffffff;
    border-width: 2px;
    border-left-width: 15px;
    color: #000000;
    padding-left: 10px
}

.levels-filters .show-all {
    text-align: center;
    font-weight: bold;
    color: #239de8;
    cursor: pointer
}


.levels-filters .top-lane {
    font-size: 16px;
    height: 24px;
    line-height: 16px
}

.levels-filters .oyat-combobox .oyat-action {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0, 83, 134);
    border-left: 0;
    text-align: center
}

.levels-filters .oyat-combobox .oyat-action:hover {
    background: rgb(255, 255, 255)
}

.levels-filters .oyat-combobox .oyat-action:before {
    content: '\25BC'
}

.levels-filters .oyat-combobox .oyat-action:hover:before {
    content: '\25BC';
    color: #239de8
}

.levels-filters .oyat-combobox .oyat-text {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1) inset;
    background: rgb(240, 240, 240)
}

.media-filters .group {
    border: 1px solid rgb(220, 220, 220);
    border-top: 0;
    margin: 0 0 10px 10px
}

.media-filters .group .header {
    text-align: center;
    font-weight: bold;
}

.media-filters .filter.disabled {
    color: #cccccc;
    opacity: 0.5
}

.media-filters .filter.enabled:hover {
    cursor: pointer;
    color: #239de8
}

.media-filters .filter.selected {
    font-weight: bold
}

.media-filters .group-title {
    overflow: hidden;
    border-width: 2px;
    background: #ffffff;
    border-right-width: 15px;
    margin: 0 0 0 10px;
    color: #000000
}