/* 
    - This file is created with the purpose of styling navigation logo that appear on the top left of App Content Masterpage
*/

/*----------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------->>> FULL SIDE MENU <<<-----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

/* Fix for http://bugtracker.weblakes.com/view.php?id=34396 */
.sidebar-collapse > div.full-logo-image > img {
    height: 127px;
    width: 219px;
    top: 0;
    left: 0;
}

/* Change position of full logo to allow tooltip to display properly */
.navbar-static-side .sidebar-collapse .full-logo-image:hover {
    position: relative;
}

/* Build style of "Click to Collapse" tooltip that show in full logo */
.navbar-static-side .sidebar-collapse .full-logo-image .full-logo-click-collapse {
    display: none;
    color: white;
    background-color: #595959;
    left: 0px;
    top: 108px;
    position: absolute;
    text-align: center;
    padding: 1px;
    height: 18px;
    width: 220px;
    font-size: 11px;
}

/*  */
.navbar-static-side .sidebar-collapse .full-logo-image:hover .full-logo-click-collapse {
    display: block;
}

/* Hide collapsed logo image when side menu is not collapsed */
.navbar-static-side .sidebar-collapse .profile-logo-image {
    display: none;
}

/*-------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------->>> COLLAPSED SIDE MENU <<<-------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/

/* Hide large logo image when side menu is collapsed */
.mini-navbar .navbar-static-side .sidebar-collapse .full-logo-image {
    display: none;
}

/* Centralize collapsed logo on the side bar menu */
.sidebar-collapse > div.profile-logo-image > img {
    top: 50%;
    left: 50%;
    margin-top: -35%;
    margin-left: -50%;
}

/* Show collapsed logo when side menu is collapsed and set image container to 70px x 70px */
.mini-navbar .navbar-static-side .sidebar-collapse .profile-logo-image {
    display: block;
    width: 70px;
    height: 70px;
}

/* Set style of collapsed logo image */
.mini-navbar .navbar-static-side .sidebar-collapse .profile-logo-image img {
    width: 60px;
    height: 60px;
    border-width: 0px;
    background-color: white;
    margin-top: -25px;
    margin-left: -30px;
}