#widget-login.navbar-nav { margin: 0px; }
#widget-login.navbar-nav > li > a {padding: 7px 10px 4px; color: #000;}
#widget-login.navbar-nav > li.dropdown.user.user-menu > a { padding: 7px 10px 4px; color: #fff; background: #929090; border-radius: 20px; } 
#widget-login.navbar-nav>.user-menu .user-image { float: unset; background: white; margin-right: 5px; } 
#widget-login.navbar-nav>.user-menu>.dropdown-menu { min-width: unset; width: 150px;right: 0; left: auto; } 
#widget-login.navbar-nav>.user-menu>.dropdown-menu > li {width: 100%;}


#widget-login.navbar-nav > li.dropdown-notification > a {}

.dropdown-notification .noti-bell {position: relative;}
.dropdown-notification .noti-bell .notify {position: absolute; top: -8px; background: #ff0000 !important; color: #fff;
border-radius: 50%;
vertical-align: top;
right: -8px !important;
}

.dropdown-notification .dropdown-menu.notify-drop { min-width: 330px; width: 300px; border: none; background-color: #fff; min-height: 350px; max-height: 350px; padding-top: 0; padding-bottom: 0;}
.dropdown-notification .dropdown-menu.notify-drop {right: 0; left: auto;}
.dropdown-notification .dropdown-menu.notify-drop .notify-drop-title { border-bottom: 1px solid #e2e2e2; padding: 5px 15px 10px 15px; background-color: rgba(11, 88, 165, 1); color: #fff;  text-align: center;}
.dropdown-notification .dropdown-menu.notify-drop .notify-drop-title .notification-setting {color: #fff; padding: 0 10px;}

.dropdown-notification .dropdown-menu.notify-drop .drop-content { min-height: 280px; max-height: 280px; overflow-y: scroll; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track { background-color: #F5F5F5; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb { background-color: #ccc; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a { border-bottom: 1px solid #ccc; padding: 10px ; width: 100%; display: block; color: #000;}
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a:after { content: ""; clear: both; display: block; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a:last-child { border-bottom: none; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a .notify-img { float: left; display: inline-block; width: 45px; height: 45px; margin: 0px 0px 8px 0px; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a .notify-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a .notify-info {margin-left: 55px; width: calc(100% - 55px); display: block;}
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a .notify-info .notify-title {width: 100%; margin-bottom: 10px; font-weight: bold; display: inline-block;}
.dropdown-notification .dropdown-menu.notify-drop .drop-content > a .notify-info .notify-date {width: 100%; display: inline-block;}

.dropdown-notification .dropdown-menu.notify-drop .notify-drop-footer { background: linear-gradient(90deg, rgba(53, 116, 219, 1) 0%, rgba(53, 116, 219, 1) 0%, rgba(30, 81, 158, 1) 44%, rgba(15, 49, 120, 1) 68%, rgba(7, 32, 100, 1) 100%, rgba(7, 32, 100, 1) 100%); border-top: 1px solid #e2e2e2; bottom: 0; position: relative; padding: 4px 15px; }
.dropdown-notification .dropdown-menu.notify-drop .notify-drop-footer a { color: #fff; text-decoration: none; }

/*

.dropdown-menu.notify-drop .notify-drop-footer { border-top: 1px solid #e2e2e2; bottom: 0; position: relative; padding: 4px 15px; }
.dropdown-menu.notify-drop .notify-drop-footer a { color: #777; text-decoration: none; }
.dropdown-menu.notify-drop .notify-drop-footer a:hover { color: #333; }

.notify-drop-title {    background-color: rgba(11, 88, 165, 1); color: #fff;font-family: 'DBHelvethaicaX' !important;font-size: 22px !important;text-align: center;padding-top: 5px !important;padding-bottom: 5px !important;}

.dropdown-menu.notify-drop .drop-content > li { border-bottom: 1px solid #ccc; padding: 10px 0px 5px 0px; }
.dropdown-menu.notify-drop .drop-content > li:after { content: ""; clear: both; display: block; }
.dropdown-menu.notify-drop .drop-content > li:last-child { border-bottom: none; }
.dropdown-menu.notify-drop .drop-content > li .notify-img { float: left; display: inline-block; width: 45px; height: 45px; margin: 0px 0px 8px 0px; }
.dropdown-menu.notify-drop .drop-content > li .notify-img img { width: 100%; object-fit: contain; }
.dropdown-menu.notify-drop .drop-content > li .notify-info {margin-left: 50px;}
.dropdown-menu.notify-drop .drop-content > li .notify-img img { width: 100%; object-fit: contain; }
.dropdown-menu.notify-drop .drop-content > li .notify-img img { width: 60px; object-fit: cover; height: 60px; border-radius: 50%; }
*/