.dropdown {
    display: none;
    position: absolute;
    z-index: 9999999;
}
.dropdown .dropdown-menu, .dropdown .dropdown-panel {
    clear: both;
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    white-space: normal;
}
#dropdown-ref .dropdown-panel {
    padding: 10px 0 10px 10px;
}
.dropdown .dropdown-panel {
    border-bottom: 1px solid #E6E6E6;
}
#dropdown-ref {
   width: 260px !important;
   max-height:300px;
}
#dropdown-ref .sectionNotification {
    margin-left: 0;
    margin-top: -14px;
}
#dropdown-ref .dropdown-panel {
    height: auto !important;
}
#dropdown-ref a {
}
#dropdown-ref a:hover {
   /* color: #FFFFFF;*/
}
.dropdown .dropdown-panel a:hover {
    color: #333333;
    text-decoration: underline;
}
.dropdown .dropdown-panel.titleNotification a {
    /* background-color: #334D63; */
    border-bottom: medium none;
    color: #FFFFFF;
    padding: 0;
    text-align: center !important;
    text-decoration: none;
}
.dropdown .dropdown-panel.titleNotification a:hover {
    text-decoration: underline;
}
.dropdown-panel.titleNotification {
    background: linear-gradient(#5B6271, #000000);
    border-bottom: 0 none;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    height: 24px;
    margin: 0;
    padding: 9px 16px !important;
}

.wsSmartPhone .dropdown-panel.titleNotification {
    background: linear-gradient(#386699, #356192) !important;
    height: 50px;
    padding: 16px 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}    
.dropdown-panel.titleNotification section {
    margin-left: 0;
    padding: 0;
}
.dropdown-panel.titleNotification img {
    position: absolute;
}
.dropdown.dropdown-tip {
    background-color: #FFFFFF !important;
    border: 0px none !important;
    box-shadow: 0 6px 12px rgb(0, 0, 0);
    margin-left: 9px;
    margin-top: 5px;
    max-width: 320px;
    min-width: 180px;
    padding: 0;
    width: 260px;
}

.dropdown.dropdown-tip:before {
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -6px;
}
.dropdown-panel:hover {
}
.dropdown.dropdown-tip.dropdown-anchor-right:before {
    left: auto;
    right: 9px;
}
.dropdown.dropdown-tip:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: none;
    left: 10px;
    position: absolute;
    top: -5px;
}
.dropdown.dropdown-tip.dropdown-anchor-right:after {
    left: auto;
    right: 10px;
}
.dropdown.dropdown-scroll .dropdown-menu, .dropdown.dropdown-scroll .dropdown-panel {
    overflow-y: hidden;
}
.dropdown.dropdown-scroll .dropdown-menu, .dropdown.dropdown-scroll .dropdown-panel *:hover {
    overflow-y: visible;
    transition: background 0s ease 0s;
}
.dropdown-menu {
    max-height: 120px;
}
.dropdown .dropdown-menu LI {
    line-height: 18px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.dropdown .dropdown-menu LI > A, .dropdown .dropdown-menu LABEL {
    color: #555555;
    display: block;
    line-height: 18px;
    padding: 3px 15px;
    text-decoration: none;
    white-space: nowrap;
}
.dropdown .dropdown-menu LI > A:hover, .dropdown .dropdown-menu LABEL:hover {
    background-color: #0088CC;
    color: #FFFFFF;
    cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-divider {
    border-top: 1px solid #E5E5E5;
    font-size: 1px;
    margin: 5px 0;
    padding: 0;
}
.dropdown.has-icons LI > A {
    background-position: 8px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}
.dropdown .undo A {
    background-image: url("icons/arrow-curve-180-left.png");
}
.dropdown .redo A {
    background-image: url("icons/arrow-curve.png");
}
.dropdown .cut A {
    background-image: url("icons/scissors.png");
}
.dropdown .copy A {
    background-image: url("icons/document-copy.png");
}
.dropdown .paste A {
    background-image: url("icons/clipboard.png");
}
.dropdown .delete A {
    background-image: url("icons/cross-script.png");
}
.dropdown .alert A {
    background-image: url("icons/cross-script.png");
}


.wsSmartPhone .dropdown.dropdown-tip {width: 90% !important;position: fixed;left: 0px !important;top: 40px !important;max-width: 100%;height: 85%;/* bottom: 0px; */margin: 5%;box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.5);}    

.wsSmartPhone #dropdown-ref{
  width: 100% !important;
  /* height: 48px !important; */
}

.wsSmartPhone .notificationViewAll,
.wsSmartPhone #dropdown-ref .dropdown-panel{
    pointer-events:none;
    padding: 15px 0 15px 15px;
    height: 50px !important;
}

.wsSmartPhone .dropdown .dropdown-panel {
    border-bottom: 1px solid #E6E6E6;
    height: 50px !important;
    padding-top: 15px !important;
}