#togglePassword{
    
    cursor: pointer;
    float:right;
    margin-top:-20px;
    margin-right:10px;
    position: relative;
    z-index: 1000;
}
.desktopNewsletter, #column-2{
	margin-top:0px;
}
.modal-open .modal {
    overflow: auto;
}
.customloginMain .portlet-content {
    background: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    word-wrap: break-word;
    box-shadow: none;
    margin-top: 110px !important;
}
.custom-logo img {
    width: 77px !important;
    height: auto;
    margin: 0 auto !important;
    padding: 0;
}

.text-truncate {
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    font-size: 12px !important;
    line-height: 1.5;
    width: 37px;
}

.navbar-site .nav-item.selected a {
    border-left: 2px solid #db2139;
    background: none;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    color: #fff !important;
}

.navbar-site .nav-item a {
    border-left: 2px solid #dcdcdc;
}

.navbar-site .nav-item ul.child-menu li a {
    color: #fff !important;
}

.navbar-site .nav-item ul.child-menu li a:hover,
ul.child-menu li a {
    background-color: #db2139 !important;
    color: #fff !important;
    outline: none;
    border: 0;
    border-left: 2px solid #db2139 !important;
}

.navbar-site .nav-item a img {
    width: 28px;
    height: auto;
    vertical-align: middle;
    margin-right: 10px;
}

.navbar-site .nav-item.selected a img.menuWhiteimg {
    display: inline-block;
}

.navbar-site .nav-item.selected a img.menuRedimg {
    /* display: none;*/
}

.portlet:hover>.portlet-content-editable {
    border-color: transparent !important;
}


/*Venkat's Code*/

header {
    .portlet,
    .field-wrapper,
    .form-group {
        margin-bottom: 0;
    }
    .text-default {
        color: #fff;
    }
    .field-wrapper {
        position: absolute;
        right: 4px;
        top: 2px;
    }
    .field-wrapper a{
        color: #fff;
    }
    .portlet {
        margin-bottom: 0;
   }
    .portlet:hover {
        z-index: 1034;
   }
    .user-avatar-link {
        position: relative;
    }
    .user-personal-bar .fieldset {
        position: relative;
   }
    .user-personal-bar .sticker {
        bottom: auto;
        left: -1rem;
        right: auto;
        top: -1rem;
   }
    
   .search-input {
    background-color: #29343d;
    border-color: transparent;
    color: #fff;
    font-size: 0.88rem;
    padding: 0.28rem 2rem 0.28rem 1rem;
}
.search-input:focus {
    background-color: #29343d;
    color: #fff;
}
    .user-avatar-image {
        display: inline-flex;
    }
    .user-full-name {
        @include media-query(null, $screen-xs-max) {
            display: none;
        }
    }
}

#myModalAllApps {
    display: none;
}

.modal-dialog {
    width: 60%;
    left: 20%;
    top: 0;
}

.allAppsActive {
    position: fixed;
    bottom: 15px;
    width: 39px !important;
    left: 4px;
    transition: 0.5s all;
}


#content {
    width: 100%;
    position: relative;
    margin-right: 0;
}


/* Sidebar Styles */

#epcsidebar {
    z-index: 989;
    position: fixed;
    left: 0;
    top: 0;
    width: 46px;
    height: 100vh;
    float: left;
    overflow-y: visible;
    background: #dcdcdc;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
    /* box-shadow: 0 11px 18px -12px rgba(0, 0, 0, 0.56), 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 5px 0px -1px rgba(0, 0, 0, 0.2); */
    /*border-right: 2px solid #db2139;*/
    border-right: 2px solid #7e7e7e;
}

#epcsidebar header {
    background-color: #263238;
    font-size: 20px;
    line-height: 52px;
    text-align: center;
}

#epcsidebar header a {
    color: #fff;
    display: block;
    text-decoration: none;
}

#epcsidebar header a:hover {
    color: #fff;
}

