.applicant-dropdown{ float: right; margin-top: 0;}
.applicant-dropdown .caret{
    border-top: 4px dashed var(--clr-black-1);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: -5px;
    
}

.dropdown-menu-applicant{ /*left: -250px !important;*/ left: -150px !important; min-width:210px; width:100%; right: 0; padding: 5px 0; margin: 2px 0 0; /*box-shadow: 0px 4px 8px rgba(154, 170, 207, 80%);*/}
.dropdown-menu-applicant li a{ color: var(--clr-black-1); padding: 8px 15px; white-space: normal;}
.dropdown-menu-applicant li a:hover { color: var(--clr-primary); }

.pic-user{ margin-top: 4px;  padding: 0; padding-right: 10px; border-radius: 0;}
.pic-user img {
    width: 35px;
    /*height: 35px;*/
    border-radius: 50%;
    /*border: 1px solid #dbdfec;*/
    object-fit: cover;
    box-shadow: 0 0 4px rgba(154, 170, 207, 80%)
}
.pic-user-inner img {
    border-radius: 50%;
    /*border: 1px solid #dbdfec;*/
    width: 75px;
    height: 75px;
    object-fit: cover;
    box-shadow: 0 0 4px rgba(154, 170, 207, 80%)
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{ background-color: transparent;
    border-color: none; box-shadow: none;}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{ background-color: transparent;}
.pic-user, .dropdown-flag-1{float: left;}

/*.dropdown-flag-1{ font-size: 1.2rem; font-size: 12px; margin-top: 12px; padding-left: 10px;}
.dropdown-flag-1 a{ text-decoration: none; color: #555;}
.dropdown-flag-1 ul{ min-width: 100%; right: -100%;}
.dropdown-flag-in li{ text-align: center; font-size: 1.2rem; font-size: 12px;}
.dropdown-flag-in li a{ padding: 3px 5px;}*/



ul.sub-text-pic{ margin: 0; padding: 0; list-style: none;}
ul.sub-text-pic li{ color: #555;}
ul.sub-text-pic li.text-pic-img a{ background: #f47920; color: #ffffff; border-radius: 4px; padding: 0 5px; text-decoration: none; transition: all 0.3s ease-in; 
	-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;}
ul.sub-text-pic li.text-pic-img a:hover{ background: #D40101;}
/**/
ul.listMenuBlock {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--bg-gray);
    display: block;
}

.badge-new-user {
    position: absolute;
    top: -5px;
    z-index: 15;
    right: 15px;
    font-size: 1.4rem;
    background: #ff1111;
    border-radius: 50%;
    min-width: 20px;
    padding: 0 4px;
    color: #fff;
    text-align: center;
}

ul.listMenuBlock.dropdown-menu{position: relative; border: none; padding-left: 2rem;}
ul.listMenuBlock > li > a {
    /* font-size: 2.2rem;*/
    font-size: 2rem;
}
.dropdownMenuNone {
    display: none !important;
}

.member-icon{
    display: block;
    width: 20px;
    height: 20px;
    background-size: cover;
}

    .icon-user{background-image: url(../images/icon-user-mobile.svg);}
    #membership li:hover a .icon-user, #membership li.active .icon-user,#membership li.active a .icon-user
    {filter:invert(19%) sepia(99%) saturate(5464%) hue-rotate(4deg) brightness(99%) contrast(113%);}

    .icon-manage-rsm{background-image: url(../images/icon-manage-rsm-mobile.svg);}
    #membership li:hover a .icon-manage-rsm, #membership li.active .icon-manage-rsm,#membership li.active a .icon-manage-rsm
    {filter:invert(19%) sepia(99%) saturate(5464%) hue-rotate(4deg) brightness(99%) contrast(113%);}

    .icon-manage-data{background-image: url(../images/icon-manage-data-mobile.svg);}
    #membership li:hover a .icon-manage-data, #membership li.active .icon-manage-data,#membership li.active a .icon-manage-data
    {filter:invert(19%) sepia(99%) saturate(5464%) hue-rotate(4deg) brightness(99%) contrast(113%);}   
    
    .icon-setting{background-image: url(../images/icon-setting-mobile.svg);}
    #membership li:hover a .icon-setting, #membership li.active .icon-setting,#membership li.active a .icon-setting
    {filter:invert(19%) sepia(99%) saturate(5464%) hue-rotate(4deg) brightness(99%) contrast(113%);}  


    .logout-btn{
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3.2rem;
        width: 100%;
        min-height: 4rem;
        padding: 0.2rem 2rem;
        color: var(--clr-gray-5);
        background: var(--clr-white);
        border: 1px solid var(--clr-gray-5);
        font-size: 2.2rem;
    }
 
    .logout-btn:hover{
        color: var(--clr-gray-5);
    }    


@media (max-width:1300px){
    .dropdown-menu-applicant{ left: -135px !important;}

}

@media (max-width:1199px){
    .dropdown-menu-applicant{ left: -120px !important;}

}



@media (max-width:992px){
    .dropdown-menu-applicant{ left: -80px !important;}

}

@media (max-width:991px){
    .pic-user-inner img {
        width: 60px;
        height: 60px;
    }

    .mem-name-email span:first-child{font-size: 2.4rem;}
    .mem-name-email span:last-child{font-size: 2rem;}

    #membership.applicant-slide .navbar-collapse {
        position: fixed;
        /*top: 54px;*/
        top:0;
        right: 0;
        left: unset !important;
        padding:0;
        height: 100%;
        width: 100%;/**/
        background: #fff;
        z-index: 20;
        padding-inline:30px;
        padding-bottom: 30px;
        

    }

    #membership.applicant-slide .navbar-collapse.collapsing {
        height: 100%;
        right: -75%;/**/
        left: unset !important;
        transition: height 0s ease;
        /*transition: right 400ms ease-in-out;*/
    }

    #membership.applicant-slide .navbar-collapse.show {
        height: 100%;
        right: 0;
        left: unset !important;
        transition: right 400ms ease-in-out;
        z-index: 20;
        background: #fff;
        width: 100%;
    }

    #membership.applicant-slide  .navbar-toggler.collapsed ~ #membership.applicant-slide  .navbar-collapse {
        transition: right 400ms ease-in;
    }

    #membership.applicant-slide  .navbar-collapse ul{
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    /*#membership.applicant-slide  .navbar-collapse ul li:last-child{

        margin-top: -1.6rem;
    }*/

    #membership.applicant-slide  .navbar-collapse ul li .dropdown-item , #membership.applicant-slide  .navbar-collapse ul li .btn-Manage-Data, 
    #membership.applicant-slide  .navbar-collapse ul.listMenuBlock a{
        padding: 0;
        color: #333333;
    }
    #membership.applicant-slide  .navbar-collapse ul li .dropdown-item , #membership.applicant-slide  .navbar-collapse ul li .btn-Manage-Data{
        font-size: 2.4rem;
    }    
    #membership.applicant-slide  .navbar-collapse ul.listMenuBlock a{
        font-size: 2.2rem;
    }

    #membership.applicant-slide  .navbar-collapse ul.listMenuBlock li:hover a{
        color: var(--clr-primary);
    }
    #membership.applicant-slide  .navbar-collapse ul li:hover .dropdown-item , #membership.applicant-slide  .navbar-collapse ul li:hover .btn-Manage-Data,
    #membership.applicant-slide  .navbar-collapse ul li.active .dropdown-item , #membership.applicant-slide  .navbar-collapse ul li.active .btn-Manage-Data,
    #membership.applicant-slide  .navbar-collapse ul li:hover .dropdown-item:hover, #membership.applicant-slide  .navbar-collapse ul li:hover .dropdown-item:active
    {
        color: var(--clr-primary);
        text-decoration: none;
        background-color:  transparent;
    }

    #membership.applicant-slide  .navbar-collapse ul.listMenuBlock {
        gap: 1.6rem;
        margin-top: 1rem;
        padding-left: 2rem;
    }

    #membership.applicant-slide .dropdown-toggle::after{
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
    }

    #membership.applicant-slide .submenu-nav .nav-menu{margin-inline: 0;}

    .icon-manage-data{background-image: url(../images/icon-manage-data-mobile.svg);}
    #membership li:hover a .icon-manage-data, #membership li.active .icon-manage-data,#membership li.active a .icon-manage-data
    {filter:invert(19%) sepia(99%) saturate(5464%) hue-rotate(4deg) brightness(99%) contrast(113%);}   

    #membership.applicant-slide .submenu-nav .icon-manage-data{filter:invert(19%) sepia(99%) saturate(5464%) hue-rotate(4deg) brightness(99%) contrast(113%);}
    #membership.applicant-slide .submenu-nav.navbar-collapse ul {gap: 0; border-bottom: 1px solid var(--clr-gray-4);margin-bottom: 3rem;padding-left: 0; padding-bottom: 1.8rem;}
    #membership.applicant-slide .submenu-nav.navbar-collapse ul li a{padding: 1.2rem 0;color: var(--clr-black-1);}
    #membership.applicant-slide .submenu-nav.navbar-collapse ul li:first-child a{padding-top: 0;}
    #membership.applicant-slide .submenu-nav.navbar-collapse .back-slide { padding-left: 0;}
}

@media (max-width:767px){
	.pic-user{ border-right: 0; margin-top: 8px;}
	.pic-user-inner img{ max-width: 100%;}
}
/*
@media (max-width:576px){
	ul.dropdown-menu-applicant li{ font-size: 1.2rem; font-size: 12px;}
}*/

@media (max-width:380px){
	.pic-user{ margin-top: 3px;}
	.dropdown-menu-applicant{ left: -200px;}
}