/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.12.1 - 2015-07-28T03:50:59.080Z
 * License: MIT
 */.ui-select-highlight{font-weight:700}.ui-select-offscreen{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.ng-dirty.ng-invalid>a.select2-choice{border-color:#D44950}.select2-result-single{padding-left:0}.select-locked>.ui-select-match-close,.select2-locked>.select2-search-choice-close{display:none}body>.select2-container.open{z-index:9999}.ui-select-container[theme=select2].direction-up .ui-select-match{border-radius:0 0 4px 4px}.ui-select-container[theme=select2].direction-up .ui-select-dropdown{border-radius:4px 4px 0 0;border-top-width:1px;border-top-style:solid;box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-4px}.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search{margin-top:4px}.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match{border-bottom-color:#5897fb}.selectize-input.selectize-focus{border-color:#007FBB!important}.selectize-control>.selectize-dropdown,.selectize-control>.selectize-input>input{width:100%}.ng-dirty.ng-invalid>div.selectize-input{border-color:#D44950}.ui-select-container[theme=selectize].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-2px}.btn-default-focus{color:#333;background-color:#EBEBEB;border-color:#ADADAD;text-decoration:none;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ui-select-bootstrap .ui-select-toggle{position:relative}.ui-select-bootstrap .ui-select-toggle>.caret{position:absolute;height:10px;top:50%;right:10px;margin-top:-2px}.input-group>.ui-select-bootstrap.dropdown{position:static}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control{border-radius:4px 0 0 4px}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control.direction-up{border-radius:4px 0 0 4px!important}.ui-select-bootstrap>.ui-select-match>.btn{text-align:left!important}.ui-select-bootstrap>.ui-select-match>.caret{position:absolute;top:45%;right:15px}.ui-select-bootstrap>.ui-select-choices{width:100%;height:auto;max-height:200px;overflow-x:hidden;margin-top:-1px}body>.ui-select-bootstrap.open{z-index:1000}.ui-select-multiple.ui-select-bootstrap{height:auto;padding:3px 3px 0}.ui-select-multiple.ui-select-bootstrap input.ui-select-search{background-color:transparent!important;border:none;outline:0;height:1.666666em;margin-bottom:3px}.ui-select-multiple.ui-select-bootstrap .ui-select-match .close{font-size:1.6em;line-height:.75}.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{outline:0;margin:0 3px 3px 0}.ui-select-multiple .ui-select-match-item{position:relative}.ui-select-multiple .ui-select-match-item.dropping-before:before{content:"";position:absolute;top:0;right:100%;height:100%;margin-right:2px;border-left:1px solid #428bca}.ui-select-multiple .ui-select-match-item.dropping-after:after{content:"";position:absolute;top:0;left:100%;height:100%;margin-left:2px;border-right:1px solid #428bca}.ui-select-bootstrap .ui-select-choices-row>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.ui-select-bootstrap .ui-select-choices-row>a:focus,.ui-select-bootstrap .ui-select-choices-row>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.ui-select-bootstrap .ui-select-choices-row.active>a{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.ui-select-bootstrap .ui-select-choices-row.active.disabled>a,.ui-select-bootstrap .ui-select-choices-row.disabled>a{color:#777;cursor:not-allowed;background-color:#fff}.ui-select-match.ng-hide-add,.ui-select-search.ng-hide-add{display:none!important}.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match{border-color:#D44950}.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25)}
[mean-token] .editable ,[mean-token] input {
	min-width: 20px;
	min-height: 20px;
	width: 100%;
	border: dashed green 1px;
	text-align: inherit;
	color: #999;
}
.tokensTabset li a, .tokensTabset li.active a, .tokensTabset li.active a:hover, .tokensTabset li.active a:focus{
	cursor: pointer;
}
.searchbar-example h1 {
  background-color: purple
}

/*@keyframes infinite-moveme {
	0% {
		-webkit-transform:translate3d(-30px,0,0);
		transform:translate3d(-30px,0,0);
        opacity:1
	}
	45% {
		-webkit-transform:translate3d(30px,0,0);
		transform:translate3d(30px,0,0);
        opacity:1
	}
	90% {
		-webkit-transform:translate3d(-30px,0,0);
		transform:translate3d(-30px,0,0);
        opacity:1
	}
	100% {
		-webkit-transform:translate3d(-30px,0,0);
		transform:translate3d(-30px,0,0);
        opacity:0
	}
}*/

@keyframes infinite-moveme {
	0% {
		-webkit-transform:translate3d(-30px,0,0);
		transform:translate3d(-30px,0,0);
        opacity:1;
	}
	24% {
		-webkit-transform:translate3d(30px,0,0);
		transform:translate3d(30px,0,0);
        opacity:1;
	}
	48% {
		-webkit-transform:translate3d(-30px,0,0);
		transform:translate3d(-30px,0,0);
        opacity:1;
	}
	72% {
		-webkit-transform:translate3d(30px,0,0);
		transform:translate3d(30px,0,0);
        opacity:1;
	}
	96% {
		-webkit-transform:translate3d(-30px,0,0);
		transform:translate3d(-30px,0,0);
        opacity:1;
	}
	100% {
		-webkit-transform:translate3d(-30px,0,0);
		transform:translate3d(-30px,0,0);
        opacity:0;
	}
}

.viewer-hint {
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 1;
    font-size: 13px;
    text-shadow: 0 0 4px #111;
    color: #fff;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: opacity .5s .5s;
    transition: opacity .5s .5s;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.viewer-hint-high-pos {
    bottom: 160px;
}

.viewer-hint .viewer-movehint {
    opacity: 0;
}

.viewer-movehint {
    display: block;
    width: 100px;
    height: 70px;
    text-align: center;
    background-image: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.3)0%,transparent 66%);
    background-image: radial-gradient(ellipse at center,rgba(0,0,0,.3)0%,transparent 66%);
    background-position: center center;
    opacity: 0;
    pointer-events: none;
}

.movehint {
    margin-top:8px;
    display: block;
    width: 100px;
    height: 30px;
    background: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/clickAndHold.svg') no-repeat center center;
    background-size: contain;
}

.viewer-movehint .label {
    margin-top:5px;
    display: block;
    font-size: 12px;
    /*text-indent: .5ex;*/
    color: #FFC200;
}

.keyboardHint {
    position: absolute;
    width: 250px;
    height: 270px;
    left: 20px;
    top:60px;
    background: #21242D none repeat scroll 0% 0%;
    padding: 8px 10px;
    margin: 0px 0px;
    text-align: left;
    color: #F5F9FC;
    opacity: 0.8;
    border-radius: 8px;
}

.accessKeyHint {
    font-size: 120%;
    font-family: "Courier New", "monospace";
    color:#FFC200;
}

.btnCloseKeyHint {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.keyboardHintIcon {
    font-size: 140%;
    position: absolute;
    right: 10px;
    bottom: 220px;
    color: #000;
    cursor: pointer;
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}
.keyboardHintIcon-m {
    bottom: 160px;
}
.noGlInfoIcon:hover{
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}
.page-header {
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}
.page-header .navbar-nav {
	float: right;
}
.page-header>div>div,
.page-header>div>ul {
	display: inline-block;
}
.text-edit {
	padding: 13px 0 0 0;
}
.account {
	text-align: right;
}
.account>div,
.account>ul {
	text-align: left;
}
.navbar .nav>li>a.brand {
	padding-left: 20px;
	margin-left: 0
}

.content {
	margin-top: 70px;
}
/*
footer {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 30px;
	width: 100%;
	background: #ddd;
	-webkit-box-shadow: 0 8px 6px 6px black;
	-moz-box-shadow: 0 8px 6px 6px black;
	box-shadow: 0 8px 6px 6px black
}
footer p {
	padding: 5px 0 12px 10px
}
*/

.ng-invalid.ng-dirty:not(.btn-yobi):not(.input-yobi) {
	border-color: #FA787E;
}
.ng-valid.ng-dirty:not(.btn-yobi):not(.input-yobi) {
	border-color: #78FA89;
}

.form-control[readonly].input-yobi-disable {
	cursor: text;
}

.table-borderless td ,
.table-borderless th {
    border: 0 !important;
}

.table-no-padding td ,
.table-no-padding th {
    padding: 0 !important;
}
.searchengine-example h1 {
    background-color: purple
}

/*** all ***/
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,

textarea:focus {
    box-shadow: 0 0 5px #FFC200;
    border: 1px solid #FFDA00;
}

.chart {
    width: 100%;
    height: 500px;
}

.modal {
    overflow-y: hidden;
}

/*** Body ***/
.consoleBody
{
    background-color: #FFFFFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.homeBody
{
    background: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/background_black1920.png') no-repeat center center fixed;
    /*background: url('/system/assets/img/background_black1920.png') no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.searchResultsBody
{
    background-color:#F5F9FC;
    margin-top: 70px;
    padding: 10px;
    width:100%;
    margin-right: auto;
    margin-left: auto;
}

.bookmarkBody
{
	background-color: #F5F9FC;
	margin-top: 68px;
	padding:0px;
	width:100%;
}

.ownerLabel
{
    color: #333;
    font-size: 100%;
    position: fixed;
    bottom: -1px;
    right: 15px;
    background-color:#FFFFFF;
    z-index:1000;
    opacity:0.5;
    padding-left:3px;
    padding-right:3px;
    border-top-left-radius:4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.searchResultsBody-expand
{
    background-color:#F5F9FC;
    margin-top: 190px;
    padding: 10px;
    width:100%;
    margin-right: auto;
    margin-left: auto;
}

.viewer3dBody
{
    background-color:#31343D;
}

.noScrollBar {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

/*** home index ***/
.homeLogo {
    margin-top: 15%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:450px;
}
.homeLogoImage {
    background-image: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/yobi3d-logo.png');
    background-size: 100%;
    width:450px;
    height: 100px;
}

.searchButtonSpace {
    width:60px;
}
.searchFormSpace {
    height:50px;
}
.hotSearchSpace {
    height:0em;
}
.contactUs {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #FFC200;
}
.contactUsLink {
    color: #FFC200;
}
.contactUsLink:hover {
    color: #FFF200;
}
.companyName{
    position: absolute;
    text-align:center;
	width:100%;
    bottom: 10px;
}
.companyNameText{
	display: inline-block;
	color: #FFC200;
    font-weight: bold;
	font-size: 14px;
	margin: 0;
}
.termsOfUse {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #FFC200;
}

.homeFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #525F6C;
    z-index: 1000;
}

.btn-3dHubsDocDetail{
	display:block;
	position: absolute;
	top: 57px;
	right: 10px;
    width: 160px;
	height: 36px;
	border: 1px solid #cccccc;
	background: #f8f8f8;
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
	color: #2D3742;
}

.btn-3dFilaDocDetail{
	display:block;
	position: absolute;
	top: 102px;
	right: 10px;
    width: 160px;
	height: 36px;
	border: 1px solid #cccccc;
	background: #f8f8f8;
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
	color: #2D3742;
    text-align:left;
}

.btn-3dHubsDocDetail:hover,.btn-3dFilaDocDetail:hover{
	background: #e6e6e6;
}

.btn-3dHubsHeader{
	display:block;
	position: absolute;
	top: 12px;
	right: 60px;
	height: 36px;
	border: 1px solid #cccccc;
	background: rgb(22,22,22);
	background: rgba(22,22,22,0.1);
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
}

.btn-3dHubsHeader:hover{
	background: rgb(22,22,22);
	background: rgba(22,22,22,0.2);
}

@media (max-width: 810px){
	.btn-3dHubsHeader{
		display: none;
	}
}

@media (max-width: 450px){
	.btn-3dHubsDocDetail,.btn-3dFilaDocDetail{
		display: none;
	}
}

.contentIn3dHubsButton,.contentIn3dFilaButton{
	display:inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 540px) {
    .searchButtonSpace {
        width:auto;
    }
}
@media (max-width: 480px) {
    .homeLogo {
        margin-top: 15%;
        width:337px;
    }
    .homeLogoImage {
        background-image: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/yobi3d-logo.png');
        background-size: 100%;
        width:337px;
        height: 75px;
    }
}

@media (min-width: 460px) and (max-width: 480px) and (max-height: 350px) {
    .homeLogo {
        margin-top: 5%;
    }
    .searchFormSpace {
        height:0px;
    }
}

@media (max-width: 600px) { /* screen width less than 420, set footer to 3 lines*/
    .homeFooter {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 80px;
        background-color: #525F6C;
        z-index: 1000;
    }
    .contactUs {
        position: absolute;
        bottom: 30px;
        width: 100%;
        color: #FFC200;
        text-align:center;
        left: 0;
    }
    .companyName{
        position: absolute;
        bottom: 0px;
        width: 100%;
        text-align:center;
        left: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
    }
    .termsOfUse {
        position: absolute;
        bottom: 60px;
        width: 100%;
        color: #FFC200;
        text-align:center;
        left: 0;
    }
}

@media (max-width: 359px) {
    .homeLogo {
        margin-top: 5%;
        width:225px;
    }
    .homeLogoImage {
        background-image: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/yobi3d-logo.png');
        background-size: 100%;
        width:225px;
        height: 50px;
    }
    .searchFormSpace {
        height:10px;
    }
    .hotSearchSpace {
        height:0.5em;
    }
}

.home-recommend-search {
    text-align:center;
}

@media (max-height: 320px) {
    .homeLogo {
        margin-top: 5%;
        width:225px;
    }
    .homeLogoImage {
        background-image: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/yobi3d-logo.png');
        background-size: 50% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        width:225px;
        height: 25px;
    }
    .searchFormSpace {
        height:0px;
    }
    .home-recommend-search {
        display:none;
    }
}

@media (max-height: 120px) {
    .homeLogo {
        margin-top: 0%;
    }
    .homeFooter {
        display: none;
    }
}

.recommend-search-title-index{
	color: #DCE4EA;
	font-size: 100%;
	display: inline-block;
}
.recommend-search-listBlock-searchPage{
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	color: #FFF200;
}

.recommend-search-title-searchPage{
	color: #DCE4EA;
	/*ont-weight: bold;*/
	font-size: 95%;
	display: inline-block;
}
.recommend-search-list-index{
	color: #FFF200;
	font-size: 100%;
	display: inline-block;
}
.recommend-search-list-searchPage{
	color: #FFF200;
	/*font-weight: bold;*/
	font-size: 95%;
}
.recommend-block{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 130px);
	height: 42px;
}
.recommend-search-link {
	color: #FFF200;
}
.recommend-search-link:hover {
	color: #FFF200;
	text-decoration: underline;
}

.searchButton {
    background-color: #FFDA00;
    border: none;
}
.searchButton:hover {
    background-color: #FFF200;
}
.searchInput {
    border-color: #A7B1B9;
    border: none;
}

/*** search results ***/
.navbar .nav>li>a.brand {
    padding-left:20px;
    margin-left:0;
}
.navbar-search-bar
{
    background-image: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/top_bar.png');
    background-repeat: repeat-x;
    border: none;
    height: 60px;
}
.navbar-search-bar-expand
{
    height: 180px;
    background-color: #F5F9FC;
}

.navbar-recommend-search
{
    left: 490px;
    top: 10px;
    position: absolute;
	width: calc(100% - 730px);
}
@media (max-width: 1050px) {
    .navbar-recommend-search
    {
      display: none;
    }
}
.navbar-recommend-search-with-search3DButton {
    left: 500px;
    top: 10px;
    position: absolute;
	width: calc(100% - 720px);
	height: 43px;
}

.navbar-search-bar-inputgroup
{
    top: 4px;
    width: 324px;
}

.search3DButton
{
    display: inline-block;
	vertical-align: middle;
    height:34px;
    border-radius: 3px;
    padding:6px 12px;
	text-align: center;
	color: #555555;
}

.navbar-top-logo
{
    height: 30px;
}

.navbar-search-form
{
    height: 51px;
    margin-top: 9px;
    width: 600px;
}

.navbar-search-param
{
    padding-top: 8px;
    padding-left: 9px;
    height: 80px;
    background-color: #F5F9FC;
}
.div-results {
    margin: 0 auto 10px;
    text-align: center;
}
.div-doc {
    cursor: pointer;
    width: 200px;
    height: 200px;
    display: inline-block;
    /*box-shadow: 1px 1px 1px rgba(34, 25, 25, 0.4);*/
    margin: 2px 4px 2px 4px;
    word-wrap: break-word;
}

.btn-yobi-filter {
    width:160px;
}

/*
@media (min-width: 481px) and (max-width: 640px) {
    .div-doc {
        width: 190px;
        height: 190px;
    }
}
*/

@media (max-width: 1080px){ /* screen width less than 1080, set filter 3 lines */
    .navbar-search-bar-expand {
        height: 210px;
    }
    .searchResultsBody-expand {
        margin-top: 220px;
    }
}

@media (max-width: 1020px){ /* screen width less than 1020, set filter 4 lines */
    .navbar-search-bar-expand {
        height: 250px;
    }
    .searchResultsBody-expand {
        margin-top: 260px;
    }

}

@media (max-width: 880px){ /* screen width less than 880, set filter 5 lines */
    .navbar-search-bar-expand {
        height: 280px;
    }
    .searchResultsBody-expand {
        margin-top: 290px;
    }

}

@media (max-width: 840px){ /* screen width less than 840, set filter 6 lines */
    .navbar-search-bar-expand {
        height: 310px;
    }
    .searchResultsBody-expand {
        margin-top: 320px;
    }

}

@media (max-width: 640px){ /* screen width less than 640, set filter cover screen */
    .navbar-search-bar-expand {
        height: 100%;
    }
    .btn-yobi-ext {
        width: 48px;
    }
}
@media (max-width: 635px) {
    .search3DButton
    {
        display:none;
    }
}

@media (max-width: 540px) {
    .navbar-search-form
    {
        width: 100%;
    }
    .navbar-search-bar-inputgroup
    {
        width: calc(100% - 220px);
    }
}
@media (min-width: 460px) and (max-width: 540px) {
    .dropdown-menu {
        font-size: 13px;
    }
    .dropdown-menu > li > a {
        padding: 3px 3px;
    }
}
@media (max-width: 640px) {
    .div-results {
        text-align: left;
    }
    .div-doc {
        width: calc((100% - 26px) / 3);
        height: auto;
        /*height: calc((100% - 26px) / 3);*/
    }
}
@media (max-width: 440px) {
    .div-doc {
        width: calc((100% - 16px) / 2);
        height: auto;
        /*height: calc((100% - 16px) / 2);*/
    }
}
@media (max-width: 240px) {
    .div-results {
        text-align: center;
    }
    .div-doc {
        width: calc(100% - 8px);
        height: auto;
        /*height: calc(100% - 8px);*/
    }
}
/*
@media (min-width: 430px) and (max-width: 460px) {
    .navbar-search-bar-inputgroup
    {
        width: 200px;
    }
}
@media (min-width: 390px) and (max-width: 430px) {
    .navbar-search-bar-inputgroup
    {
        width: 180px;
    }
}
*/

@media (max-width: 390px) {
    .navbar .nav>li>a.brand {
        padding-left:0;
        margin-left:0;
    }
    .navbar-search-bar-expand
    {
      height: 100%;
    }

    .navbar-brand{
		padding: 5px;
        padding-top: 18px;
    }
    .navbar-top-logo
	{
        width: 100px;
        height: 22.22px;
    }
    .navbar-search-bar-inputgroup
    {
/*        top: 0px;*/
        width: calc(100% - 170px);
    }
	.navbar-search-form
	{
        height: 51px;
        margin-top: 9px;
    }
    .form-control {

        padding: 3px 3px;
    }
    .dropdown-menu {
        font-size: 12px;
    }
    .btn-sm,
    .btn-group-sm > .btn:not(.fix-size) {
      padding: 1px 5px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px;
    }
    .dropdown-menu > li > a {
        padding: 3px 3px;
    }
}

@media (max-height: 420px) { /* screen height less than 420, set dropdown popover on top */
    .dropdown-menu-yobi {
        top:auto;
        bottom:32px;
    }
}

.snapshot {
    display: block;
    width:100%;
    height:100%;
    background-color: #fff;
    border: 0 solid #ddd;
    border-radius: 1px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /*-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
    -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
    box-shadow: 1px 1px 2px 0 #d0d0d0;*/
}

.snapshot-sponsor {
    height:87.5%;
    margin-top: 0px;
}

.thumbnail.snapshot {
    width:100%;
    margin-left:-3px;
    height:100%;
    margin-top:-3px;
}
.docShortDesc {
    position: absolute;
    color: #FFF200;
    font-size: 90%;
    top: 5px;
    left: 5px;
}
.docShortDescDomain {
    position: absolute;
    color: #FFC200;
    font-size: 80%;
    bottom: 5px;
    left: 5px;
    text-align: left;
}

.docShortDescPromoted{
    position: absolute;
    color: #A7B1B9;
    font-size: 80%;
	font-weight: bold;
    bottom: 5px;
    right: 5px;
    text-align: left;
}
.promotedLabel{
	padding: .2em .3em .2em .5em;
}

.docShortDescSponsor {
    position: absolute;
    color: #A7B1B9;
    font-size: 80%;
	font-weight: bold;
    bottom: 5px;
    right: 5px;
    text-align: left;
}

.docVerPolyCount {
    font-size: 90%;
}

/*** popup viewer ***/
.modal3d .modal-dialog {
    position: relative;
    width:90%;
    height: calc(100% - 60px);
}

.modal3d .modal-dialog[fullscreen=true] { /*workaround for Edge browser*/
    position: absolute;
    width:100%;
    height: 100%;
    margin: 0px;
}

.modal3d .modal-dialog[iosdevice=true] {
        position: fixed;
        width:100%;
        height: 100%;
        margin: 0;
}
.promotionLabel{
	background-color: #A7B1B9;
	font-weight: normal;
	font-size: 85%;
	padding: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}
@media (max-width: 800px) { /* screen width less than 800, set popup modal-dialog to full screen and remove fullscreen button */
    .modal3d .modal-dialog {
        position: fixed;
        width:100%;
        height: 100%;
        margin: 0;
    }
    .modal-content {
        border: 0;
        border-radius: 0px;
    }
}

.modal3d .modal-content {
    height: 100%;
    background-color:#31343D;
}

.modal-dialog[fullscreen=true] .modal-content { /*workaround for Edge browser*/
    border: none;
    border-radius: 0px;
}

.modal3d-model {
    width:100%;
    height:92%;
    padding: 0;
    background-color:#31343D;
}
.modal3d-desc {
    width:100%;
    height: 155px;
    vertical-align: top;
    word-wrap: break-word;
    padding: 5px 10px 10px 10px; /* t r b l*/
}
.modal3d-desc-iframe {
    position: absolute;
    bottom:0px;
}
.content3d {
    overflow: hidden;
    width:100%;
    height: 100%;
}

.viewer3dIFrame-modalView {
    width: 100%;
    height: 100%;
}

.docDetailsContent{
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
	width: calc(100% - 108px);
}

.docDetailsSnapshot{
	display: inline-block;
	vertical-align: top;
	padding-top: 13px;
	padding-left: 2px;
	padding-right: 7px;
	width: 94px;
	height: 94px;
}

.docDetailsTitle {
	margin-top: 5px;
	margin-bottom: 0px;
    font-size: 200%;
    color: #3D4953;
    width: calc(100% - 90px);
    overflow:hidden;
    white-space: nowrap; /* Don't forget this one */
    text-overflow: ellipsis;
}
.docDetailsPrintability {
	margin-top: 5px;
	margin-bottom: 5px;
    font-size: 150%;
    color: #3D4953;
    width: calc(100% - 90px);
    overflow:hidden;
    white-space: nowrap; /* Don't forget this one */
    text-overflow: ellipsis;
}
@media (max-width: 800px){ /* screen width less than 800, set popup modal-dialog to full screen and remove fullscreen button */
    .docDetailsContent{
		width: 100%;
	}
	.docDetailsSnapshot{
		display: none;
	}
}
@media (max-width: 700px){
	.docDetailsTitle {
		font-size: 120%;
		margin-bottom: 2px;
	}
}
.docDetailsAhref {
    color: #3D4953;
}
.docDetailsAhref:hover {
    color: #9AA6AF;
}
.docDetailsDomain {
    color: #7B8892;
    font-size: 90%;
}
.docDetailsDomain:hover {
    color: #525F6C;
}
.docDetailsFileName {
    font-style: italic;
}
.docDetailsInlink {
    color: #525F6C;
    text-decoration:underline;
}
.docDetailsInlink:hover {
    color: #9AA6AF;
}
.quickLink {
    position: absolute;
    right:50px;
    bottom:10px;
    width:270px;
}
.quickLink-sm {
/*    padding: 5px 10px;*/
    font-size: 12px;
    line-height: 1.5;
/*    border-radius: 3px;*/
    display: none;
}

.btn-feedback {
    font-weight: bold;
    font-size: 100%;
    position: absolute;
/*    padding: 5px 10px;*/
    right:10px;
    bottom:10px;
    height:30px;
    display:block;
}

.wordWrap {
    white-space: nowrap;
}

@media (max-width: 460px) { /* screen width less than 480, set quickLink to one button */
    .btn-feedback {
      font-size: 12px;
      line-height: 1.5;
    }

    .quickLink {
        display: none;
    }
    .quickLink-sm {
        display: block;
        position: absolute;
        right:50px;
        bottom:10px;
    }
}

.docDetailsArea[hide=true] {
    display:none;
}

/* screen height less than 400, hide docDetailsArea */
@media (max-height: 400px) and (max-width: 800px) {
    .docDetailsArea {
        display:none;
    }
}

/*
.quickLink-close {
    display:none;
}

.docDetailsArea .quickLink-close {
*/
.quickLink-close {
    position: absolute;
    padding: 5px 10px;
    right:10px;
    top:10px;
    display:block;
}

/*.docDetailsArea.docDetailsArea-expand {*/
.docDetailsArea-expand {
    display:block;
}
/*.docDetailsArea.docDetailsArea-collapse  {*/
.docDetailsArea-collapse  {
    display:none;
}

.viewer3dIFrame {
    height:100%;
    width:100%;
    position:absolute;
    top:50px;
    bottom:100px;
}
.modalButton {
    font-size: 40px;
}
.modal-btn-close>.modalButton {
    font-size: 30px;
}

.modal-btn-close {
    position:absolute;
    top:-30px;
    right:-45px;
    width:40px;
    height:40px;
    border-radius:0px 0px 5px 5px;
    background-color:#31343D;
    opacity: 1;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}

.modal-dialog[fullscreen=true] .modal-btn-close { /*workaround for Edge browser*/
    display: none;
}

.modal-btn-nextRecord {
    position: absolute;
    right: 10px;
    top: calc(50% - 30px);
}
.modal-btn-previousRecord {
    position: absolute;
    left: 10px;
    top: calc(50% - 30px);
}
.modal-btn-nextRecord:hover {
    visibility:visible;
    color: #FFC200;
}
.modal-btn-previousRecord:hover {
    visibility:visible;
    color: #FFC200;
}
.modal-btn-showDetails {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.modal-btn-showDetails:hover {
    visibility:visible;
    color: #FFC200;
}

/*** 3d viewer ***/
.container3d {
    overflow: hidden;
    width:100%;
    height: 100%;
    line-height: 0px;
}
.loadProgress {
    position: absolute;
    top: 40%;
    left: calc(50% - 150px);
    width: 300px;
    color: #FFC200;
    font-size: 18px;
    font-weight: 180;
}

.progress-bar-yobi {
    background-color: #FFC200;
    color: #31343D;
    font-size: 18px;
    font-weight: 180;
}
.fileSize {
    position: absolute;
    top: -2px;
    left: 310px;
    width: 300px;
    color: #FFC200;
    font-size: 18px;
    font-weight: 180;
}
@media (max-width: 600px) {
    .loadProgress {
        top: 30%;
        left: calc(50% - 80px);
        width: 160px;
    }
    .fileSize {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 100px;
        color: #FFC200;
        font-size: 18px;
        font-weight: 180;
    }
}

/*************** viewer controls ***************************/
@font-face {
  font-family: 'Glyphicons yobi3d';

  src: url('/yobi3d_UI.eot');
  src: url('/yobi3d_UI.eot?#iefix') format('embedded-opentype'), url('/yobi3d_UI.woff') format('woff'), url('/yobi3d_UI.ttf') format('truetype'), url('/yobi3d_UI.svg#yobi3d_UI') format('svg');
}
.glyphicon-yobi {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons yobi3d';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-yobi-arrow-up:before {
  content: "\e000";
}
.glyphicon-yobi-arrow-right:before {
  content: "\e001";
}
.glyphicon-yobi-arrow-down:before {
  content: "\e002";
}
.glyphicon-yobi-arrow-left:before {
  content: "\e003";
}
.glyphicon-yobi-reset:before {
  content: "\e004";
}
.glyphicon-yobi-plus-sign:before {
  content: "\e005";
}
.glyphicon-yobi-minus-sign:before {
  content: "\e006";
}
.glyphicon-yobi-brighter:before {
  content: "\e007";
}
.glyphicon-yobi-dimmer:before {
  content: "\e008";
}
.glyphicon-yobi-color:before {
  content: "\e009";
}
.glyphicon-yobi-plastic:before {
  content: "\e010";
}
.glyphicon-yobi-texture:before {
  content: "\e00a";
}
.glyphicon-yobi-wireframe:before {
  content: "\e00b";
}
.glyphicon-yobi-prevous:before {
  content: "\e00c";
}
.glyphicon-yobi-next:before {
  content: "\e00d";
}
.glyphicon-yobi-fullscreen:before {
  content: "\e00e";
}
.glyphicon-yobi-close:before {
  content: "\e00f";
}
.glyphicon-yobi-3dprint:before {
  content: "\e011";
}
.glyphicon-yobi-vr:before {
  content: "\e800";
}
.glyphicon-yobi-related:before{
  content: "\e900";
  vertical-align: top;
  font-size: 90%;
}
.glyphicon-3dHub-icon:before {
  content: "\e901";
}
.glyphicon-3dFila-icon:before {
  content: "\e902";
}
.viewerControls {
    position: absolute;
    right:55px;
    top:15px;
    width: 100px;
    height: 140px;
    color: #FFC200;
}
.viewerControls[iosdevice=true] {
    display:none;
}
.viewerControlsBg {
    position: absolute;
    right:-5px;
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.vcUp {
    position: absolute;
    right: 30px;
    top: 5px;
    font-size: 200%;
}
.vcDown {
    position: absolute;
    right: 30px;
    top: 65px;
    font-size: 200%;
}
.vcLeft {
    position: absolute;
    right: 60px;
    top: 35px;
    font-size: 200%;
}
.vcRight {
    position: absolute;
    right: 0;
    top: 35px;
    font-size: 200%;
}
.vcReset {
    position: absolute;
    right: 30px;
    top: 35px;
    font-size: 200%;
}
.vcZoomIn {
    position: absolute;
    right: 51px;
    top: 100px;
    font-size: 250%;
}
.vcZoomOut {
    position: absolute;
    right: 4px;
    top: 100px;
    font-size: 250%;
}
.vcFullScreen {
    position: absolute;
    right: 5px;
    top: 5px;
/*    font-weight: bold;*/
    line-height: 1;
    color: #000;
    text-shadow: 0px 1px 0px #FFF;
    opacity: 0.2;
}

.vcFullScreen:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
}

.vcControlPanelToggle {
    display: none;
    position: absolute;
    right: 8px;
    top: 55px;
    line-height: 1;
    color: #000;
    text-shadow: 0px 1px 0px #FFF;
    opacity: 0.2;
}

.vcControlPanelToggle:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
}

.vcCardboardToggle {
    display: block;
    position: absolute;
    left: 8px;
    top: 5px;
    line-height: 1;
    color: #000;
    text-shadow: 0px 1px 0px #FFF;
    opacity: 0.2;
}

.vcCardboardToggle:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
}

.modal-btn-close[iosdevice=true] {
        top:0;
        right:5px;
        width: 45px;
        height: 50px;
        border-radius:0px;
        box-shadow: none;
}
.modal-btn-close>.modalButton[iosdevice=true] {
        font-size: 40px;
}

@media (max-width: 800px) { /* screen width less than 800, set popup modal-dialog to full screen and remove fullscreen button */
    .modal-btn-close {
        top:0;
        right:5px;
        width: 45px;
        height: 50px;
        border-radius:0px;
        box-shadow: none;
    }
    .modal-btn-close>.modalButton {
        font-size: 40px;
    }
}

.modelControls {
    position: absolute;
    right:55px;
    top:170px;
    width: 100px;
    height: 170px;
    color: #FFC200;
}
.modelControls[iosdevice=true] {
    top:15px;
}
.modelControlsBg {
    position: absolute;
    right:-5px;
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.viewerControls-expand {
    display:block;
}
.modelControls-expand {
    display:block;
}

.vcControlPanelToggle[iosdevice=true] {
    display: block;
}
.modelControls[iosdevice=true] {
    display:none;
    top:15px;
}
.viewerControls-expand[iosdevice=true] {
    display:none;
}
.modelControls-expand[iosdevice=true] {
    display:block;
}

/* screen height less than 400, hide viewerControls and modelControls */
@media (max-height: 400px) and (max-width: 800px) {
    .vcControlPanelToggle {
        display: block;
    }
    .viewerControls {
        display:none;
    }
    .modelControls {
        display:none;
    }
    .viewerControls-expand {
        display:block;
    }
    .viewerControls-expand[iosdevice=true] {
        display:none;
    }
    .modelControls-expand {
        display:block;
    }
}

@media (max-height: 319px) { /* screen height less than 320, move modelControls to viewerControl's left side */
    .modelControls {
        right:175px;
        top:15px;
    }
    .modelControls[iosdevice=true] {
        right:55px;
    }
}

@media (max-height: 319px) and (max-width: 800px) {
    .modelControls {
        right:165px;
        top:15px;
    }
    .modelControls[iosdevice=true] {
        right:55px;
        top:15px;
    }
}

.mcTexture {
    position: absolute;
    right: 52px;
    top: 10px;
    font-size: 200%;
}
.mcPrinting {
    position: absolute;
    right: 52px;
    top: 90px;
    font-size: 200%;
}
.mcSingleColor {
    position: absolute;
    right: 52px;
    top: 50px;
    font-size: 200%;
}
.mcWireframe {
    position: absolute;
    right: 6px;
    top: 10px;
    font-size: 200%;
}
.mcCardboard {
    position: absolute;
    right: 6px;
    top: 50px;
    font-size: 200%;
}
.mcLightPlus {
    position: absolute;
    right: 52px;
    top: 140px;
    font-size: 200%;
}
.mcLightMinus {
    position: absolute;
    right: 6px;
    top: 140px;
    font-size: 200%;
}
.mcDisable {
    color: #808080;
	cursor: default;
}

.mcEnable {
    color: #FFC200;
	cursor: pointer;
}
.mcChecked {
    text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;
}
.mcUnchecked {
    text-shadow: none;
}

/*************** object controls ***************************/
.objectControls {
    position: absolute;
    right:50px;
    top:245px;
    width: 100px;
    height: 160px;
    color: #FFC200;
    /*border: solid;*/
}
.vcZAxis {
    position: absolute;
    right: 100px;
    top: 100px;
    font-size: 200%;
}
/********** X **********/
.vcXAxis {
    position: absolute;
    right: 55px;
    top: 5px;
    font-size: 250%;
    -ms-transform:scaleX(0.5); /* IE 9 */
    -webkit-transform:scaleX(0.5); /* Opera, Chrome, and Safari */
    transform:scaleX(0.5);
}
.vcTranslateXAxisPos {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 150%;
}
.vcTranslateXAxisNeg {
    position: absolute;
    right: 35px;
    top: 10px;
    font-size: 150%;
}
/********** Y **********/
.vcYAxis {
    position: absolute;
    right: 55px;
    top: 60px;
    font-size: 250%;
    -ms-transform:scaleY(0.5); /* IE 9 */
    -webkit-transform:scaleY(0.5); /* Opera, Chrome, and Safari */
    transform:scaleY(0.5);
}
.vcTranslateYAxisPos {
    position: absolute;
    right: 22px;
    top: 50px;
    font-size: 150%;
}
.vcTranslateYAxisNeg {
    position: absolute;
    right: 20px;
    top: 75px;
    font-size: 150%;
}
/********** Z **********/
.vcZAxis {
    position: absolute;
    right: 55px;
    top: 110px;
    font-size: 200%;
}
.vcTranslateZAxisNeg {
    position: absolute;
    right: 10px;
    top: 110px;
    font-size: 150%;
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
    transform:rotate(45deg);
}
.vcTranslateZAxisPos {
    position: absolute;
    right: 28px;
    top: 130px;
    font-size: 150%;
    -ms-transform:rotate(225deg); /* IE 9 */
    -webkit-transform:rotate(225deg); /* Opera, Chrome, and Safari */
    transform:rotate(225deg);
}
/****************************************************************/
.vcUp:hover, .vcDown:hover, .vcLeft:hover, .vcRight:hover, .vcZoomIn:hover, .vcZoomOut:hover, .mcLightPlus:hover, .mcLightMinus:hover,
.mcTexture:hover:not(.mcDisable), .mcPrinting:hover:not(.mcDisable), .mcSingleColor:hover:not(.mcDisable), .mcWireframe:hover, .mcCardboard:hover,
.vcXAxis:hover, .vcYAxis:hover, .vcZAxis:hover, .vcReset:hover,
.vcTranslateXAxisPos:hover, .vcTranslateXAxisNeg:hover,
.vcTranslateYAxisPos:hover, .vcTranslateYAxisNeg:hover,
.vcTranslateZAxisPos:hover, .vcTranslateZAxisNeg:hover
{
    cursor: pointer;
    color: #FFF200;
}

/*** render analysis ***/
.div-job {
    cursor: pointer;
    width: 200px;
    height: 300px;
    display: inline-block;
    box-shadow: 1px 1px 1px rgba(34, 25, 25, 0.4);
    margin: 2px 4px 2px 4px;
    word-wrap: break-word;
    overflow: hidden;
    background-color: #E6E6E6;
}
.div-job-container {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
}
.manuallyChecked {
    position: absolute;
    color: #FA5858;
    font-size: 180%;
    top: 10px;
    right: 10px;
}
.snapshot-job {
    width:100%;
    background-color: #fff;
    border: 0 solid #ddd;
    border-radius: 1px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.renderAnalysis_done {
    position: absolute;
    color: #42BC34;
    top: 10px;
    left: 10px;
}
.renderAnalysis_failed {
    position: absolute;
    color: #FF9103;
    top: 10px;
    left: 10px;
}
.renderAnalysis_notProcessed {
    position: absolute;
    color: #BB52FF;
    top: 10px;
    left: 10px;
}
.renderAnalysis_processing {
    position: absolute;
    color: #FFA3A3;
    top: 10px;
    left: 10px;
}
.renderAnalysis_new {
    position: absolute;
    color: #FAFF52;
    top: 10px;
    left: 10px;
}
.div-full-container {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #31343D;
}

footer {
    position:fixed;
    left:0;
    bottom:0;
    height:30px;
    width:100%;
    background:#ddd;
    -webkit-box-shadow:0 8px 6px 6px black;
    -moz-box-shadow:0 8px 6px 6px black;
    box-shadow:0 8px 6px 6px black
}

footer p {
    padding:5px 0 12px 10px
}

.centerContainer {
    display: table;
    height: 100%;
    position:absolute;
    overflow: hidden;
    width:100%;
}
.centerHelper {
    display: table-cell;
    vertical-align: middle;
}
.centerContent {
    margin:0 auto;
    width:670px;
}
.input-group-addon.search-last-btn:not(:first-child):not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.popover-content {
    font-size: 14px;
}

.popover.top-left {
  margin-top: -10px;
  margin-left: -210px;
  width: 250px;
}
.popover.top-left > .arrow {
  bottom: -11px;
  left: calc(100% - 20px);
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top-left > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.tooltip-inner {
  white-space: nowrap;
}
.popover-title {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.yobi-tooltip + .tooltip.in {opacity:0.9;}
.yobi-tooltip + .tooltip > .tooltip-arrow {left:90%;}
/*
.yobi-tooltip + .tooltip.in {opacity:1;}
.yobi-tooltip + .tooltip > .tooltip-inner {background-color: #F5F9FC;color:#555;border: 1px solid #FFC200;max-width: 300px;}
.yobi-tooltip + .tooltip > .tooltip-arrow {border-bottom-color: #FFC200;left:90%;}
.yobi-tooltip + .tooltip > .tooltip-arrow:after {
    position: absolute;
    left:-5px;
	width:0;
	height:0;
    content:'';
    border-style: solid;
    border-width: 1px 5px 5px;
    border-color: transparent transparent #F5F9FC;
    border-top-width:1px;
}
*/

.yobi-popover + .popover .popover-content {
  margin: 6px 11px;
  padding: 2px 2px;
  border-top: solid 1px #8e8e8e;
  border-right: solid 1px #8e8e8e;
  border-left: solid 1px #d1d1d1;
  border-bottom: solid 1px #d1d1d1;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #555;
  cursor: pointer;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  font-weight: bold;
  color: #555;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.yobi-tab-icon {
    font-size: 120%;
	vertical-align: middle;
}

.loginShortcut {
	font-size:20px;
    position: absolute;
    top: 18px;
    right: 8px;
}

.bookmarkViewModelContainer{
	height: 152px;
	width: 760px;
	margin: 4px 4px 4px 4px;
	border-radius: 1px;
	background-color: #ffffff;
	border: 1px solid #c2cbd1;
    display: inline-block;
}

.bookmarkViewModelContainer:hover{
	background-color: #f5f9fc;
}

.bookmarkViewDetails{
	padding: 10px;
	width: 600px;
	height: 150px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.bookmarkViewDate{
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #c2cbd1;
}
.bookmarkViewTitle{
	font-size: 25px;
}

.addedDate{
	position: relative;
	left: 160px;
	bottom: 25px;
}

.bookmarkViewSnapshot{
	cursor: pointer;
    width: 150px;
    height: 150px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
    /*box-shadow: 1px 1px 1px rgba(34, 25, 25, 0.4);*/
}


.panel-yobi {
  border: 0;
}
.panel-yobi > .panel-heading {
  background-color: #FFDA00;
  background-image: url('https://s3-us-west-2.amazonaws.com/yobi3d-imgs/top_bar_yellow-2.png');
/*  background-repeat: repeat-x;*/
  background-size: cover;
  border: 0;
  color: #555;
}
.btn-yellow {
  background-color: #FFDA00;
  border: 0;
  color: #555;
}
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow:hover {
  background-color: #FFF200;
  border: 0;
  color: #555;
}
.panel-body-yobi {
  background-color:#F5F9FC;
}
.link-yobi {
    color: #525F6C;
/*    text-decoration:underline;*/
}
.link-yobi:hover {
    color: #9AA6AF;
}
.login-link{
	color: #3D4953;
/*    font-weight: bold;*/
}

.login-link:focus,
.login-link:active,
.login-link:hover{
	color: #7B8892;
/*    font-weight: bold;*/
}

@media (max-width: 990px) {
    .form-horizontal .control-label{
        padding-top: 0px;
    }

    .form-group {
        margin-bottom: 5px;
    }
    .control-label-yobi {
        width: 50px;
    }
}
@media (max-width: 390px) {
    .loginShortcut {
        top: 18px;
    }
    .btn-login-yobi {
        height: 28px;
    }
}

.glyphicon-shadow::before {
    text-shadow: -1px 0px 0px rgba(255,255,255,0.4), 0px -1px 0px rgba(255,255,255,0.4), 1px 0px 0px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.4), -1px -1px 0px rgba(255,255,255,0.4), -1px 1px 0px rgba(255,255,255,0.4), 1px -1px 0px rgba(255,255,255,0.4), 1px 1px 0px rgba(255,255,255,0.4);
}

.yobi-config::after {
    content: "\e019";
    font-size: 70%;
    top: 0.3em;
    left: -0.6em;
    position: relative;
    text-shadow: -1px 0px 0px rgba(255,255,255,0.4), 0px -1px 0px rgba(255,255,255,0.4), 1px 0px 0px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.4), -1px -1px 0px rgba(255,255,255,0.4), -1px 1px 0px rgba(255,255,255,0.4), 1px -1px 0px rgba(255,255,255,0.4), 1px 1px 0px rgba(255,255,255,0.4);
}

.input-check {
    display:inline-block;
    width: calc(100% - 20px);
}

.input-allow {
    color: #3C763D;
}

.input-deny {
    color: #A94442;
}

.input-deny-text {
    font-size:80%;
    color:#A94442;
}

/*
.glyphicon-border {
    font-size:100%;
    color: #FFF;
}
*/
.bookmarked {
    color: #D01E48;
/*    text-shadow: -1px 0px 0px rgba(208,30,72,1), 0px -1px 0px rgba(208,30,72,1), 1px 0px 0px rgba(208,30,72,1), 0px 1px 0px rgba(208,30,72,1);*/
}
/*
.glyphicon-heart-border::before {
    content: "\e005";
    text-shadow: -1px 0px 0px #333333, 0px -1px 0px #333333, 1px 0px 0px #333333, 0px 1px 0px #333333;
}

.glyphicon-heart-border::after {
    position: relative;
    font-size:calc(100% - 2px);
    left: calc(-1em - 1px);
    top: -1px;
    color: #FFF;
    content: "\e005";
}*/

.hide {
    display: none;
}
/* ========================================================================= */
/* THE FOLLOWING CSS IS EDITED BY ZACHARY AND THEY ARE USED IN BOOKMARK PAGE */
/* ========================================================================= */
.bookmarkViewModelContainer{
	height: 152px;
	width: 600px;
	margin: 0px 4px 8px 4px;
	text-align:left;
	border-radius: 1px;
	background-color: #ffffff;
	border: 1px solid #c2cbd1;
    display: inline-block;
	position: relative;
}

.bookmarkViewDetails{
	padding: 10px;
	width: 440px;
	height: 150px;
	display: inline-block;
	vertical-align: top;
}

.bookmarkViewSnapshot{
	cursor: pointer;
    width: 150px;
    height: 150px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
    /*box-shadow: 1px 1px 1px rgba(34, 25, 25, 0.4);*/
}

.bookmarkViewTitle{
	font-size: 20px;
    color: #3D4953;
    overflow:hidden;
    white-space: nowrap; /* Don't forget this one */
    text-overflow: ellipsis;
}

.bookmarkViewDate{
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #c2cbd1;
}

.bookmarkViewModelContainer:hover{
	background-color: #f5f9fc;
}

.bookmarkViewCross{
	cursor: pointer;
	color:#c2cbd1;
}
/* ===================== */
/* RESPONSIVE WED DESIGN */
/* ===================== */
@media (max-width: 620px) {
    .bookmarkViewModelContainer{
		width: 100%;
		height: auto;
		margin: 0px 0px 8px 0px;
	}
	.bookmarkViewDetails{
		width: -webkit-calc(100% - 130px);
		width: -moz-calc(100% - 130px);
		width: -o-calc(100% - 130px);
		width: calc(100% - 130px);
		height: auto;
		padding: 6px 0px 6px 6px;
	}
	.bookmarkViewSnapshot{
		width:120px;
		height:120px;
		padding: 4px 0px 4px 4px;

	}
	.bookmarkViewTitle{
		font-size: 18px;

	}

	.bookmarkViewDate{
		position: absolute;
		bottom: 5px;
		right: 10px;
		color: #c2cbd1;
	}
}
/* ========================================================================= */
/* CSS FOR BOOKMAKE PAGE ENDS HERE
/* ========================================================================= */

.yobi-token{
	display:inline-block;
}

.btn-bookmark {
    font-weight: bold;
    font-size: 100%;
    position: absolute;
/*    padding: 5px 10px;*/
    right:60px;
    top:10px;
    height:30px;
    display:block;
}

.container-resetpassword {
    width: 500px;
}

@media (max-width: 500px) {
    .container-resetpassword {
        width: auto;
    }
}

.input-yobi:focus {
    box-shadow: 0 0 5px #FFC200;
    border: 1px solid #FFDA00;
}
.carousel-control.left {
    background-image:none;
}
.carousel-control.right {
    background-image:none;
}

.carousel-indicators .active {
    background-color: #000;
}

.carousel-indicators li {
    border: 1px solid #000;
}

.carousel-control {
    width: 45px;
    color: #000;
    opacity: .5;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #000;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 3%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 3%;
}
.carousel-indicators {
    bottom: -20px;
}

.yobi-clickable {
  cursor: pointer;
}

.printable-ind-background {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width:100px;
  height:50px;
  border-radius:5px;
  background-color: #000;
  opacity: 0.2;
}

.printable-ind-message {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width:100px;
  height:50px;
  padding:5px;
}

.printable-ind-mode2 {
  bottom: 165px;
}

.printable-ind-mode3 {
  bottom: 225px;
}

.printable-ind-mode4 {
  bottom: 70px;
}

.helpLabel
{
    width: 40px;
    color: #F5F9FC;
    font-size: 150%;
    position: fixed;
    bottom: -5px;
    right: 2px;
    background-color:#31343D;
    opacity:0.5;
    padding: 3px 7px;
    /*padding-left:3px;
    padding-right:3px;*/
    border-style: solid;
    border-radius: 5px 5px 0px 0px;
    border-color: #9AA6AF;
    border-width: 1px 1px 0px;
    /*border-top-left-radius:5px;
    border-top-right-radius:5px;
    -webkit-touch-callout: none;*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index:1000000001;
}

@keyframes popup-toggle {
	0% {
		bottom:4px;
	}
	100% {
		bottom:313px;
	}
}

@keyframes popup-content-area {
	0% {
		height:5px;
	}
	100% {
		height:314px;
	}
}

.collapsed-question {
    opacity: 0.5;
    position: fixed;
    bottom: 0px;
    right:44px;
    width:300px;
    height:5px;
    z-index:1000000001;
    background: #31343D;
    background-position: 50% 50%;
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: #9AA6AF;
    border-top-left-radius: 15px;
}

.popup-question-toggle {
  position: fixed;
  opacity: 0.5;
  bottom: 4px;
  right: 44px;
  width: 40px;
  height: 28px;
  border-radius: 5px 5px 0px 0px;
  cursor: pointer;
  z-index:1000000002;
  border-style: solid;
  border-color: #9AA6AF;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  text-align: center;
  background: #31343D none repeat scroll 0% 0%;
  padding: 5px 3px 0px;
  border-width: 1px 1px 0px;
}

.popup-question-expanded .popup-question-toggle {
  opacity: 0.95;
  bottom: 343px;
}

.popup-question-sign {
  color: #F5F9FC;
  font-weight: 700;
}

.popup-question-content-area {
  border-top-left-radius: 15px;
  /*position: fixed;*/
  z-index:1000000001;
  bottom: 0px;
  right: 44px;
  width: 300px;
  height: 5px;
  background: #31343D;
  background-position: 50% 50%;
  border-width: 1px 1px 0px;
  border-style: solid;
  border-color: #9AA6AF;
}

.popup-question-expanded .popup-question-content-area {
  opacity: 0.95;
  position: fixed;
  height: 344px;
}

.popup-question-content-header {
  color: #F5F9FC;
  font-size: 14px;
  font-weight: 700;
  margin:15px 0px 5px 10px;
  line-height: 15px;
  text-align: left;
}
.popup-question-content-end {
  color: #F5F9FC;
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
  margin:150px 0px 5px 10px;
  text-align: center;
}

.popup-question-content-end.content-left{
  text-align: left;
}

.popup-question-content-body {
  background: #31343D none repeat scroll 0% 0%;
  padding: 2px 15px;
  margin: 0px 0px;
  text-align: left;
  color: #F5F9FC;
}

.popup-question-content-body .checkbox {
  padding: 3px 5px;
}

.popup-question-content-footer {
  width: 298px;
  height: 63px;
  background: #31343D none repeat scroll 0% 0%;
  bottom: 5px;
}

.popup-question-content-footer .btn{
  display: none;
}

.popup-question-expanded .popup-question-content-footer .btn{
  display: inline-block;
  /*position: fixed;*/
  bottom: 5px;
  /*right: 30px;*/
}

.longerSurveyLink{
  color: #FFF200;
  text-decoration: underline;
}

@media (max-width: 800px){
	.helpLabel{
		display: none;
	}
	.popup-question{
		display: none;
	}
}
@media (max-height: 700px){
	.helpLabel{
		display: none;
	}
	.popup-question{
		display: none;
	}
}
.shapeList-contaner {
    margin-top: 15px;
    width: 100%;
    height: 80px;
    overflow: hidden;
}
.shapeList {
    white-space: nowrap;
    width: calc(100% - 60px);
    height: 80px;
    overflow: hidden;
}

.shapeList-scroller {
  display: inline-block;
  width: 25px;
  height: 80px;
  opacity: 0.5;
  cursor: default;
}
.shapeList-scroller[enableButton=true]:hover {
  opacity: 1.0;
  cursor: pointer;
}
.docDetailsTabText{
  margin-left: 5px;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
}

@media (max-width: 500px){
	.docDetailsTabText{
		display: none;
	}
}

.image-viewer {
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 206px;
    height: 206px;
    /*background: red;*/
    background-size: 200px 200px;
    z-index:1000000003;
    background-color: #F5F9FC;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #DDD;
}
.dimScreen{
	display:block;
	background-color: #111;
	position: absolute;
	opacity: 0.85;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1500;
}

.staticTooltip{
	position: absolute;
	z-index: 1501;
	left: 0px;
	width: 190px;
	top: 210px;
}

.staticTooltipInner{
	background-color: #ffc200;
    color: #2d3742;
    padding: 10px;
    font-size: 15px;
	border-radius: 5px;
}
.staticTooltipArrow{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffc200;
	z-index: 1501;
	margin: auto;
}
[translate] {
	margin: 0 5px;
}