#epcsidebar .nav a {
    background: none;
    border-bottom: 1px solid #455a64;
    color: #cfd8dc;
    font-size: 14px;
    padding: 16px 24px;
}

#epcsidebar .nav a:hover {
    background: none;
    color: #eceff1;
}

#epcsidebar .nav a i {
    margin-right: 16px;
}

.content-main {
    position: relative;
    padding-bottom: 0px;
}

.content-right,
.menu-left {
    display: inline-block;
}

.content-right {
    width: calc(100% - 65px) !important;
    margin: 0;
    padding-bottom:45px;
    transition: all 0.5s;
    float: right;
}

.open .content-right {
    /*width: 100% !important;*/
    /*float: left;*/
}

.clearfix {
    clear: both;
    float: none;
}

.lfr-nav-item {
    width: 100%;
    float: none;
    display: block;
}

.user-full-name {
    display: none;
}

#epc-secondary {
    background: rgb(209, 213, 208) !important;
    border-bottom: 1px solid #999393;
    display: none;
}

.navbar-collapse .portlet-topper {
    display: none;
}

@media (min-width: 1280px) {
    .container {
        max-width: 100%;
    }
}

#footer {
    width: 83% !important;
    float: right;
    background-color: rgb(209, 213, 208) !important;
    color: black;
    position: fixed;
    right: 0;
    bottom: 0;
}

#footer a {
    color: rgb(209, 33, 57) !important;
}

.open #footer {
    /*width: 100% !important;*/
    float: right;
}

.portlet-user-personal-bar {
    margin-left: 10px !important;
}

@media (max-width: 767px) {
    .navbar-collapse {
        position: fixed;
        top: 88px;
        z-index: 2147483647;
        background: #fff;
        width: 100%;
        text-align: left;
        left: 10px;
    }
    #epcsidebar {
        z-index: 20;
        position: fixed;
        left: 0px;
        width: 100%;
        height: 66px;
        top: 33px;
    }
    .modal-dialog {
        width: 90%;
        left: 5%;
    }
    #footer,
    .content-right {
        width: 100% !important;
        float: right;
    }
    .content-right {
        top: 50px;
    }
    .navbar-collapse .portlet-topper {
        display: none;
    }
    .allAppsActive {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

.listofLogos {
    margin: 20px 0;
    padding: 20px;
}

.listofLogos td {
    text-align: center;
    padding: 8px 4px;
    width: 100px;
    transition: all 0.3s ease-in-out;
    min-height: 195px;
    vertical-align: top;
}

.listofLogos td img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
    margin: 10px 0;
    height: 16px;
}

.btn-primary.btn-default:not([disabled]):not(.disabled):active,
.btn-primary.btn-default:not([disabled]):not(.disabled).active,
.show>.btn-primary.btn-default.dropdown-toggle {
    background-color: rgb(209, 33, 57) !important;
    border-color: transparent;
    box-shadow: none;
}

@media (max-width: 650px) {
    .listofLogos td {
        width: 50%;
    }
    .allAppsActive {
        width: 100%;
    }
    .brand_logo_container {
        z-index: 19;
    }
}

@media (max-width: 480px) {
    .listofLogos td {
        width: 100%;
    }
}

.product-menu .form-control:focus {
    color: #000 !important;
}

.product-menu .search-bar .form-control:focus {
    color: #fff !important;
}

.pb-5,
.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.portlet-decorate .portlet-content {
    /*background-color: #fff;*/
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 8px;
    /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);*/
    padding: 15px;
}

.customloginMain {
    width: 400px;
    position: relative;
    /* margin-top: 11%; */
    border-radius: 0;
    background: rgb(209, 213, 208);
    border: 2px solid #a5a7a5;
    margin: 0 auto;
    margin-top: 11%;
}

.customloginMain .portlet-decorate .portlet-content {
    box-shadow: none;
}

.control-menu-level-1 a,
.control-menu-level-1 a:hover,
.sidenav-menu-slider a,
.sidenav-menu-slider a:hover,
.sidebar.sidebar-inverse a,
.sidebar.sidebar-inverse a:hover {
    color: #fff !important;
}

