
.lfr-simulation-panel.open-admin-panel.sidenav-menu-slider{
    visibility:visible;
    width:320px
}
.lfr-simulation-panel .custom-devices{
    background-color:#3a4d5a;
    margin:25px;
    padding:5px
}
.lfr-simulation-panel .custom-devices label{
    font-size:12px
}
.lfr-simulation-panel .custom-devices .form-control{
    padding:8px 6px
}
.lfr-simulation-panel .custom-devices .form-group{
    margin-bottom:0
}
.lfr-simulation-panel .default-devices{
    margin-bottom:20px
}
.lfr-simulation-panel .lfr-device-item{
    cursor:pointer
}
.lfr-simulation-panel .lfr-device-item.selected{
    color:#FFF
}
.lfr-simulation-panel .lfr-device-item.selected .icon{
    background-color:#3a4d5a
}
.lfr-simulation-panel .panel .simulation-app-panel-body{
    padding-top:20px
}
.lfr-device{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.lfr-device .modal-header{
    display:none
}
.lfr-device.autosize{
    border-width:0
}
.lfr-device .lfr-device-size-status{
    position:absolute;
    width:100%
}
.lfr-device .lfr-device-size-status .lfr-device-size-status-content{
    display:inline-block;
    font-size:11px;
    height:22px;
    margin-left:10px;
    margin-right:10px;
    padding:4px
}
.lfr-device .lfr-device-size-status.b,.lfr-device .lfr-device-size-status.bl,.lfr-device .lfr-device-size-status.br{
    bottom:10px
}
.lfr-device .lfr-device-size-status.t,.lfr-device .lfr-device-size-status.tl,.lfr-device .lfr-device-size-status.tr{
    top:10px
}
.lfr-device .lfr-device-size-status.b,.lfr-device .lfr-device-size-status.t{
    text-align:center
}
.lfr-device .lfr-device-size-status.r,.lfr-device .lfr-device-size-status.br,.lfr-device .lfr-device-size-status.tr{
    text-align:right
}
.lfr-device .lfr-device-size-status.l,.lfr-device .lfr-device-size-status.bl,.lfr-device .lfr-device-size-status.tl{
    text-align:left
}
.lfr-device .lfr-device-size-status.r,.lfr-device .lfr-device-size-status.l{
    margin-top:-15px;
    top:50%
}
.lfr-device:after{
    bottom:10px;
    content:'';
    display:none;
    height:30px;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    width:30px
}
.lfr-device:before{
    content:'';
    display:none;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:20px
}
.lfr-device.rotated:after{
    bottom:0;
    left:10px;
    margin:auto;
    right:auto;
    top:0
}
.lfr-device.rotated:before{
    bottom:0;
    left:auto;
    margin:auto;
    right:20px;
    top:0
}
.lfr-device.smartphone:after,.lfr-device.smartphone:before,.lfr-device.tablet:after,.lfr-device.tablet:before{
    display:block
}
.lfr-device.smartphone{
    padding:50px 10px
}
.lfr-device.smartphone.rotated{
    padding:10px 50px
}
.lfr-device.smartphone.rotated:before{
    height:50px;
    width:5px
}
.lfr-device.smartphone:before{
    height:5px;
    width:50px
}
.lfr-device.tablet{
    padding:50px 20px
}
.lfr-device.tablet.rotated{
    padding:20px 50px
}
.lfr-device.tablet.rotated:before{
    height:10px;
    width:10px
}
.lfr-device.tablet:before{
    height:10px;
    width:10px
}
.lfr-simulation-device{
    bottom:25px;
    display:none;
    left:0;
    overflow:auto;
    position:fixed;
    right:320px;
    top:68px;
    z-index:500
}
.lfr-simulation-device .modal-content{
    border-width:0
}
.lfr-simulation-device .modal-dialog{
    position:absolute
}
.lfr-simulation-device .modal-dialog.autosize{
    margin-top:68px;
    position:fixed
}
.lfr-has-simulation-panel{
    overflow:auto
}
.lfr-has-simulation-panel .lfr-configurator-visibility{
    display:none
}
.lfr-has-simulation-panel .lfr-simulation-device{
    display:block
}
.lfr-has-simulation-panel .simulation-icon{
    display:none
}
.lfr-simulation-device{
    background-color:rgba(255,255,255,0.95)
}
.lfr-simulation-device .lfr-device-size-status-content{
    border-radius:3px;
    box-shadow:0 0 1px #FFF;
    opacity:.9
}
.lfr-simulation-device .lfr-device:after,.lfr-simulation-device .lfr-device:before{
    box-shadow:#111 0 1px 0
}
.lfr-simulation-device .lfr-device:after{
    border-radius:15px
}
.lfr-simulation-device .lfr-device.rotated:after,.lfr-simulation-device .lfr-device.rotated:before{
    box-shadow:#111 -1px 1px 0
}
.lfr-simulation-device .lfr-device.smartphone,.lfr-simulation-device .lfr-device.tablet{
    border-radius:25px
}
.lfr-simulation-device .lfr-device.tablet:before{
    border-radius:5px
}
.lfr-device .lfr-device-size-status .lfr-device-size-status-content{
    background-color:#000;
    color:#FFF
}
.lfr-device:after,.lfr-device:before{
    background:#666
}
.lfr-device.smartphone,.lfr-device.tablet{
    background:#333
}
@charset "UTF-8";
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:300;
    src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProLight.woff2) format("woff2");
    unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:300;
    src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProLight_.woff2) format("woff2");
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:300;
    src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProLight__.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:normal;
    src:local("Source Sans Pro"),local("SourceSansPro-Regular"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProRegular.woff2) format("woff2");
    unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:normal;
    src:local("Source Sans Pro"),local("SourceSansPro-Regular"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProRegular_.woff2) format("woff2");
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:normal;
    src:local("Source Sans Pro"),local("SourceSansPro-Regular"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProRegular__.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:bold;
    src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProBold.woff2) format("woff2");
    unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:bold;
    src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProBold_.woff2) format("woff2");
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:bold;
    src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(/o/product-navigation-product-menu-dxp-theme-contributor/fonts/SourceSansProBold__.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@media only screen and (min-width:768px){
    body.open #wrapper{
        padding-left:320px
    }
}
@media only screen and (min-width:768px){
    body.open .control-menu,body.open .affix{
        left:320px
    }
}
@media only screen and (min-width:768px){
    body.open,body.sidenav-transition{
        overflow-x:hidden
    }
}
body.sidenav-transition #wrapper{
    -webkit-transition:padding .5s ease;
    -moz-transition:padding .5s ease;
    transition:padding .5s ease
}
.lfr-product-menu-panel.sidenav-menu-slider{
    z-index:1035
}
.lfr-product-menu-panel.sidenav-menu-slider.open,.lfr-product-menu-panel.sidenav-menu-slider .sidenav-menu{
    width:320px
}
.product-menu{
    background-color:#FFF
}
.product-menu .company-details{
    float:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:calc(100% - 32px)
}
@media only screen and (min-width:768px){
    .product-menu .company-details{
        width:100%
    }
}
.product-menu .company-details .company-logo{
    margin-right:5px;
    max-height:32px;
    max-width:32px
}
.product-menu .form-control{
    background-color:#1b2228;
    border-radius:0;
    border-width:0;
    box-shadow:none;
    color:#869cad;
    height:40px;
    padding:8px 12px
}
.product-menu .form-control::-webkit-input-placeholder{
    color:#869cad
}
.product-menu .form-control::-moz-placeholder{
    color:#869cad
}
.product-menu .form-control:-moz-placeholder{
    color:#869cad
}
.product-menu .form-control:-ms-input-placeholder{
    color:#869cad
}
.product-menu .form-control:focus{
    color:#65b6f0
}
.product-menu .form-control:focus::-webkit-input-placeholder{
    color:#65b6f0
}
.product-menu .form-control:focus::-moz-placeholder{
    color:#65b6f0
}
.product-menu .form-control:focus:-moz-placeholder{
    color:#65b6f0
}
.product-menu .form-control:focus:-ms-input-placeholder{
    color:#65b6f0
}
.product-menu .collapse-icon:before{
    right:25px
}
.product-menu .lfr-icon-menu .btn-default{
    background-color:transparent
}
.product-menu .lfr-icon-menu .btn-default:active{
    box-shadow:none;
    color:#365d9e
}
.product-menu .nav li a{
    color:#365d9e
}
.product-menu .nav li a:hover{
    color:#365d9e
}
.product-menu .nav-equal-height .nav>.active,.product-menu .nav-equal-height>.active{
    border-left:2px solid #365d9e
}
.product-menu .nav-equal-height>.active>a,.product-menu .nav-equal-height>.active>a:focus,.product-menu .nav-equal-height>.active>a:hover,.product-menu .nav-equal-height .nav>.active>a,.product-menu .nav-equal-height .nav>.active>a:focus,.product-menu .nav-equal-height .nav>.active>a:hover{
    color:#365d9e
}
.product-menu .nav-equal-height>.active,.product-menu .nav-equal-height .nav>.active{
    border-left-color:#365d9e
}
.product-menu .nav-equal-height-heading:focus,.product-menu .nav-equal-height-heading:hover{
    background-color:transparent
}
.product-menu .nav-equal-height-heading .collapse-icon:after,.product-menu .nav-equal-height-heading .collapse-icon.collapsed:after{
    background-color:#365d9e;
    height:12px
}
.product-menu .nav-equal-height-heading .collapse-icon:before{
    color:#365d9e;
    content:"";
    font-size:15px;
    left:-8px
}
.product-menu .nav-equal-height-heading .collapse-icon.collapsed:before{
    content:""
}
.product-menu .nav-nested-margins>li .nav>li{
    border-left:2px solid #365d9e
}
.product-menu .nav-nested-margins>li .nav>li .nav>li{
    border-left:1px dotted #365d9e
}
.product-menu .nav-nested-margins>li .nav>li .nav>li.active{
    border-left:1px solid #365d9e
}
.product-menu .nav-nested-margins>li .nav>li .nav>li.active>a{
    color:#365d9e
}
.sidenav-menu-slider .product-menu .sidebar-header{
    background-color:#365d9e;
    border-bottom:1px solid transparent;
    color:#FFF
}
.sidenav-menu-slider .product-menu .sidebar-header a{
    color:#FFF
}
.sidenav-menu-slider .product-menu .sidebar-header a:focus,.sidenav-menu-slider .product-menu .sidebar-header a:hover{
    color:#FFF
}
.product-menu a.list-group-heading,.product-menu button.list-group-heading,.product-menu .list-group-heading[data-toggle="collapse"]{
    color:#365d9e
}
.product-menu .list-group{
    box-shadow:none;
    margin-bottom:0
}
.product-menu .list-group-heading.goto-link{
    color:#365d9e
}
.product-menu .list-group-heading>.panel-toggler,.product-menu .panel-title>.panel-toggler{
    color:inherit;
    line-height:32px;
    padding:10px 40px 10px 24px
}
.product-menu .list-group-heading .aspect-ratio-bg-cover,.product-menu .panel-title .aspect-ratio-bg-cover{
    background-size:contain
}
.product-menu .list-group-heading .site-administration-toggler,.product-menu .panel-title .site-administration-toggler{
    padding-right:85px
}
.product-menu .list-group-heading{
    background-color:transparent;
    border-color:transparent;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow-wrap:normal;
    word-wrap:normal;
    word-break:normal
}
.product-menu .list-group-heading:after{
    background-color:transparent;
    height:0
}
.product-menu .list-group-heading.collapsed{
    font-weight:300
}
.product-menu .list-group-heading.collapsed{
    background-color:transparent
}
.product-menu .list-group-heading.collapsed:after{
    background-color:transparent;
    height:0
}
.product-menu .list-group-heading:focus,.product-menu .list-group-heading:hover,.product-menu .list-group-heading.collapsed:focus,.product-menu .list-group-heading.collapsed:hover{
    background-color:transparent
}
.product-menu .list-group-heading:focus:after,.product-menu .list-group-heading:hover:after,.product-menu .list-group-heading.collapsed:focus:after,.product-menu .list-group-heading.collapsed:hover:after{
    background-color:transparent
}
.product-menu .list-group-heading{
    padding-left:24px
}
.product-menu .list-group-item{
    border-width:0;
    padding:8px 8px 8px 24px
}
.product-menu .collapse>.list-group-item,.product-menu .collapsing>.list-group-item{
    background-color:transparent
}
.product-menu .nav>li>a:focus,.product-menu .nav>li>a:hover{
    background-color:transparent
}
.product-menu .panel{
    background-color:transparent;
    border-bottom:1px solid transparent;
    border-left-width:0;
    border-radius:0;
    border-right-width:0;
    border-top-width:0;
    box-shadow:none;
    color:#365d9e
}
.product-menu .panel-body{
    background-color:#eef2f9;
    padding:0
}
.product-menu .panel-group{
    margin-bottom:0
}
.product-menu .panel-group .panel+.panel{
    margin-top:0
}
.product-menu .panel-group .panel-heading+.panel-collapse>.panel-body,.product-menu .panel-group .panel-heading+.panel-collapse>.list-group{
    border-top-width:0
}
.product-menu .panel-group .panel-heading+.panel-collapse.in,.product-menu .panel-group .panel-heading+.panel-collapse.collapsing{
    border-bottom:2px solid #365d9e
}
.product-menu .panel-heading{
    padding:0;
    position:relative
}
.product-menu .panel-heading .panel-title>.panel-toggler:not(.collapsed){
    background-color:#dae3ef;
    border-left:4px solid #365d9e;
    padding-left:20px
}
.product-menu .panel-heading .panel-title>.panel-toggler .category-name,.product-menu .panel-heading .panel-title>.panel-toggler .user-name,.product-menu .panel-heading .panel-title>.panel-toggler .site-name{
    color:#365d9e
}
.product-menu .user-icon,.product-menu .sticker{
    display:inline-block;
    float:left;
    margin-right:5px;
    position:static;
    vertical-align:middle
}
.product-menu .icon-sites{
    position:absolute;
    right:46px;
    top:9px;
    z-index:1
}
.product-menu .icon-sites a{
    color:#365d9e
}
.product-menu .icon-sites a:hover{
    color:#365d9e
}
.product-menu .scope-selector{
    border-bottom:1px solid #365d9e;
    display:inline-block;
    margin-bottom:10px
}
.product-menu .scope-selector span{
    color:#365d9e;
    padding-bottom:10px
}
.product-menu .scope-selector .dropdown-menu span{
    color:inherit
}
.product-menu .scope-selector .scope-name{
    display:inline-block;
    min-width:130px;
    padding-left:0
}
.product-menu .staging-links a,.product-menu .staging-links .links-separator{
    color:#365d9e
}
.product-menu .staging-links .active{
    color:#365d9e
}
.product-menu .staging-links .links-separator{
    padding:0 5px
}
.product-menu .text-muted{
    opacity:.3
}
.product-menu .layout-prototype-tree{
    padding-bottom:30px
}
.product-menu .layouts-tree-container{
    padding-left:10px
}
.product-menu .layout-tree-options.open>a{
    background-color:transparent
}
.product-menu .layout-set-tabs .layout-set-link{
    color:#365d9e
}
.product-menu .layout-set-tabs .selected-layout-set .layout-set-link,.product-menu .layout-set-tabs .selected-layout-set .icon-monospaced{
    color:#365d9e
}
.product-menu .lfr-tree li{
    margin-bottom:0
}
.product-menu .lfr-tree li.tree-node .tree-node-content .tree-label{
    display:block;
    padding-right:20px;
    width:100%
}
.product-menu .lfr-tree .icon-file{
    display:none
}
.product-menu .lfr-tree .layout-tree{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.product-menu .tree-container{
    border-left:2px solid #365d9e;
    margin-left:10px
}
.product-menu .tree-container .tree-container{
    border-left:1px dashed #365d9e;
    margin-left:20px
}
.product-menu .tree-container .tree-container .tree-node-content:not(.tree-node-selected) .tree-node-hidden-hitarea:before{
    color:#365d9e;
    content:'\e00d';
    font-size:.7em;
    visibility:visible
}
.product-menu .tree-container .tree-node-selected.tree-collapsed{
    box-shadow:-2px 0 0 0 #365d9e;
    color:#365d9e
}
.product-menu .tree-hitarea{
    background-color:#365d9e;
    border-radius:3px;
    display:inline-block;
    line-height:14px;
    margin-left:-11px;
    margin-top:-8px;
    position:absolute;
    text-align:center;
    top:50%;
    width:14px
}
.product-menu .tree-label{
    line-height:normal
}
.product-menu .tree-node [class^="icon-"]{
    margin-right:0
}
.product-menu .tree-node-content{
    color:#365d9e;
    display:inline;
    padding-left:3px;
    padding-right:25px;
    position:relative
}
.product-menu .tree-node-content.tree-node-over,.product-menu .tree-node-content.tree-node-selected{
    background:#f8fafd
}
.product-menu .tree-node-content .layout-tree{
    display:block;
    padding-bottom:12px;
    padding-top:12px
}
.product-menu .tree-node-content .tree-hitarea{
    color:#f8fafd;
    padding-right:0
}
.product-menu .tree-node-content .tree-label{
    margin-left:12px
}
.product-menu .tree-node-selected .tree-hitarea{
    background-color:#365d9e
}
.product-menu .tree-pages .tree-node-selected .tree-label .layout-tree,.product-menu .tree-pages .tree-node-selected .tree-label .icon-monospaced{
    color:#365d9e;
    cursor:pointer
}
.product-menu .tree-root-container{
    margin-left:-10px
}
.product-menu .tree-view{
    overflow:visible
}
.product-menu-expanded.sidebar-body{
    overflow:visible
}
.product-menu-expanded.sidenav-fixed.sidenav-menu-slider{
    overflow:auto;
    visibility:visible;
    width:100%
}
.product-menu{
    font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif
}
.product-menu .sidebar-body{
    border-right:1px solid #dae3ef
}
.product-menu .form-control{
    background-color:#dae3ef;
    color:#6a708b
}
.product-menu .form-control::-webkit-input-placeholder{
    color:#c0ccd3
}
.product-menu .form-control::-moz-placeholder{
    color:#c0ccd3
}
.product-menu .form-control:-moz-placeholder{
    color:#c0ccd3
}
.product-menu .form-control:-ms-input-placeholder{
    color:#c0ccd3
}
.product-menu .form-control:focus{
    color:#44a5aa
}
.product-menu .form-control:focus::-webkit-input-placeholder{
    color:#44a5aa
}
.product-menu .form-control:focus::-moz-placeholder{
    color:#44a5aa
}
.product-menu .form-control:focus:-moz-placeholder{
    color:#44a5aa
}
.product-menu .form-control:focus:-ms-input-placeholder{
    color:#44a5aa
}
.product-menu .collapse-icon-closed{
    opacity:.3
}
.product-menu .close{
    opacity:.8
}
.product-menu .lfr-icon-menu .btn-default{
    background-color:transparent
}
.product-menu .lfr-icon-menu .btn-default:active{
    box-shadow:none;
    color:#365d9e
}
.product-menu .nav a,.product-menu .list-group-heading,.product-menu .panel-title{
    font-size:16px
}
.product-menu .sidebar-header{
    border-bottom-width:0;
    font-size:20px;
    padding:15px 9px 15px 24px
}
.product-menu .list-group-heading{
    font-size:16px
}
.product-menu .list-group-heading.collapsed{
    font-weight:normal
}
.product-menu .panel{
    border-bottom-width:0
}
.product-menu .layout-tree-options.open>a{
    background-color:transparent
}
.sidenav-menu-slider .product-menu{
    background-color:#FFF
}
.sidenav-menu-slider .product-menu .search-bar .form-control{
    background-color:#dae3ef;
    color:#6a708b
}
.sidenav-menu-slider .product-menu .search-bar .form-control::-webkit-input-placeholder{
    color:#c0ccd3
}
.sidenav-menu-slider .product-menu .search-bar .form-control::-moz-placeholder{
    color:#c0ccd3
}
.sidenav-menu-slider .product-menu .search-bar .form-control:-moz-placeholder{
    color:#c0ccd3
}
.sidenav-menu-slider .product-menu .search-bar .form-control:-ms-input-placeholder{
    color:#c0ccd3
}
.sidenav-menu-slider .product-menu .search-bar .form-control:focus{
    color:#44a5aa
}
.sidenav-menu-slider .product-menu .search-bar .form-control:focus::-webkit-input-placeholder{
    color:#44a5aa
}
.sidenav-menu-slider .product-menu .search-bar .form-control:focus::-moz-placeholder{
    color:#44a5aa
}
.sidenav-menu-slider .product-menu .search-bar .form-control:focus:-moz-placeholder{
    color:#44a5aa
}
.sidenav-menu-slider .product-menu .search-bar .form-control:focus:-ms-input-placeholder{
    color:#44a5aa
}
@media only screen and (min-width:768px){
    body.open-admin-panel,body.open-admin-panel .control-menu,body.open-admin-panel .affix{
        padding-right:320px
    }
}
@media only screen and (min-width:768px){
    body.open-admin-panel .control-menu-level-2{
        right:320px
    }
}
@media only screen and (min-width:768px){
    body.open-admin-panel,body.sidenav-transition{
        overflow-x:hidden
    }
}
.lfr-add-panel.open-admin-panel.sidenav-menu-slider{
    visibility:visible;
    width:320px
}
.lfr-admin-panel.sidenav-menu-slider{
    z-index:1035
}
.lfr-admin-panel.sidenav-menu-slider .product-menu{
    width:320px
}
.lfr-admin-panel .sidebar-body{
    padding:0
}
.lfr-add-panel .search-bar{
    display:block;
    margin:10px
}
.lfr-add-panel .search-bar .form-control{
    display:block;
    float:none;
    padding-right:32px
}
.lfr-add-panel .input-group-btn{
    display:block;
    margin-top:-8px;
    position:absolute;
    right:20px;
    top:50%;
    z-index:4
}
.lfr-add-panel .add-content-menu .add-portlet-message{
    background-color:#1b2228;
    margin:20px;
    padding:5px 20px
}
.lfr-add-panel .add-content-menu .add-portlet-message .info-message{
    margin:20px 0
}
.lfr-add-panel .add-content-menu .add-application-panel .lfr-content-item{
    height:40px;
    padding:0 16px
}
.lfr-add-panel .add-content-menu .add-application-panel .lfr-content-item.lfr-archived-setup{
    padding-left:30px
}
.lfr-add-panel .add-content-menu .display-style-bar{
    margin:10px
}
.lfr-add-panel .add-content-menu .display-style-bar .display-style{
    padding:5px
}
.lfr-add-panel .add-content-menu .display-style-bar .display-style.active{
    color:#869cad
}
.lfr-admin-panel .sidebar-body{
    border-left:1px solid #dae3ef;
    border-right-width:0
}
.lfr-add-panel .add-content-menu .add-portlet-message{
    background-color:#dae3ef
}
.lfr-simulation-panel .lfr-device-item.selected{
    color:#44a5aa
}
.lfr-simulation-panel .lfr-device-item.selected .icon{
    background-color:#44a5aa;
    color:#FFF
}
.lfr-simulation-panel .custom-devices{
    background-color:#FFF
}
.lfr-add-panel .product-menu .sidebar-header,.lfr-simulation-panel .product-menu .sidebar-header{
    background-color:#44a5aa;
    padding:16px 24px
}
.lfr-add-panel .sidebar-inverse .nav>li>a:hover,.lfr-simulation-panel .sidebar-inverse .nav>li>a:hover{
    color:#365d9e
}
.has-control-menu .affix,.has-control-menu #wrapper{
    margin-top:48px
}
.has-control-menu .affix .portlet-boundary>span:first-child,.has-control-menu #wrapper .portlet-boundary>span:first-child{
    display:block;
    position:relative;
    top:-48px;
    visibility:hidden
}
.has-control-menu .affix :target::before,.has-control-menu #wrapper :target::before{
    content:'';
    display:block;
    height:48px;
    margin-top:-48px
}
@media only screen and (min-width:768px){
    .has-control-menu .affix,.has-control-menu #wrapper{
        margin-top:64px
    }
    .has-control-menu .affix .portlet-boundary>span:first-child,.has-control-menu #wrapper .portlet-boundary>span:first-child{
        top:-64px
    }
    .has-control-menu .affix :target::before,.has-control-menu #wrapper :target::before{
        height:64px;
        margin-top:-64px
    }
}
.has-control-menu.has-customization-menu .affix,.has-control-menu.has-customization-menu #wrapper{
    margin-top:96px
}
.has-control-menu.has-customization-menu .affix .portlet-boundary>span:first-child,.has-control-menu.has-customization-menu #wrapper .portlet-boundary>span:first-child{
    display:block;
    position:relative;
    top:-96px;
    visibility:hidden
}
.has-control-menu.has-customization-menu .affix :target::before,.has-control-menu.has-customization-menu #wrapper :target::before{
    content:'';
    display:block;
    height:96px;
    margin-top:-96px
}
@media only screen and (min-width:768px){
    .has-control-menu.has-customization-menu .affix,.has-control-menu.has-customization-menu #wrapper{
        margin-top:128px
    }
    .has-control-menu.has-customization-menu .affix .portlet-boundary>span:first-child,.has-control-menu.has-customization-menu #wrapper .portlet-boundary>span:first-child{
        top:-128px
    }
    .has-control-menu.has-customization-menu .affix :target::before,.has-control-menu.has-customization-menu #wrapper :target::before{
        height:128px;
        margin-top:-128px
    }
}
.affix,.control-menu{
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:1034
}
.control-menu-icon{
    display:inline-block;
    margin:0 10px
}
.control-menu-level-1{
    background-color:#365d9e;
    color:#869cad
}
.control-menu-level-1>.container-fluid-1280{
    padding:6px 16px 7px 5px
}
@media only screen and (min-width:768px){
    .control-menu-level-1>.container-fluid-1280{
        padding-bottom:14px;
        padding-right:17px;
        padding-top:15px
    }
}
.control-menu-level-1 a{
    color:#FFF
}
.control-menu-level-1 a:focus,.control-menu-level-1 a:hover{
    color:#FFF;
    text-decoration:none
}
.control-menu-level-1-heading{
    color:#FFF;
    font-size:19px;
    font-weight:bold
}
.control-menu-level-1-nav{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    -ms-flex-pack:justify
}
.control-menu-level-1-nav>.control-menu-nav-item{
    -webkit-align-self:center;
    -moz-align-self:center;
    align-self:center;
    -ms-flex-item-align:center
}
.control-menu-level-2{
    background-color:#44a5aa;
    color:#FFF;
    padding-bottom:7px;
    padding-top:6px
}
.control-menu-level-2 .container-fluid-1280{
    padding-left:20px;
    padding-right:20px
}
@media only screen and (min-width:768px){
    .control-menu-level-2{
        left:0;
        position:absolute;
        right:0;
        top:100%
    }
    .control-menu-level-2 .control-menu-label{
        color:#FFF
    }
}
@media only screen and (max-width:767px){
    .control-menu-level-2{
        bottom:0;
        display:none;
        left:0;
        position:fixed;
        right:0;
        top:0;
        z-index:1
    }
    .control-menu-level-2.open{
        background-color:rgba(41,52,61,0.9);
        display:block;
        overflow:auto
    }
}
.control-menu-level-2-heading{
    font-size:18px;
    font-weight:500;
    padding:20px 0;
    text-align:center
}
.control-menu-level-2-heading .close{
    color:#FFF;
    opacity:1
}
.control-menu-level-2-nav{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    -ms-flex-pack:justify
}
@media only screen and (max-width:767px){
    .control-menu-level-2-nav>.control-menu-nav-item{
        margin-bottom:55px
    }
    .control-menu-level-2-nav .control-menu-nav-item,.control-menu-level-2-nav .dropdown{
        width:100%
    }
}
.control-menu-link.active:after{
    background-color:#365d9e;
    height:2px
}
.control-menu-nav{
    -webkit-box-align:center;
    -moz-box-align:center;
    box-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
    -ms-flex-align:center;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    list-style:none;
    margin-bottom:0;
    padding-left:0
}
.control-menu-nav-item{
    display:inline-block
}
.control-menu-nav-item-content{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    box-flex:1;
    -webkit-flex:1 1 0;
    -moz-flex:1 1 0;
    -ms-flex:1 1 0;
    flex:1 1 0;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    min-width:64px;
    width:0
}
.ie .control-menu-nav-item-content{
    width:auto
}
.control-menu-nav-item-content .clamp-container{
    overflow:hidden;
    text-overflow:ellipsis;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    white-space:nowrap
}
.control-menu-nav-item-field{
    -webkit-box-flex:0;
    -moz-box-flex:0;
    box-flex:0;
    -webkit-flex:0 1 auto;
    -moz-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto
}
.live-link,.staging-link{
    font-size:14px
}
.live-link a,.live-link a:focus,.live-link a:hover,.staging-link a,.staging-link a:focus,.staging-link a:hover{
    color:#869cad
}
.live-link.active,.staging-link.active{
    position:relative
}
.live-link.active:after,.staging-link.active:after{
    bottom:-20px;
    content:'';
    left:0;
    position:absolute;
    right:0
}
.live-link.active a,.staging-link.active a{
    color:#FFF
}
.live-link .lexicon-icon,.staging-link .lexicon-icon{
    margin-top:-2px
}
.sidenav-transition .affix,.sidenav-transition .control-menu,.sidenav-transition .control-menu-level-2{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease
}
.tools-control-group>.control-menu-nav>li>.lfr-portal-tooltip>.control-menu-icon,.user-control-group>.control-menu-nav>li>.control-menu-icon{
    height:35px;
    line-height:35px;
    margin-left:3px;
    margin-right:3px;
    padding:0;
    text-align:center;
    width:35px
}
.tools-control-group{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    box-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    min-width:50px
}
.tools-control-group>.control-menu-nav{
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center
}
.tools-control-group .taglib-icon-help{
    margin-top:1px;
    min-width:32px;
    text-align:center
}
.user-control-group .portlet-options{
    margin-right:-1px
}
.control-menu-level-1{
    background-color:#365d9e;
    background-image:-webkit-linear-gradient(left,#365d9e,#44a5aa);
    background-image:linear-gradient(to right,#365d9e,#44a5aa)
}
.my-sites-menu .site-type{
    color:#FFF;
    display:none;
    float:right;
    font-size:.8em;
    font-weight:normal;
    margin-right:10px;
    position:absolute;
    right:100%
}
.my-sites-menu a:hover .site-type{
    color:#FFF;
    display:inline-block
}
