.top-bar-new {
position: relative
}
.top-bar-new .logo {
position: absolute;
left: 50%;
margin-left: -48px !important
}
.top-bar-new .top-bar-left,.top-bar-new .top-bar-right {
position: absolute;
top: 0
}
.top-bar-new .top-bar-left {
left: -1px
}
.top-bar-new .top-bar-right {
right: 0
}
.top-bar-new .top-bar-center {
margin-left: auto;
margin-right: auto;
width: 50px
}
.top-bar-wrapper {
position: relative;
max-width: 1024px;
margin: 0 auto
}
.top-bar-left .top-bar-actions {
float: left;
display: inline
}
.top-bar-home {
height: 44px !important;
width: 44px !important;
padding: 0 !important
}
.top-bar-home i {
position: absolute;
left: 0;
top: 0;
display: block;
height: 44px !important;
width: 44px !important;
margin: 0 !important;
background: url(../img/home.png) no-repeat center center;
}
.top-bar-home:hover {
background: url(../../images/alpha/fff_10.png);
background: rgba(255,255,255,0.1)
}
.top-bar-home:active {
background-color: #1c5380;
background-color: rgba(6,54,95,0.35);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4)
}
.top-bar-search {
display: inline;
float: left;
height: 44px;
margin: 0;
padding: 0;
display: none !important
}
.top-bar-search .TextInputContainer {
position: relative;
padding: 8px 0 0 8px
}
.top-bar-search .TextInputPlaceholder {
position: absolute;
left: 34px;
top: 12px;
width: 224px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out 0.2s;
-moz-transition: opacity 0.2s ease-out 0.2s;
-o-transition: opacity 0.2s ease-out 0.2s;
transition: opacity 0.2s ease-out 0.2s
}
.top-bar-search .TextInputAppearance input {
width: 172px;
height: 28px;
padding: 5px 1px 5px 26px;
resize: none;
white-space: nowrap;
background: rgba(6,54,95,0.2) url(../../images/shared/shared-assets.png) no-repeat 1px -299px;
border-color: #1c5380;
border-color: rgba(0,0,0,0.2);
overflow: hidden;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
box-shadow: 0 1px 0 rgba(255,255,255,0.2);
-webkit-transition: width 0.2s ease-out 0.5s;
-moz-transition: width 0.2s ease-out 0.5s;
-o-transition: width 0.2s ease-out 0.5s;
transition: width 0.2s ease-out 0.5s
}
.top-bar-search .TextInputAppearance input:focus {
width: 232px;
background-color: rgba(6,54,95,0.5);
background-position: 1px -349px;
border-color: rgba(0,0,0,0.4) !important;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.top-bar-search .TextInputAppearance input {
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
-webkit-font-smoothing: antialiased
}
.top-bar-search .TextInputTextArea {
height: 28px
}
.top-bar-search .ContextualDialog {
left: 8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.top-bar-home i,.top-bar-search .TextInputAppearance input {
background-image: url(../../images/shared/shared-assets@2x.png);
background-size: 150px 600px
}

}
.top-bar-search .TextInputPlaceholder {
color: rgba(164,186,202,0.95);
text-shadow: 0 1px 0 rgba(0,0,0,0.4)
}
.top-bar-search .TextInputPlaceholderStuck {
opacity: 0.6;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.top-bar-search input {
font-weight: bold;
text-shadow: 0 1px 0 rgba(0,0,0,0.4)
}