.allApps {
    cursor: pointer;
}

.allApps p {
    padding-left: 10px;
    float: right;
    color: rgb(42, 43, 39);
    margin-top:20px !important;
}

.allApps i {
    color: rgb(209, 33, 57);
    font-size: 20px;
}

#epcsidebar .navbar-nav .nav-item a {
    color: rgb(42, 43, 39);
    width: 100%;
    text-align: left;
    padding: 5px;
    margin: 5px 0;
}

#epcsidebar ul.navbar-nav li.nav-item ul li a {
    text-align: left;
    border-top:1px solid #deadad;
}

#epcsidebar .navbar-nav .nav-item a:focus {
    border: 0;
    outline: 0;
    border-left: 2px solid #dcdcdc;
}

#epcsidebar ul.navbar-nav {
    margin-top: 34px;
}

.brand_logo_container {
    position: absolute;
    height: 200px;
    width: 200px;
    top: -75px;
    border-radius: 50%;
    background: #ffffff;
    padding: 10px;
    text-align: center;
    box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(57, 58, 57);
    z-index: 100;
    margin-left: 100px;
}

.brand_logo_container img {
    margin-top: 57px;
    width: 138px;
    height: auto;
}

#portlet_com_liferay_login_web_portlet_LoginPortlet h2 {
    margin-top: 100px;
}

.poweredyText {
    font-size: 14px;
}

.iconimgMain {
    margin: auto;
}

.listofLogos td img.iconimg {
    width: 96px;
    height: 96px;
    /* border-radius: 50%;*/
    border: 1px solid #ccc;
    padding: 8px;
    transition: 0.2s all ease-in-out;
}

#epcsidebar .nav-item:hover {
    background-color: rgba(200, 200, 200, 0.2);
}

#epcsidebar .nav-item:hover>a {
    color: #fff;
    box-shadow: none;
}

.listofLogos td:hover {
    background-color: rgba(200, 200, 200, 0.2);
}

.portlet .portlet-title-text {
    /* display: none;*/
}

.v-formlayout-margin-top {
    background: #fff;
}

listofLogos td:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}


/* New CSS 23-10-2019 */

.navbar-classic .portlet-navigation {
    margin-left: 0;
    width: 100%;
}

a.signed-in {}

.change-language {
    margin-left: 0;
    float: none;
    width: 60px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 1000;
}

.change-language .btn-secondary {
    border-radius: 50%;
}

.change-language .btn-section {
    display: none;
}

.change-language .btn:active:focus,
.change-language button:active:focus,
.change-language .btn-secondary:active:focus {
    border: 0;
    background-color: #f7f8f9;
    border-color: transparent;
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff;
}

.yui3-widget .dropdown-item:focus,
.yui3-widget-stacked .dropdown-menu>li>a:focus,
.yui3-widget-stacked .dropdown-menu .link-list>li>a:focus {
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 0 #fff;
    outline: 0;
    text-decoration: none;
}

.yui3-widget .dropdown-menu>li>a:hover {
    background-color: transparent;
}

.navbar-site li a {
    font-size: 11px;
}

.navbar-expand-md .container,
.navbar-expand-md .container-fluid {
    padding-right: 0;
}


/* New CSS 23-10-2019 */


/* New CSS 24-10-2019*/

.control-menu-level-1 {
    background-color: #fff !important;
}

.product-menu .sidebar-header {
    background-color: #d1d5d0 !important;
    color: #2a2b27;
}

.product-menu .panel-header {
    background-color: #d1d5d0 !important;
}

.product-menu .panel:not(:first-of-type) {
    border-top: 1px solid #db2139 !important;
}

.product-menu .panel-header .panel-title>.panel-toggler:not(.collapsed),
.product-menu .panel-heading .panel-title>.panel-toggler:not(.collapsed) {
    background-color: #a8afa7 !important;
    border-left: 4px solid #db2139 !important;
}

