@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');

/*scrollbar width */

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


/*scrollbar Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #0bb8be;
    border-radius: 10px;
}


/*scrollbar Handle */

::-webkit-scrollbar-thumb {
    background: #007479;
    border-radius: 10px;
}


/*scrollbar Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #045153;
}

*,
body,
html, h1, h2, h3, h4, h5, h6 {
    font-family: 'Tajawal', sans-serif;
}

#view_product_modal{
    z-index: 9999 !important;

}


/* padding class  */

.p-15 {
    padding: 15px !important;
}

.p-7 {
    padding: 7px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.p-10 {
    padding: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.p-5 {
    padding: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

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

.pr-5 {
    padding-right: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}


/* margin class  */

.m-10 {
    margin: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.m-5 {
    margin: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.m-15 {
    margin: 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.main-color {
    color: #007479 !important;
}

.bg-btn,
.btn-primary,
.bg-primary {
    background-color: #007479 !important;
    color: #ffffff;
}

div.pos-tab-menu div.list-group>a.active,
div.pos-tab-menu div.list-group>a.active .glyphicon,
div.pos-tab-menu div.list-group>a.active .fa,
.btn-primary {
    border-color: #22a2a3 !important;
}

.wizard>.content {
    background: #fff !important;
}

.start-date-picker {
    background-color: #fff !important;
}

.bg-light-primary,
#business_register_form>div.steps.clearfix>ul>li>a {
    background-color: #0075794c !important;
    color: #007479 !important;
}

.wizard>.steps .current a,
#business_register_form>div.actions.clearfix>ul>li:nth-child(2)>a {
    background-color: #007479 !important;
}

.color-grey {
    color: gray !important;
    font-weight: 500;
}

.btn-hover:hover {
    color: #007479 !important;
}

.round-8 {
    border-radius: 8px !important;
}

.nav-tabs-custom>.nav-tabs>li.active>a {
    background-color: #fff;
    color: #007479 !important;
}

.nav-tabs-custom>.nav-tabs>li.active,
.box.box-primary {
    border-top: 3px solid #007479;
}


/* top-bar style  */

.skin-blue .main-header .logo {
    background-color: white !important;
    height: 80px !important;
    padding-top: 10px !important;
}

.card-outline {
    border-top: 3px solid #007479;
    padding: 30px;
}

.box-body>ul>li>strong>svg.feather-16 {
    margin: -5px 10px -3px 0px !important;
}

.box,
.main-header,
.lang-select,
.login-main,
#business_register_form>div.content.clearfix,
#business_register_form>div.steps.clearfix>ul>li>a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

#business_register_form-p-0>div>div.form-group>div.input-group>input.form-control,
#business_register_form-p-0>div>div.form-group>div.input-group>span.select2>span>span {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

#business_register_form-p-0>div>div.form-group>div.input-group>span {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.main-header .navbar-custom-menu,
.main-header .navbar-right,
.main-header .sidebar-toggle,
.skin-blue .main-header .navbar .nav>li>a,
.skin-blue .main-header .logo {
    color: gray !important;
}

.sidebar-toggle:hover,
.navbar-custom-menu>.navbar-nav>li.notifications-menu>a:hover {
    background-color: transparent !important;
}

.btn-style,
.btn-success,
.btn-danger {
    background-color: transparent !important;
    border: none !important;
    color: gray !important;
}

.navbar-custom-menu>.navbar-nav>li.notifications-menu {
    top: 10px !important;
}

.navbar-custom-menu>.navbar-nav>li.notifications-menu>a,
.navbar-nav>.user-menu>.dropdown-menu>div>li>a {
    color: gray !important;
}

.navbar-nav>.user-menu>.dropdown-menu>div>li>a:hover {
    color: #007479 !important;
}

.navbar-nav>.user-menu>.dropdown-menu {
    width: 100px !important;
}

.navbar-nav>.user-menu>.dropdown-menu>div>li {
    padding: 10px !important;
}

.feather-16 {
    width: 16px !important;
    height: 16px !important;
}

.rtl .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0px !important;
    left: auto;
    top: 74px !important;
}

.ltr .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 5px !important;
    left: auto;
    top: 74px !important;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

.icon-size {
    font-size: 20px !important;
}

.navbar-nav>.user-menu .user-image {
    float: left;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}


/*--------------------- sidebar style ------------------------ */

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar,
    .sidebar-menu {
        z-index: 850;
        min-width: 100px !important;
        padding: none !important;
    }
    .sidebar-menu>li,
    .main-sidebar .user-panel,
    .sidebar-menu,
    .sidebar-menu>li.header {
        padding: 0px !important;
    }
    .ltr .sidebar-mini.sidebar-collapse .content-wrapper {
        margin-left: 100px !important;
        z-index: 840;
    }
    .rtl .sidebar-mini.sidebar-collapse .content-wrapper {
        margin-right: 100px !important;
        z-index: 840;
    }
    /* .ltr .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .left-side {
        margin-right: 100px!important;

    }   */
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        background: aliceblue;
        color: #007479!important;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:checked>.treeview-menu {
        top: 0px !important;
        left: -20px !important;
        margin-left: 0;
        color: #007479!important;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        background: white !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
        z-index: 55555 !important;
        color: #007479!important;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 38px;
        left: 77px !important;
        margin-left: 0;
        color: #007479!important;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {
        display: block !important;
        position: absolute;
        width: 200px;
        left: 60px;
        background: white !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
        border-radius: 8px 8px;
        color: #007479!important;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span.pull-right-container {
        box-shadow: none !important;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        margin-right: 18px !important;
        margin-top: 10px !important;
        width: 200px !important;
    }
    .rtl .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        margin-right: 18px !important;
    }

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu li>ul.treeview-menu>li>a {
        color: #007479!important;
    }
}

