/* Menu Styles for logged in users */
.topMenu .page-container .page-content, .topMenu .page-container .page-sidebar-wrapper{margin-top: 9px;}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header {
    background-color: rgba(255, 255, 255, 1) !important;
    animation-name: tim-transition;
    animation-duration: 800ms;
    border-bottom: 1px solid #eee !important;
}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header{background: #fff !important; border-bottom: 1px solid #eee !important;}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header{height: 65px;}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .search-form input, .topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .search-form input .top-menu ul.nav.navbar-nav li.dropdown a.dropdown-toggle, .topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu, .topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended {height: 65px; line-height: 65px;}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header a {line-height: 40px;}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .guest-menu-link a {font-weight: bold; color: #000; line-height: 40px;}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .guest-menu-link a:hover {color: #3e88c8;}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended a.dropdown-toggle .numberCircle{margin-top: 4px;background: rgb(51,153,153);}
.topMenu .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended a.dropdown-toggle .numberCircle:hover{background: #3e88c8;}
.topMenu .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {top: 20px;background: rgb(51,153,153);}
.topMenu .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge:hover {top: 20px;background: #3e88c8;}
.topMenu .page-header.navbar .page-logo {
    padding-left: 12px !important;
    padding-top: 6px;
}
.job-details-ui-count a{
    color:rgb(51,153,153);
}
.job-details-ui-count a:hover{
    color:rgb(0,102,102);
}
.dashboard-cx-content .paging_bootstrap_number .active a{
    background-color:rgb(51,153,153);   
    border-color: rgb(51,153,153);   
}

.dashboard-cx-content .paging_bootstrap_number .next a i, .dashboard-cx-content .paging_bootstrap_number .prev a i{
    color: rgb(51,153,153); 
}
.page-header-fixed .page-container .page-content, .page-header-fixed .page-container .page-sidebar-wrapper{margin-top: 9px;}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header {
    background-color: rgba(255, 255, 255, 1) !important;
    animation-name: tim-transition;
    animation-duration: 800ms;
    border-bottom: 1px solid #eee !important;
}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header{background: #fff !important; border-bottom: 1px solid #eee !important;}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header{height: 65px;}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .search-form input, .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .search-form input .top-menu ul.nav.navbar-nav li.dropdown a.dropdown-toggle, .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu, .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended {height: 65px; line-height: 65px;}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header a {line-height: 40px;}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .guest-menu-link a {font-weight: bold; color: #000; line-height: 40px;}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .guest-menu-link a:hover {color: rgb(51,153,153);}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended a.dropdown-toggle .numberCircle{margin-top: 4px;background: rgb(51,153,153);}
.page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended a.dropdown-toggle .numberCircle:hover{background: rgb(0,102,102)}
.page-header-fixed .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {top: 20px;background: rgb(51,153,153);}
.page-header-fixed .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge:hover {top: 20px;background: rgb(0,102,102);}
.dashboard-header .dropdown-tasks .accordion a{
    color:rgb(51,153,153);
}
.dashboard-header .dropdown-tasks .accordion a:hover{
    color:rgb(0,102,102);
}
@media only screen and (max-width:992px){
    .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .guest-menu-link a{padding: 10px 8px}
}
@media only screen and (max-width:767px){
.guest-menu-bottom >div ul:last-child{display: none}
.page-header .navbar-nav.guest-menu-link{    padding-top: 18px;}
.page-header .dashboard a, .page-header .search_jobs a, .page-header .my_candidates a{background-position: center top}
}
@media (max-width: 480px) {
    .page-header-fixed .page-container .page-content, .page-header-fixed .page-container .page-sidebar-wrapper{margin-top: 0;}
    .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header{height: 41px;}
    .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header a {line-height: 24px;}
    .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .search-form input, .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .search-form input .top-menu ul.nav.navbar-nav li.dropdown a.dropdown-toggle, .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu, .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended {height: 46px; line-height: 24px;}
    .page-header-fixed .page-header.navbar.navbar-fixed-top.dashboard-header .top-menu ul.nav.navbar-nav li.dropdown.dropdown-extended a.dropdown-toggle .numberCircle{margin-top: -5px;}
    .page-header-fixed .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {top: 10px; right: 20px;}
}

.rec-badges {
    float:right;
}
.the-badges {
    z-index: 1;
}
.popover{
    min-width: 150px; /* Max Width of the popover (depending on the container!) */
}

.profile-percentage{
            width: 53px;height: 53px;border-radius: 50%;text-align: center;vertical-align: middle;line-height: 56px;color: white;font-weight: bold;
            padding-left: 4px;
            transform: translateY(12px);
            -webkit-transform: translateY(12px);
            -moz-transform: translateY(12px);
            -ms-transform: translateY(12px);
            -o-transform: translateY(12px);
        }
        .search-listing-new .profile-percentage{
            transform: translateY(0px);
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
        }
        .profile-percentage-red{
            background-color: red;
        }
        .profile-percentage-orange{
            background-color: orange;
        }
        .profile-percentage-green{
            background-color: green;
        }

@media only screen and (max-width:500px) {
    .rec-badges{
        float:none !important;
        clear: both;
        padding-left:0;
    }
    profile-det{
        width:100% !important;
    }
    .profile-percentage{
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

}

@media (min-width: 992px) {
    .rec-badges ul li{
        /*display: block;*/
    }
}

.page-header.navbar .menu-toggler.responsive-toggler {
    margin-top: 18px;
}
/*--20-1-2020--*/
.dashboard-content form .dashboard-title h3{text-transform: uppercase !important; padding: 0 15px}
/* 04-03-2020 */
.divlocstate .btn-group, .divlocstate .btn{width: 100%; text-align: left}
.divindus .btn-group{width: 100%}
.divindus .btn-group .multiselect{width: 100%;    overflow: auto; display: block;    white-space: normal;}
.intrested input, .intrested label{display:inline-block;   vertical-align: middle;}
#myprofile_15_2 #frm_signup .input-placeholder-subtext.mobileView,
#aboutme #frm_signup .input-placeholder-subtext.mobileView{font-size:10px}
#frm_specialty .divlocstate .divlabelstate{width: 100%}

//REsponsive
@media only screen and (max-width:800px){
.profile-details-bottom{width:100%}
}
@media only screen and (max-width:767px){
    .search-badges .medium, .search-badges .small{float:left !important}
    #commentForm_reg1 .portlet .form-body{    padding: 20px 0;}
/*    .section-title.page-title.main-page-title {   margin-bottom: 20px !important;}*/
}
@media only screen and (max-width:500px) {
    .portlet, .portlet.light{width:100%; float:left}
    .manage-candidates-page .dashboard-title{margin-top:0px}
    .the-badges{
        /*padding-right:40px;
        padding-left: 0px;
        padding-top:70px;
        position: absolute;*/
        padding-right:23px;
        float:right !important;
    }
    .badges-mob{
        width: 100%;
        position: static;
        float: left !important;
        margin-top: 65px;
        padding: 0;
    }
    .badges-mob .small{float: left !Important}
    .page-container-bg-solid .tabbable-line > .tab-content{width: 100%; float: left}
    .dashboard-title{
        width: 100%;
        float: right;
        margin-left: -100%;
        input#youtube::placeholder
        {
            font-size: 12px !important;
        }
    }
    .dashboard-content form .dashboard-title{margin-left: 0}
    .accordion .dashboard-title{
        margin-left: 0%;
    }
    .dashboard-title h3{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 10px;
    }
    .dashboard-title h3:after{
        bottom:0 !important
    }
    .dashboard-cx-content>h3.main-page-title, .dashboard-title>h3.main-page-title{
        /*margin-bottom:110px !important;*/
    }
    .rec-badges{
        /*float:none !important;*/
    }

    .the-badges .small{
        display: block !important;
        padding-top: 14px;
    }
    .the-badges .medium, .the-badges .big{
        display: none !important;
    }

    .account-manager-menu .help-txt {
        display: none;
    }

    .page-header.navbar .top-menu .navbar-nav>li.account-manager-menu .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav>li.account-manager-menu .dropdown-menu:before {
        margin-right: 30px !important;
    }
}

.page-header.navbar .top-menu .navbar-nav>li.account-manager-menu .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav>li.account-manager-menu .dropdown-menu:before {
    border-bottom-color: rgb(51,153,153) !important;
    margin-right: 70px;
}
.account-manager-menu-item {
    font-family: "Roboto", "Open Sans", sans-serif;
}
.account-manager-menu-item .numberCircle {
    margin-top:17px;
    width:50px;
    height:50px;
    padding:0px;
}
.account-manager-menu-item .numberCircle .lni-user {
    font-size:35px !important;
}
.account-manager-menu-item  .top-section{
    background-color: rgb(51,153,153);
    color: #fff;
    padding-bottom: 15px;
}

.account-manager-menu-item  .top-section .col-sm-8{
    padding-left: 0px;
}

.account-manager-menu-item  .admin-name{
    font-size: 12px;
    line-height:13px;

}
.account-manager-menu-item  .hey{
    font-size: 16px;
    font-weight: bold;
    line-height:20px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.account-manager-menu-item .help{
    font-weight: bold;
    padding-top: 15px;
}
.account-manager-menu-item .panel{
    width:250px;
}
.account-manager-menu-item .email, .account-manager-menu-item .phone{
    padding-top: 3px;
}
.line-height-20 {
     line-height: 20px;
 }
.line-height-40 {
    line-height: 40px;
}

.account-manager-menu-item .lni-envelope, .account-manager-menu-item .lni-phone-handset {
    font-size: 14px !important;
}

.no-admin {padding-top: 30px !important;}

.account-manager-menu .numberCircle {
    padding-top:4px;
}
@media only screen and (max-width:992px){
    .navbar-nav{
        > li{
            > a{
               padding: 10px 8px  
            }
            }
    }
    .guest-menu-link{
        >li{
            padding-top: 0px !important; 
            
        }
    }
    .help-txt{
        display:none !important
    }
}