.panel-group .panel-secondary .panel-header+.panel-collapse>.panel-body {
    border-color: #e7e7ed !important;
}

.control-menu-level-1 a,
.control-menu-level-1 a:hover,
.sidenav-menu-slider a,
.sidenav-menu-slider a:hover,
.sidebar.sidebar-inverse a,
.sidebar.sidebar-inverse a:hover {
    color: #2a2b27 !important;
}

.product-menu .panel-body {
    background-color: #d1d5d0 !important;
}

.product-menu {
    background-color: #d1d5d0 !important;
}

.product-menu .panel-header .panel-title>.panel-toggler .category-name,
.product-menu .panel-header .panel-title>.panel-toggler .user-name,
.product-menu .panel-header .panel-title>.panel-toggler .site-name,
.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: #000 !important;
}

.panel .product-menu .form-control:focus {
    color: #fff !important;
}


/* New CSS 24-10-2019*/


/*New CSS 25-10-2019*/

.listofLogosDiv {
    width: 100%;
    text-align: center;
}

.listofLogosDiv .td {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    padding: 8px 4px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    min-height: 195px;
}

.listofLogosDiv .td img {
    height: 14px;
    width: auto;
    margin-top: 10px;
}

.listofLogosDiv .td img.iconimg {
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    padding: 8px;
    transition: 0.2s all ease-in-out;
}

.listofLogosDiv .td:hover img.iconimg {
    transform: scale(1.2);
    background: #f5f5f5;
}
.mobileNewsletter{
    display: none;
}

@media (max-width: 800px) {
    .brand_logo_container {
        z-index: 15;
    }
    .has-control-menu .affix,
    .has-control-menu #wrapper {
        top: 0;
    }
    .container-fluid-max-xl {
        max-width: 100% !important;
        width: calc(100% - 85px) !important;
    }
    .navbar-light .navbar-toggler {
        position: fixed !important;
        top: 59px !important;
        left: 15px !important;
    }
}
@media (max-width:769px){
    .mobileNewsletter{
        display: block;
    }
    .desktopNewsletter {
        display: none;
    }
}
@media (max-width: 576px) {
    .container.user-personal-ba {
        max-width: 100% !important;
    }
}

@media (max-width: 500px) {
    .listofLogosDiv .td {
        min-height: 162px;
    }
    .customloginMain {
        width: 90% !important;
        left: 5% !important;
    }
    .brand_logo_container {
        margin-left: 25% !important;
    }
    .listofLogos td img.iconimg {
        width: 100%;
        height: auto;
        margin: auto;
    }
    .listofLogos td {
        width: 100%;
        float: none;
        clear: both;
    }
}

.logogif {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 10000000000000000000;
    left: 0;
    top: 0;
    background: #fff;
    display: none !important;
}

.logogif img {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -77px;
}

.text-muted {
    color: rgb(110, 111, 106) !important;
}

.affix,
.closed .control-menu {
    width: 100%;
}

.company-details.truncate-text .company-name {
    display: none;
}

.product-menu.sidebar .sidebar-body,
.lfr-has-simulation-panel .lfr-simulation-device {
    top: 88px;
}

.product-menu .company-details .company-logo {
    margin-right: 10px !important;
    max-height: 94px !important;
    max-width: 130px !important;
}

#tiym___menu:focus {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff !important;
    border-color: #db2139 !important;
}

.product-menu .panel-group .panel-heading+.panel-collapse.show {
    border-bottom: 0px solid #db2139;
}

.product-menu .panel-group .panel-heading+.panel-collapse.in,
.product-menu .panel-group .panel-heading+.panel-collapse.collapsing {
    border-bottom: 1px solid #db2139 !important;
}

footer {
    display: none !important;
}

@media (min-width: 1024px) {
    .container-fluid-max-xl {
        max-width: 100% !important;
        width: calc(100% - 85px) !important;
    }
}