@media (min-width: 768px) {
    .ltr.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .right-side {
        margin-left: 100px !important;
    }
    .rtl.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .right-side {
        margin-right: 100px !important;
    }
}

.sidebar-menu>li {
    padding: 0px 20px 5px 20px !important;
}

.sidebar-menu>li>a {
    padding: 12px 15px !important;
    color: white !important;
    font-weight: 800 !important;
}

.sidebar-menu>li>a>svg {
    margin: -5px 10px -5px 0px !important;
}

.sidebar-menu li.active>a {
    background: #f7f6ff !important;
    padding: 12px 15px !important;
    border-radius: 10px !important;
    color: #007479 !important;
}

.sidebar-menu li  a img{ 
    filter: invert(80%) sepia(100%) saturate(0%) hue-rotate(173deg) brightness(107%) contrast(102%);
}

.sidebar-menu li.active>a img {
    /*filter: opacity(0.2) drop-shadow(0 0 0 #007479);*/
    filter: invert(32%) sepia(23%) saturate(3250%) hue-rotate(147deg) brightness(96%) contrast(102%);
}

.sidebar-menu li.active>a>span>i.fa-angle-left {
    transform: rotate(-90deg);
}

.sidebar-menu li>ul.treeview-menu>li>a {
    padding: 5px 15px !important;
    color: white !important;
}

.sidebar-menu li>ul.treeview-menu>li.active>a {
    color: #007479 !important;
    background-color: transparent !important;
    padding: 12px 15px !important;
}

.ltr .content-wrapper {
    margin-left: 280px !important;
}

.rtl .content-wrapper {
    margin-right: 280px !important;
}

.treeview-menu a::before {
    content: '-' !important;
    font-weight: 800 !important;
}


/* footer */

.main-footer {
    background: #f8f9fe;
    border-top: 0;
    padding: 0 15px 15px;
}

.ltr .main-footer {
    margin-left: 280px !important;
}

.rtl .main-footer {
    margin-right: 280px !important;
}

.rtl .treeview>ul.treeview-menu {
    padding-right: 30px !important;
}

.ltr .treeview>ul.treeview-menu {
    padding-left: 15px !important;
}

.rtl .popover.bottom {
    margin-top: 10px;
    right: 73% !important;
    width: 190px !important;
}

@media (min-width: 768px) {
    .rtl .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
        box-shadow: none !important;
    }
}


/*--------------------------- user data table --------------------- */

.dataTables_wrapper input[type='search'] {
    width: 230px !important;
}

