/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 21, 2018, 10:28:24 AM
    Author     : Moon
*/
.navigationbar{
    height:50px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 949; 
    background: black;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.alogo{
    display: inline-block;
    height:50px;
    cursor:pointer;
}

.abanner{
    height:50px;
    cursor:pointer;
    display: inline-block;
}

.aProfile{
    height:50px;
    padding:0px;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
}

.aProfile:hover{
    background-color: #505050;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.aProPicContainer{
    max-width:250px;
    padding:6px 2px 6px 10px;
}

.aProPic{
    width:40px;
    height:40px;
    border-radius: 50%;
    float:left; 
}

@media (max-width: 500px) {
    .aProDesc-name{
        display:none;
    }
    .aProDesc-location{
        display:none;
    }
    .aRightDropDownTarabULLI-header{
        cursor: default !important;
        border-bottom: 1px solid #d3d3d3;
        display:block;
        padding: 10px 20px;
    }
    .aRightDropDownTarabULLI-header-name{
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .aRightDropDownTarabULLI-header-location{
        font-size:60%; 
        color:#666; 
    }
}

@media (min-width: 500px) {
    .aRightDropDownTarabULLI-header{
        display:none;
    }
}

.aProDesc-name{
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden;
    padding: 5px 5px 0px 5px;
    color:white;
}

.aProDesc-location{
    font-size:11px; 
    color:#666; 
    max-height:16px;
    padding: 0px 5px 5px 5px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:white;
}

.aBannerPane{
    width:100%;
    z-index: 10;
}
.aHamburgerPane{
    line-height:50px;
    display: inline-block;
}

.rightHeaderPop:after {
  content: '\2807';
  font-size: 35px;
  padding-top:5px;
  cursor:pointer;
  color:white;
}

.aRightDropDownTarab{
    position:absolute;
    top:50px;
    right:0;
    transition: all 0.3s ease;
    transform: scale(0);
    transform-origin:top right;
    z-index: 1100;
    
}
.show{
    position:absolute;
    top:50px;
    right:0;
    transform: scale(1);
    transform-origin: 40px 0;
    transition: all 0.3s ease;
    z-index: 99;
    border-radius:5px;
}


.aRightDropDownTarabUL{
    background-color:white;
    width:150px;
}

.aRightDropDownTarabULLI{
    /*border: 1px solid white;*/
}

.aRightDropDownTarabULLI div{
    cursor:pointer;
    padding:10px 20px;
    font-size:.87rem!important;
}

.aRightDropDownTarabULLI div:hover{
    background-color:#f9fafb;
    color:#72777a;
    transition: all 0.3s ease;
}