#epcsidebar .dropdown-menu {
   
        top: 50% !important;
        position: absolute !important;
        left: 44px;
        width: 195px;
    min-width: 215px;
    background-color: #db2139;
    border: 0 solid #e7e7ed;
    border-radius: 0;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.3);
    text-align: left;
}

.sidenav-fixed.sidenav-menu-slider {
    /* clear: left;*/
    /* left: 0 !important;*/
}

.sidenav-right.lfr-has-simulation-panel.open-admin-panel {
    right: 0 !important;
    left: auto;
}

.lfr-product-menu-panel.sidenav-menu-slider {
    left: 0;
}

.control-menu-level-1-nav.control-menu-nav {
    text-align: right;
    float: right;
}

.control-menu-level-1-nav.control-menu-nav li.tools-control-group {
    display: none;
}
.normalUser .control-menu-level-1-nav{
    display: none !important;
}
body.open-admin-panel .control-menu {
    padding-right: 0px !important;
}

.lfr-nav-child-toggle {
    top: 24px;
    right: 2px;
    font-size: 10px;
    position: absolute;
}

#epcsidebar .navbar-expand-md .navbar-nav .dropdown-menu {
    margin-bottom: 11px;
}

.navbar-expand-md .nav-item {
    display: block;
}

.child-menu .text-truncate {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width: 768px) {
    body.open .control-menu,
    body.open .affix {
        left: 0 !important;
    }
}

.allApps {
    text-align: left;
}

.allApps i {
    float: left;
    margin-right: 0;
    width: 35px;
    padding-right: 45px;
}

.allApps p {
    float: left;
}


/*New CSS 25-10-2019*/

.menuArrow {
    position: fixed;
    display: none;
    width: 47px;
    text-align: center;
    vertical-align: middle;
    background: #db2139;
    color: #fff;
    height: 45px;
    top: 0;
    left: 0px;
    transition: all 0.5s;
    z-index: 989;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    cursor: pointer;
}

.menuInsideMain .menuArrow:before {
    content: "\003c";
}

.menuInsideMain .menuArrow {
    left: 179px;
}

.menuArrow:before {
    content: "\003e";
}

.menuInsideMain #epcsidebar {
    left: 0;
}

body.menuInsideMain.open #wrapper {
    padding-left: 0;
}


/*.menuInsideMain .content-right{
  width:98% !important;
}
.menuInsideMain.colosed .content-right{
  width:98% !important;
}
.open .content-right{
  width:80% !important;
}
.colosed .content-right{
  width:83% !important;
}*/



.allAppsActive a {
    height: 22px;
}

@media (max-width: 650px) {
    .menuInsideMain .allAppsActive {
        width: 100%;
    }
}

.breadcrumbsCustom {
    margin-top: 15px;
}

body.open #wrapper {
    padding-left: 0 !important;
}

.signed-out .breadcrumbsCustom {
    display: none;
}

.signed-out .menuArrow {
    display: none;
}

.signed-out #epcsidebar {
    display: none !important;
}

@media (max-width: 760px) {
    .menuArrow {
        display: none;
    }
}

.dropdown.open .dropdown-menu,
.overlay-content .open>.dropdown-menu {
    display: block;
}

.nav-link .pageName {
    display: none !important;
    position: absolute !important;
    top: 0px;
    left: 42px;
    background: #db2139;
    width: 215px;
    overflow: visible;
    min-width: 109px;
    padding: 8px 5px;
    height: 36px;
    text-align: left;
    transition: all 1s;
    font-size: 12px !important;
    line-height:1.5;
}

.allAppsActive .nav-link .pageName {
    left: 39px;
}

.dropdown:hover .pageName,
.nav-link:hover .pageName {
    display: inline-block !important;
}
.dropdown-menu::after {

padding-top: 0 !important;

}

.breadcrumbsCustom .portlet-title-text {
    display: none;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
}

.portlet-borderless .portlet-content {
    padding: 0;
}

.navbar-expand-md .container,
.navbar-expand-md .container-fluid {
    padding-left: 0;
}