.dataTables_wrapper .buttons-collection,
.dataTables_wrapper .buttons-print,
.dataTables_wrapper .buttons-excel,
.dataTables_wrapper .buttons-csv {
    border: none !important;
    color: #ffffff;
    background-color: #007479;
    font-weight: 700;
    padding: 10px;
    margin-right: 10px !important;
    border-radius: 8px !important;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_length_select_container {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_length_select_container select {
    border-radius: 8px;
    height: 39px !important;
    background-color: #f3f3f3;
    border: 1px solid #007479;
}

.dataTables_length_select_container select {
    background-color: #007479;
    color: white;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #007479;
    opacity: 1 !important;
}

table.dataTable thead th {
    padding: 15px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.daterangepicker .ranges li.active,
div.pos-tab-menu div.list-group>a.active,
div.pos-tab-menu div.list-group>a.active .glyphicon,
div.pos-tab-menu div.list-group>a.active .fa,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.table-th-green th,
.add-product-price-table th {
    background-color: #007479;
    color: white !important;
}

div.pos-tab-menu div.list-group>a.active:after {
    border-left-color: #007479;
}


/*.rtl .dataTables_wrapper .dataTables_length {
    position: absolute !important;
    right:  500px !important;
} */


/* --------------------------- home page style --------------------- */

.info-box-new-style {
    padding: 15px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    border-radius: 18px !important;
}

.info-box-new-style .info-box-icon {
    /* background: transparent !important; */
    border: none !important;
    box-shadow: none !important;
    border-radius: 18px !important;
}

.info-box-text {
    /* color: #fff !important; */
    font-weight: 700 !important;
}

.feather-35 {
    width: 35px !important;
    height: 35px !important;
}


/*login styles*/

.login-card {
    min-height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 30px 12px;
}

.login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 37px rgb(8 21 66 / 5%);
    box-shadow: 0 0 37px rgb(8 21 66 / 5%);
    margin: 0 auto;
    background-color: #fff;
}

.login-card .login-main .theme-form h4 {
    margin-bottom: 5px !important;
}

.login-card .login-main .theme-form p {
    margin-bottom: 25px !important;
    font-size: 14px !important;
    color: #898989 !important;
}

.login-card .login-main .theme-form .form-group {
    margin-bottom: 10px !important;
    position: relative !important;
}

.login-card .login-main .theme-form label {
    font-size: 15px !important;
    letter-spacing: 0.4px !important;
}

.login-card .login-main .theme-form input {
    background-color: #f3f3ff !important;
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    border-color: #efefef !important;
    font-size: 14px !important;
    color: #898989 !important;
    border-radius: 0.45rem !important;
}

.login-card h4 {
    font-size: 25px !important;
    font-weight: bold !important;
}

.show-hide {
    position: absolute !important;
    top: 52px !important;
    right: 20px !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.show-hide span {
    cursor: pointer !important;
    font-size: 13px !important;
    color: var(--theme-deafult) !important;
}

.show-hide span.show:before {
    content: 'show' !important;
}

.checkbox input[type='checkbox'] {
    opacity: 0 !important;
}

[type='checkbox'],
[type='radio'] {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

.theme-form .checkbox label {
    padding-left: 10px !important;
}

.checkbox label {
    display: inline-block !important;
    position: relative !important;
    padding-left: 16px !important;
    cursor: pointer !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.text-muted {
    color: #6c757d !important;
}

.login-card .login-main .theme-form .or {
    position: relative !important;
}

.login-card .login-main .theme-form .or:before {
    content: '';
    position: absolute;
    width: 65%;
    height: 2px;
    background-color: #f3f3ff;
    top: 9px;
    z-index: 0;
    right: 0;
}

.login-card .login-main .theme-form .link {
    position: absolute !important;
    top: 10px !important;
    right: 0 !important;
}

.lang-select {
    border-radius: 5px;
}

.btn-light-primary {
    background-color: #eedabb;
}

.font-black {
    color: black;
}

.black-font-color {
    color: black !important;
}

.white-font {
    color: #fff !important;
}

.primary-font-color,
.text-info {
    color: #007479 !important;
}

.login-bg-img {
    background: url(../images/login_bg.jpg);
    background-position: center;
}


/************************ form controls ************************************/

.form-control {
    border-radius: 8px;
}

.form-control:focus {
    border: 1px solid #007479;
}

.text-aqua,
.text-info {
    color: #007479 !important;
}


/*-------------------------------- style of pos sales --------------------------- */

div.pos-header {
    padding: 5px 5px 5px 15px !important;
    background-color: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    margin-bottom: 20px;
    color: #007479 !important;
}

.icon {
    background: #fff !important;
    border: none !important;
    color: #007479 !important;
}

.btn[class*='bg-']:hover {
    box-shadow: none !important;
}

.rtl .add-expense {
    text-align: right !important;
    padding: 2px 5px !important;
}

.ltr .add-expense {
    text-align: left !important;
    padding: 2px 0px 0px 10px !important;
}

.calculator-style,
.keyboard-icon {
    font-size: 23px;
    padding-top: 4px;
    color: #007479;
}

.font-16 {
    font-size: 16px;
}

.pr-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

div.product_list>div.product_box {
    width: 100% !important;
    border-radius: 8px !important;
    padding: 10px;
}

.image-container {
    border-radius: 28px !important;
    width: 55px !important;
    margin: 0px !important;
}

.ltr .product_box .text_div {
    text-align: right !important;
}

.rtl .product_box .text_div {
    text-align: left !important;
}

.product_box .text_div .text {
    font-weight: 900 !important;
}


/* .ltr .product_list {
    margin-right: 10px !important
}  */

.rtl .product_list {
    margin-left: 10px !important;
}

.ltr .pos_form_totals {
    margin-left: 0px !important;
}

.rtl .pos_form_totals {
    margin-right: 0px !important;
}

.pos-form-actions {
    position: relative !important;
    padding-top: 0px !important;
}

.box {
    margin-bottom: 20px !important;
}

.box, .info-box {
    margin-bottom: 10px!important;
}
 

.logo_business {
    padding: 10px;
    margin: 14px;
    color: white;
    font-weight: bold;
    border-radius: 16px;
    height: 75px;
    margin-top: -10px;
    opacity: .8;
}

.logo_business h4 { 
    color: white; 
}

.logo_business .media-body {
    padding: 5px;
}

.text-primary {
    color: #007479 !important;
}

.flex-box-ui {
    padding: 5px!important;
    margin-bottom: 10px;
}

.login-bg-img {
    height: 100vh;
    overflow: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/img/back.webp')!important;
}
.login-bg-img:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgb(78 78 78 / 30%);
}
.main-header {
    box-shadow: none!important;
}
.navbar {
    background-color: #f8f9fe!important;
} 

body {
    background: rgb(34,193,195);
background: linear-gradient(352deg, rgba(34,193,195,1) 0%, rgba(33,148,149,1) 100%);
}

.content-wrapper {
    background: #f8f9fe!important;
    padding: 10px;
    border-radius: 16px;
}

.wrapper {
    padding: 15px;
}

.main-sidebar { 
    background-color: transparent !important;
    width: 280px !important;
    box-shadow: none!important;
    z-index: 9999;
    position: absolute;
    color: white!important;
}

footer {
    display: none!important;
}

.logo {
    display: block!important;
    padding-bottom: 10px;
    height: 80px!important;
}

.logo img {
    margin: auto;
}

header .logo {
    display: none!important;
}

.eq-height-row {
    height: 80vh;
}

.product_list {
    margin: 0px!important;
    padding: 5px!important;
}

.product_box  {
    box-shadow: none!important;
    border: 2px solid lightgray!important;
}

.rtl .product_list {
    margin: 0px!important;
    padding: 5px!important;
}

.pos-header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.lockscreen .wrapper {
    padding-top: 50px!important; 
}

.rtl .notifications-menu .dropdown-menu {
    left: 270px!important;
    top: 55px!important;
}


/*************************** pos styles **************************************/

.lockscreen .custom-content {
    background-color: transparent!important;
    overflow-x: hidden;
}

.lockscreen {  
}

.pos-form-actions {
    background-color: transparent;
}

.product_box:hover {
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
}

.pos_quantity_container input {
    border-radius: 5em!important;
    text-align: center!important;
}

.pos_quantity_container .btn {
    border-radius: 5em!important;
    background-color: #f1f1f1!important;
}

.pos_quantity_container .btn i {
    color: black!important;
}

.btn-default .i {
    color: white!important;
}

.sb-shadow {
    box-shadow: 0 1px 1px rgb(0 0 0 / 12%);
}

.pos_product_div {
    padding: 0px!important;
}

.pos_form_div_container {
    padding: 3px!important;
}

.btn-default {
    border: 2px solid darkgray;
    color: black!important;
    margin-left: 2px!important;
}

.pos_product_div table td {
    font-size: 15px!important;
    color: black!important;
}

.pos_remove_row {
    padding: 12px!important;
    border-radius: 7px!important;
    background-color: gray;
    color: black!important;
    margin-top: -10px;
}

.pos_quantity_container,
.pos-tr-total {}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #d8d8d8;
}

.btn {
    border-radius: 7px!important;
}

hr {
    background-color: black;
}

.pos_form_totals  {
    box-shadow: none!important;
    border: 1px solid lightgray;
}

.pos-form-actions .box {
    box-shadow: none!important;
    border: 1px solid lightgray;
}


/************* notifications styles **************/

.notif-icon {
    box-shadow: 0 1px 1px rgb(0 0 0 / 12%);
    border: 1px dashed darkgreen;
}

.notification-li {
    border-bottom: 2px dashed gray;
    background-color: white!important;
}

.notification-li:last-of-type {
    border-bottom: none!important;
}