.dropdown-item:focus,
.dropdown-menu>li>a:focus,
.dropdown-menu .link-list>li>a:focus {
    box-shadow: inset 0 0 0 0 #ed8492, inset 0 0 0 0 #fff;
}

.clay-tooltip.bottom .tooltip-arrow:before,
.tooltip.bottom .tooltip-arrow:before {
    border-right-color: #272833;
    border-width: 0;
    bottom: 0;
}

.toast-animation .pm {
    border-left: 1px solid #000;
}

.toast-animation .cn {
    border: 1px solid #000;
}

.lfr-product-menu-panel.sidenav-menu-slider {
    z-index: 1000000000;
}

.alert-danger .lead,
.portlet-msg-error .lead {
    color: #db1329;
    display: none;
}
.sapconnecitivitystatustheme{
    margin-bottom:72px;
}
.child-menu .text-truncate{
    width:100%;
    font-weight: 600;
}
.breadcrumbsCustom {
    margin-top:10px !important;
}
.AppNameImg{
    height: 30px;
}
.allSitesContent{
    display: none;
    bottom: -42px;
    left: 42px;
    background: #dcdcdc;
    width: 177px;
    position: absolute;
    padding: 5px 0px 5px 15px;
}
.allSites:hover .allSitesContent{
    
    display: flex;
    flex-direction: column;
    width:200px;

}
#connectorLinks{order:1;}
#kanbanLinks{order:2;}
#deliveryLinks{order:3;}
#cockpitLinks{order:4;}
#commissionLinks{order:5;}
#heijunkaLinks{order:6;}
#supportLinks{order:7;}
#linefeederLinks{order:8;}
#addLinks{order:9;}
#monitorLinks{order:10;}
#visionLinks{order:11;}
#analyticsLinks{order:12;}
#fleetLinks{order:13;}
#laserLinks{order:14;}
#materialswitchLinks{order:15;}






.navbar-site .nav-item div .allSitesContent img {
    height:22px;
    width: auto;
    margin-top:16px;
    display: block;
}
.siteIcon.noSite:hover{
    border-bottom:1px solid #dcdcdc;
}
.siteIcon:hover{
    border-bottom:1px solid #db2139;
}
.siteLink{
    display: none;
    position: absolute;
    top:calc(100% - 47px);
    left:100%;
    background: #fff;
    color:#db2139;
    min-width: 283px;
    transition: all 0.2s;
   /* border:1px solid #ccc;*/
    

}
.siteLinkLine{
    display: none;
    position: absolute;
    top:calc(100% - 20px);
    left:100%;
    background: #fff;
    color:#db2139;
    min-width: 283px;
    transition: all 0.2s;
   
}
.siteLinkB{
    display: none;
    position: absolute;
    bottom:calc(100% - 51px);
    left:100%;
    background: #fff;
    color:#db2139;
    min-width: 283px;
    transition: all 0.2s;
    /*border:1px solid #ccc;*/
}

.siteLinkM{
    display: none;
    position: absolute;
    bottom:calc(100% - 201px);
    left:100%;
    background: #fff;
    color:#db2139;
    min-width: 283px;
    transition: all 0.2s;
    /*border:1px solid #ccc;*/
}

.siteLinkT{
    display: none;
    position: absolute;
    top:0;
    left:100%;
    background: #fff;
    color:#db2139;
    min-width: 283px;
    transition: all 0.2s;
    /*border:1px solid #ccc;*/
}

.siteIcon{
    width:100%;
    position: relative;
    padding-bottom: 3px;
    border-bottom: 1px solid #dcdcdc;
}


.siteIcon:hover .siteLink, .siteIcon:hover .siteLinkLine, .siteIcon:hover .siteLinkB, .siteIcon:hover .siteLinkM, .siteIcon:hover .siteLinkT{
    display: block;
    
}

.siteIcon.noSite:hover .siteLink, .siteIcon.noSite:hover .siteLinkB, .siteIco.noSite:hover .siteLinkM, .siteIcon.noSite:hover .siteLinkT{
    display: none !important;
}
.allSites{
    margin-bottom: 5px;
}
#epcsidebar .navbar-nav .nav-item .siteLink a, #epcsidebar .navbar-nav .nav-item .siteLinkB a, #epcsidebar .navbar-nav .nav-item .siteLinkM a, #epcsidebar .navbar-nav .nav-item .siteLinkT a, #epcsidebar .navbar-nav .nav-item .siteLinkLine a{
    font-size:13px;
    display: block;
    margin:0;
    height: 32px;
    background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dbdbdb",GradientType=1);
border:1px solid #ccc;

}
#epcsidebar .navbar-nav .nav-item .siteLink a:hover, #epcsidebar .navbar-nav .nav-item .siteLinkB a:hover, #epcsidebar .navbar-nav .nav-item .siteLinkM a:hover, #epcsidebar .navbar-nav .nav-item .siteLinkT a:hover, #epcsidebar .navbar-nav .nav-item .siteLinkLine a:hover{
    color:#db2139;
    background: rgb(222,219,219);
background: -moz-linear-gradient(180deg, rgba(222,219,219,1) 0%, rgba(201,201,201,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(222,219,219,1) 0%, rgba(201,201,201,1) 100%);
background: linear-gradient(180deg, rgba(222,219,219,1) 0%, rgba(201,201,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dedbdb",endColorstr="#c9c9c9",GradientType=1);
}
.allApps {
    margin-top:20px !important;
    padding-left: 6px !important;
}
.noSite ~ div{
    display: none !important;
}
.noSite img, img.noSite{
    opacity: 0.5;
}
.appsLinkMain{
    display: none;
    position: fixed;
    width:500px;
    height:100vh;
    top:0;
    left:240px;
}
.appsLinkMain .appsLink {
    position: absolute;
    left:4px;
    background: #fff;
    color:#db2139;
    
    transition: all 1s;
    background: rgb(229, 229, 229);
}
.appsLinkMain .appsLink a{
    width: 292px !important;
    text-decoration: none;
    font-size:13px;
    display: block;
    margin:0 !important;
    height: 32px;
    background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dbdbdb",GradientType=1);
border:1px solid #ccc;
left:-20px;
transition: all 0.3s;
}
.appsLinkMain .appsLink a:hover{
    color:#db1329 !important;
}
.siteIcon:hover .appsLinkMain{
    display: block;
}
.appsLinkMain .appsLink{
    /*left:0;*/
}
.siteIcon a {
padding:0 !important;
display:block;
margin:0 !important;
}
.appsLink a{
padding:5px !important;
}
.b5{ bottom:5px; }.b10{ bottom:10px; }.b15{ bottom:15px; }.b20{ bottom:20px; }.b25{ bottom:25px; }.b30{ bottom:30px; }.b35{ bottom:35px; }.b40{ bottom:40px; }.b45{ bottom:45px; }.b50{ bottom:50px; }.b55{ bottom:55px; }.b60{ bottom:60px; }.b65{ bottom:65px; }.b70{ bottom:70px; }.b75{ bottom:75px; }.b80{ bottom:80px; }.b85{ bottom:85px; }.b90{ bottom:90px; }.b95{ bottom:95px; }.b100{ bottom:100px; }.b105{ bottom:105px; }.b110{ bottom:110px; }.b115{ bottom:115px; }.b120{ bottom:120px; }.b125{ bottom:125px; }.b130{ bottom:130px; }.b135{ bottom:135px; }.b140{ bottom:140px; }.b145{ bottom:145px; }.b150{ bottom:150px; }.b155{ bottom:155px; }.b160{ bottom:160px; }.b165{ bottom:165px; }.b170{ bottom:170px; }.b175{ bottom:175px; }.b180{ bottom:180px; }.b185{ bottom:185px; }.b190{ bottom:190px; }.b195{ bottom:195px; }.b200{ bottom:200px; }.b205{ bottom:205px; }.b210{ bottom:210px; }.b215{ bottom:215px; }.b220{ bottom:220px; }.b225{ bottom:225px; }.b230{ bottom:230px; }.b235{ bottom:235px; }.b240{ bottom:240px; }.b245{ bottom:245px; }.b250{ bottom:250px; }.b255{ bottom:255px; }.b260{ bottom:260px; }.b265{ bottom:265px; }.b270{ bottom:270px; }.b275{ bottom:275px; }.b280{ bottom:280px; }.b285{ bottom:285px; }.b290{ bottom:290px; }.b295{ bottom:295px; }.b300{ bottom:300px; }.b305{ bottom:305px; }.b310{ bottom:310px; }.b315{ bottom:315px; }.b320{ bottom:320px; }.b325{ bottom:325px; }.b330{ bottom:330px; }.b335{ bottom:335px; }.b340{ bottom:340px; }.b345{ bottom:345px; }.b350{ bottom:350px; }.b355{ bottom:355px; }.b360{ bottom:360px; }.b365{ bottom:365px; }.b370{ bottom:370px; }.b375{ bottom:375px; }.b380{ bottom:380px; }.b385{ bottom:385px; }.b390{ bottom:390px; }.b395{ bottom:395px; }.b400{ bottom:400px; }.b405{ bottom:405px; }.b410{ bottom:410px; }.b415{ bottom:415px; }.b420{ bottom:420px; }.b425{ bottom:425px; }.b430{ bottom:430px; }.b435{ bottom:435px; }.b440{ bottom:440px; }.b445{ bottom:445px; }.b450{ bottom:450px; }.b455{ bottom:455px; }.b460{ bottom:460px; }.b465{ bottom:465px; }.b470{ bottom:470px; }.b475{ bottom:475px; }.b480{ bottom:480px; }.b485{ bottom:485px; }.b490{ bottom:490px; }.b495{ bottom:495px; }.b500{ bottom:500px; }.b505{ bottom:505px; }.b510{ bottom:510px; }.b515{ bottom:515px; }.b520{ bottom:520px; }.b525{ bottom:525px; }.b530{ bottom:530px; }.b535{ bottom:535px; }.b540{ bottom:540px; }.b545{ bottom:545px; }.b550{ bottom:550px; }.b555{ bottom:555px; }.b560{ bottom:560px; }.b565{ bottom:565px; }.b570{ bottom:570px; }.b575{ bottom:575px; }.b580{ bottom:580px; }.b585{ bottom:585px; }.b590{ bottom:590px; }.b595{ bottom:595px; }.b600{ bottom:600px; }.b605{ bottom:605px; }.b610{ bottom:610px; }.b615{ bottom:615px; }.b620{ bottom:620px; }.b625{ bottom:625px; }.b630{ bottom:630px; }.b635{ bottom:635px; }.b640{ bottom:640px; }.b645{ bottom:645px; }.b650{ bottom:650px; }.b655{ bottom:655px; }.b660{ bottom:660px; }.b665{ bottom:665px; }.b670{ bottom:670px; }.b675{ bottom:675px; }.b680{ bottom:680px; }.b685{ bottom:685px; }.b690{ bottom:690px; }.b695{ bottom:695px; }.b700{ bottom:700px; }.b705{ bottom:705px; }.b710{ bottom:710px; }.b715{ bottom:715px; }.b720{ bottom:720px; }.b725{ bottom:725px; }.b730{ bottom:730px; }.b735{ bottom:735px; }.b740{ bottom:740px; }.b745{ bottom:745px; }.b750{ bottom:750px; }.b755{ bottom:755px; }.b760{ bottom:760px; }.b765{ bottom:765px; }.b770{ bottom:770px; }.b775{ bottom:775px; }.b780{ bottom:780px; }.b785{ bottom:785px; }.b790{ bottom:790px; }.b795{ bottom:795px; }.b800{ bottom:800px; }