*,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
    margin: 0;
    padding: 0
}

a,
p {
    color: #212121
}

*,
.no-padding,
li,
ul {
    padding: 0
}

.jobsTraining h2 i,
img {
    vertical-align: middle
}

.govtJobs h2,
.govtJobs span,
.hotJobs h2,
.sidebar-common h2,
.tab h2 {
    white-space: nowrap
}

body,
html {
    background-color: #eee;
    position: relative;
    font-family: 'Inter', Noto Sans Bengali UI, ui-icon, sans-serif
}

p {
    font-size: 15px
}

.navbar-user .btn-login,
.navbar-user>.btn-new {
    font-size: 12px
}

img {
    max-width: none;
    -ms-interpolation-mode: bicubic;
    width: auto;
    height: auto
}

.btn,
.btn:hover,
a,
a:focus,
a:hover {
    text-decoration: none;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

.no-padding-right {
    padding-right: 0
}

.no-padding-left {
    padding-left: 0
}

.header {
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    position: relative;
    z-index: 5
}

.logo {
    float: left
}

.logo img {
    padding-top: 10px
}

.navbar-menu {
    float: right
}

.navbar-user {
    float: right;
    font-size: 12px;
    padding: 14px 0
}

.navbar-user .btn-login {
    margin: 0 10px 0 15px;
    border: 1px solid #29612b;
    padding: 6px 12px;
    text-transform: none
}

.navbar-user>.btn-new {
    text-transform: uppercase
}

.navbar-user>.btn-new:hover {
    color: #2a5992
}

.btn-hamburger {
    padding: 8px 10px 5px;
    border: 1px solid #bdbdbd
}

.btn-hamburger .icon-bar {
    width: 16px;
    background-color: #757575;
    height: 2px;
    display: block;
    margin-bottom: 3px
}

.navbar-logedin {
    float: right;
    margin: 0 0 0 14px;
    display: none;
    padding: 13px 0
}

.notification-desktop,
.notification-desktop ul li,
.notification-mobile,
.notification-mobile li.notification-icon {
    float: left;
    list-style: none
}

.notification-icon .badge.nf {
    right: 10px;
    border-radius: 5px;
    position: absolute;
    color: #2a5992;
    background-color: transparent
}

.navbar-logedin .dropdown {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px
}

.navbar-nav .notification-icon .dropdown-menu,
.notification-icon,
.user-details {
    padding-top: 0
}

.user-details .dropdown-menu {
    right: -1px;
    left: auto
}

.user-details i {
    font-size: 14px;
    margin: 0 10px 0 0
}

.user-details i.icon-angle-down {
    margin: 0;
    font-size: 12px
}

.navbar-default .navbar-nav .message-icon .dropdown-toggle,
.navbar-default .navbar-nav .notification-icon .dropdown-toggle {
    color: #424242;
    padding: 20px 15px 23px 18px
}

.navbar-default .navbar-nav .message-icon .dropdown-toggle:hover,
.navbar-default .navbar-nav .notification-icon .dropdown-toggle:hover {
    color: #2a5992;
    background-color: #eee
}

.navbar-logedin .user-details .dropdown-menu {
    padding: 5px 0;
    left: -30px
}

.user-details ul li {
    list-style: none;
    text-transform: none
}

.btn-close,
.counter h2,
.counter p,
.govtJobs h2,
.hotJobs h2,
.less-cat,
.more-cat,
.sliderSidebar h2,
.sliderSidebar h3,
.sliderSidebar h3 .tab h2 {
    text-transform: uppercase
}

.navbar-default .navbar-nav>.user-details a.user-dropdown {
    padding: 15px 6px
}

.activity-summary {
    background-color: #eee;
    padding: 15px 20px
}

.activity-summary h5 {
    font-size: 14px
}

.activity-summary span {
    line-height: 18px;
    font-size: 12px
}

.message-icon i,
.notification-icon i {
    font-size: 16px;
    margin-top: 1px;
    display: inline-block
}

.notification-icon .dropdown-menu {
    min-width: 220px
}

.notification-icon .dropdown-menu i {
    font-size: 14px;
    margin: 0 10px 0 0
}

.navbar-logedin .dropdown-menu {
    left: -132px;
    top: 40px;
    padding: 0 0 5px
}

.notification-mobile {
    margin: 3px 12px 0 0
}

.notification-desktop ul li a {
    display: block;
    padding: 21px 15px 10px
}

.user-details-desktop ul li {
    list-style: none
}

.user-details-desktop ul li a.user-dropdown {
    padding: 15px 5px;
    display: block
}

.offset-menu .wrapper {
    width: 240px;
    right: -290px;
    position: relative;
    height: 100%;
    padding: 0 10px 10px;
    float: right;
    background-color: #fff;
    overflow-x: hidden
}

.offset-menu .transparent {
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    overflow: hidden;
    display: block;
    height: 100%;
    position: absolute
}

.hidden,
.offset-menu {
    display: none
}

.offset-menu {
    height: 100%;
    color: #212121;
    right: 0;
    padding: 0;
    overflow: scroll;
    position: fixed;
    top: 0;
    z-index: 50;
    width: 100%
}

.govtJobs .carousel-inner>.item,
.sidebar-common .carousel-inner>.item {
    overflow-x: hidden
}

.dropdown-menu>li>a {
    font-size: 12px;
    color: #525252
}

.dropdown-menu>li>a:hover {
    color: #2a5992
}

.bubble {
    background-color: #dd2c00;
    font-size: 10px;
    border: 1px solid #fff;
    float: right;
    margin: -10px 0 0 6px;
    position: absolute
}

.bubble.opera {
    padding: 0 4px;
    margin: -10px -20px 0 0;
    right: 3px
}

.btn-close {
    background-color: #fff;
    color: #a6a6a6;
    font-size: 14px;
    text-align: left;
    margin: 5px 0 0 10px;
    display: block;
    padding: 10px 0;
    font-weight: 700;
    border-bottom: 1px solid #ddd
}

.m-times {
    color: #ff3d00;
    font-size: 16px;
    margin-right: 10px
}

.navbar-option {
    float: right;
    display: inline;
    margin-left: -10px
}

.navbar-option .nav {
    display: inline-block
}

.navbar-user {
    display: inline-block;
    padding: 20px 0 20px 0
}

.navbar-option .nav>li>a {
    padding: 21px 15px 21px 15px;
    font-size: 13px;
    font-weight: 700
}

.navbar-user ul li a,
.user-details {
    font-size: 12px
}

.navbar-user ul li a {
    font-size: 12px;
    padding: 20px 15px;
    line-height: 20px;
    font-weight: 400
}

.soca a {
    color: #1976d2
}

.soca .dropdown-menu {
    left: auto;
    right: 0;
    border-top: 2px solid #2a5992;
    background-color: #f5f5f5;
    width: 340px;
    padding: 20px;
    border-radius: 0 0 6px 6px !important;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin-top: 1px
}

.soca .open>a,
.soca .open>a:focus,
.soca .open>a:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.nav.soca>li>a:focus,
.nav.soca>li>a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.b-or {
    color: #000
}

.login-form-n .cart-mbdj {
    background-image: url(../img/front/j-s-cart.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #fff;
    min-height: 144px;
    width: 300px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin-bottom: 20px
}

.login-form-n .cart-emp {
    background-image: url(../img/front/emp-cart.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #fff;
    min-height: 160px;
    width: 300px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.cart-mbdj-l {
    padding: 15px 9px 9px 15px;
    float: left;
    min-height: 144px;
    width: 92px
}

.cart-mbdj-l i.icon:before {
    height: 64px;
    width: 64px;
    background-color: #68aa47;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    padding: 14px 0 0 2px;
    float: left
}

.cart-mbdj-l i.icon {
    display: block;
    font-size: 35px;
    margin: 0;
    color: #fff
}

.cart-mbdj-r {
    padding: 15px 9px 15px 0;
    float: left;
    min-height: 144px;
    width: 208px
}

.cart-emp-l {
    padding: 15px 9px 9px 15px;
    float: left;
    min-height: 144px;
    width: 92px
}

.cart-emp-l i.icon:before {
    height: 64px;
    width: 64px;
    background-color: #0b5f8a;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    padding: 17px 0 0 1px;
    float: left
}

.cart-emp-l i.icon {
    display: block;
    font-size: 30px;
    margin: 0;
    color: #fff
}

.cart-emp-r {
    padding: 15px 9px 0 0;
    float: left;
    min-height: 144px;
    width: 208px
}

.t-txt {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.des-txt {
    font-size: 13px;
    font-weight: 400 !important;
    color: #757575;
    margin-top: 6px
}

.cart-mbdj-r .btn-wraper {
    margin: 10px 0 20px 0 !important;
    position: absolute
}

.cart-mbdj-r .btn-wraper .btn {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    padding: 7px 14px 7px 14px;
    color: #1976d2;
    font-size: 12px
}

.cart-mbdj-r .btn-wraper .btn:active,
.cart-mbdj-r .btn-wraper .btn:focus,
.cart-mbdj-r .btn-wraper .btn:hover {
    background-color: #68aa47;
    color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    padding: 7px 14px 7px 14px
}

.cart-mbdj-r .btn-wraper .ca-btn {
    padding: 20px 0 0 0;
    color: #1976d2;
    font-size: 12px;
    margin-left: 15px;
    font-weight: 400
}

.btn-wraper .ca-btn:active,
.btn-wraper .ca-btn:focus,
.cart-mbdj-r .btn-wraper .ca-btn:hover {
    padding: 20px 0 0 0;
    margin-left: 15px;
    color: #68aa47;
    font-weight: 700
}

.cart-emp-r .btn-wraper {
    margin: 10px 0 20px 0 !important;
    position: absolute
}

.cart-emp-r .btn-wraper .btn {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    padding: 7px 14px 7px 14px;
    color: #1976d2;
    font-size: 12px
}

.cart-emp-r .btn-wraper .btn:active,
.cart-emp-r .btn-wraper .btn:focus,
.cart-emp-r .btn-wraper .btn:hover {
    background-color: #0b5f8a;
    color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    padding: 7px 14px 7px 14px
}

.cart-emp-r .btn-wraper .ca-btn {
    padding: 20px 0 0 0;
    color: #1976d2;
    font-size: 12px;
    margin-left: 15px;
    font-weight: 400
}

.cart-emp-r .btn-wraper .ca-btn:active,
.cart-emp-r .btn-wraper .ca-btn:focus,
.cart-emp-r .btn-wraper .ca-btn:hover {
    padding: 20px 0 0 0;
    margin-left: 15px;
    color: #0b5f8a;
    font-weight: 700
}

.counter p,
.navbar-user ul li,
.search-form .btn,
.tab-btn {}

.login-form .btn-login:focus,
.login-form .btn-login:hover,
.navbar-user>.btn-login:focus,
.navbar-user>.btn-login:hover {
    background-color: #39873d;
    border: 1px solid #39873d;
    color: #fff
}

.navbar-default .navbar-toggle {
    border: 1px solid #e0e0e0;
    padding: 7px 10px;
    margin-top: 5px
}

.user-details img {
    height: 30px;
    width: 30px;
    margin: 0 5px 0 0;
    border-radius: 25px;
    border: 2px solid #424242
}

.navbar-default .navbar-nav>li>a.btn-login {
    color: #fff;
    border: 0;
    margin-left: 25px
}

.navbar-default .navbar-nav>li>a.login,
.navbar-user .btn-login,
.promoArea .btn,
.search-form .btn {
    background-color: #b8dbb8;
    color: #3d3d3d
}

.navbar-default .navbar-nav>li>a.login:focus,
.navbar-default .navbar-nav>li>a.login:hover,
.navbar-user .btn-login:hover,
.promoArea .btn:hover,
.search-form .btn:focus,
.search-form .btn:hover {
    background-color: #39873d;
    color: #fff
}

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-toggle:focus {
    background-color: #fff;
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #2a5992
}

.navbar-default .navbar-default .navbar-toggle {
    border-color: #2a5992
}

.navbar-user ul {
    margin: 0;
    padding: 0
}

.navbar-user ul li {
    list-style: none;
    display: inline-block;
    font-size: 13px
}

.navbar-user ul li.offset-mobile a:hover {
    color: #2a5992
}

.navbar-user ul li.offset-mobile a {
    padding: 0 8px
}

a.for-employers span {
    background-color: #0b5f8a;
    color: #fff;
    border-radius: 25px;
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    margin-right: 9px
}

.navbar-user .btn.for-employers {
    color: #0b5f8a
}

.searchPanelContainer {
    background-color: #fff;
    background-position: center;
    background-size: inherit;
    background-repeat: no-repeat;
    min-height: 280px;
    overflow: hidden
}

.counter-icon,
.search-form,
.sliderSidebar {
    background-color: #2a5992
}

.searchPanelContainer.nababarsho {
    background-position: center;
    background-size: inherit
}

.searchPanelContainer h2 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin: 0 0 20px
}

.search-panel {
    padding: 50px 10px 0 0
}

.search-form {
    padding: 15px;
    border-radius: 4px
}

.search-form .form-control {
    display: inline-block;
    margin-right: 10px;
    border: 0;
    box-shadow: none
}

.counter h2,
.counter p {
    display: block
}

.inner-addon {
    position: relative;
    color: #616161;
    float: left;
    margin: 0 10px 0 0
}

.inner-addon .form-control {
    padding-left: 30px;
    color: #000
}

.inner-addon .form-control:focus {
    border-color: #66afe9;
    outline: auto;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.inner-addon i {
    position: absolute;
    margin: 10px 0 0 10px;
    font-size: 14px
}

.counter {
    color: #2a5992;
    margin: 30px 0 0
}

.apply-online,
.companies,
.live-jobs,
.vacancies {
    float: left;
    overflow: hidden;
    width: 160px
}

.companies {
    width: 177px
}

.counter-icon {
    height: 36px;
    width: 36px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    float: left;
    padding: 9px 0 0
}

.border {
    height: 48px;
    width: 48px;
    border: 2px solid #2a5992;
    padding: 4px 0 0 4px;
    float: left;
    border-radius: 25px;
    margin: 0 12px 0 0
}

.counter h2 {
    font-size: 14px;
    padding: 4px 0 0;
    font-weight: 500;
    color: #2a5992;
    margin-bottom: 0
}

.counter p {
    font-size: 20px;
    font-weight: 700;
    color: #2a5992
}

.category-list.industrial,
.hidden-opera,
.less-cat,
.more-cat {
    display: none
}

.counter-icon i {
    font-size: 18px
}

.keyword-search {
    width: 55%
}

.categoryCombo {
    width: 30%
}

.inner-addon.categoryCombo select {
    padding: 0;
    line-height: 30px;
    color: #595959
}

.categoryCombo select.form-control {
    color: #595959
}

.categoryCombo select.active {
    color: #212121
}

.sliderSidebar {
    padding: 15px;
    color: #fff;
    height: 315px;
    overflow-y: auto
}

.sliderSidebar h2 {
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 600;
    color: #fff
}

.sliderSidebar h3 {
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 600;
    color: #fff
}

.division .btn {
    background-color: transparent;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    padding: 4px 6px;
    margin: 0 5px 5px 0;
    opacity: .8
}

.division .btn:hover {
    background-color: #fff;
    color: #2a5992;
    border: 1px solid #fff;
    opacity: 1
}

.all-division {
    margin: 15px 0 0
}

.quick-links {
    margin-top: 15px
}

.ql-list {
    float: left;
    margin: 0 5px 0 0
}

.ql-list:last-child {
    margin-right: 0
}

.quick-links ul li {
    list-style: none;
    width: 50%;
    float: left
}

.quick-links ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    opacity: .8
}

.quick-links ul li a:hover {
    color: #fff;
    opacity: 1
}

.quick-links ul li a i {
    font-size: 8px
}

.search-form .btn {
    padding: 7px 26px;
    border: 0
}

.jobCategory {
    padding: 20px 0 5px 0;
    background-color: #eee
}

.tab-header {
    padding: 10px 10px 15px 25px;
    overflow: hidden
}

.jobCategory .tab {
    background-color: #fff;
    color: #212121;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35)
}

.tab-btn {
    float: right
}

.tab h2 {
    font-size: 16px;
    color: #2a5992;
    margin-top: 8px;
    float: left;
    font-weight: 700
}

.tab-btn .btn-group .btn {
    background-color: #f5f5f5;
    color: #616161;
    box-shadow: none;
    font-size: 12px
}

.tab-btn .btn-group .active,
.tab-btn .btn-group .active:hover,
.tab-btn .btn-group .btn:focus {
    background-color: #757575;
    color: #fff;
    border: 1px solid #757575
}

.category-list {
    overflow: hidden;
    padding: 0 20px 15px
}

.category-list .col-md-4 {
    padding: 0
}

.category-list ul li {
    font-size: 14px;
    color: #525252;
    list-style: none;
    margin-bottom: 16px
}

.category-list ul li a i {
    font-size: 10px;
    margin-left: 3px
}

.category-list ul li a {
    color: #525252;
    text-decoration: none;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.category-list ul li a:hover {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    color: #2a5992
}

.less-cat,
.more-cat {
    width: 100%;
    background-color: #eee;
    color: #2a5992;
    border: 0
}

.more-cat:focus,
.more-cat:hover {
    background-color: #2a5992;
    color: #fff
}

.category-view i {
    font-size: 12px
}

.ui-opera {
    background-image: url(/images/angle-right.png);
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0 8px 0 4px;
    margin: 0 0 0 5px
}

.category-list ul li a:hover,
.category-list ul li a:hover span {
    color: #2a5992
}

.category-list ul li a span {
    color: #525252
}

.govtJobs {
    background-color: #fffde7;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
    overflow: hidden
}

.govtJobs h4 {
    font-size: 16px;
    color: #2a5992;
    margin-bottom: 8px;
    font-weight: 700
}

.govtJobs a {
    border-bottom: 1px solid #e5e4d1;
    padding: 15px 0
}

.govtJobs a .govtJobs-en {
    font-size: 15px;
    text-decoration: none;
    color: #bf360c
}

.govtJobs a .govtJobs-bn {
    font-size: 18px;
    text-decoration: none;
    color: #bf360c
}

.sidebar-common .carousel-inner {
    max-height: 285px
}

.govtJobs a .des-en,
.govtJobs a .des-bn {
    font-size: 12px
}

.govtJobs a:hover div {
    color: #2a5992
}

.govtJobs a.no-border {
    border: 0
}

.govtJobs a div {
    color: #757575
}

.govtJobs a,
.govtJobs a div,
.govtJobs a.govtJobs-en div {
    font-size: 14px
}

.govtJobs a.govtJobs-en div {
    font-weight: 700;
    font-size: 12px
}

.govtJobs a.btn-view-more {
    color: #29612b;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    width: 100%;
    bottom: 5px;
    position: absolute;
    left: 0
}

.all-jobs {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 4px
}

.hj-row,
.hj-row.last {
    border-top: 1px solid #ddd
}

.hotJobs h2 {
    font-size: 16px;
    font-weight: 700;
    color: #2a5992;
    margin: 5px 0 15px
}

.hotJobs i.icon-hot-jobs,
span.red {
    color: #dd2c00
}

.hotJobs {
    padding: 20px;
    background-color: #fff
}

.hj-row {
    margin: 0
}

.hj-row.b-rad {
    border-radius: 4px 4px 0 0
}

.hj-row.last {
    border-radius: 0 0 4px 4px
}

.c-card {
    padding: 0 15px 20px
}

.c-card.br {
    border-right: 1px solid #ddd
}

.zoom {
    z-index: 10;
    height: auto;
    position: absolute;
    background-color: #000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .35);
    width: 100%
}

.companyLogo,
.hotJobsCompany {
    background-color: #fff;
    overflow: hidden
}

.padding-top {
    padding-top: 0
}

.pr {
    padding-right: 0
}

.pl {
    padding-left: 0
}

.companyLogo img {
    height: 48px;
    width: 48px
}

.companyLogo {
    padding: 3px 3px 5px 4px;
    height: 54px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    border-radius: 4px;
    transition: top .2s ease-in-out, box-shadow .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out, box-shadow .2s ease-in-out
}

.c-card:hover .companyLogo {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    transition: top .2s ease-in-out, box-shadow .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out, box-shadow .2s ease-in-out
}

.companyDetails {
    padding: 0 5px 0 10px;
    position: relative
}

.allJobs {
    display: none;
    padding: 0 8px 15px 0
}

.allJobs.active,
.allJobsMobile {}

.hotJobsCompany {
    padding: 15px 0 10px;
    display: block
}

.more-jobs-btn {
    color: #525252;
    position: absolute;
    bottom: 5px;
    text-align: center;
    right: 6px;
    border: 0;
    background-color: transparent
}

.c-row.grey .companyDetails {
    background-color: #f5f5f5
}

.companyDetails h3 {
    margin: 0 0 5px;
    color: #2a5992;
    font-weight: 400;
    font-size: 13px
}

.companyDetails ul li {
    list-style: none;
    margin-left: 10px
}

.companyDetails ul li a:before {
    content: "\aa903";
    font-family: ui-icon;
    font-size: 10px;
    margin-left: -11px;
    display: inline-block
}

.hotJobsCompany.allHotJobs .icon-sort-down,
.hotJobsCompany.allHotJobs .icon-sort-up {
    font-size: 10px !important
}

.companyDetails ul li a {
    color: #525252;
    font-size: 12px !important;
    text-transform: none
}

.c-j-more,
.companyDetails ul li a:hover {
    color: #2a5992
}

.companyDetails ul li a i {
    font-size: 10px
}

.c-j-more {
    float: right;
    cursor: pointer
}

.more-jobs {
    display: none
}

.companyDetails .active {
    display: block
}

.functional,
.govtJobs h2 i.opera,
.hotJobs h2 i.opera,
.industrial,
.more-cat i.opera,
.notification-icon .dropdown-menu i.opera,
.quick-links ul li a i.opera,
.search-panel i.opera,
.tab-header i.opera,
.user-details .dropdown-menu i.opera {
    display: none
}

.c-row {
    border-bottom: 1px solid #ddd
}

.hj-row.grey,
.hj-row.grey .hotJobsCompany {
    background-color: #f5f5f5
}

.promoArea {
    background-color: #2a5992;
    color: #fff
}

.promoArea .carousel-indicators {
    top: auto;
    left: 50%
}

.promoArea .item {
    background-size: cover;
    background-position: 0 100%;
    background-repeat: no-repeat;
    padding: 60px 10px
}

.promoArea .people {
    background-image: url(/images/peoples.jpg)
}

.promoArea .android-app {
    background-image: url(/images/android-app-bg.jpg)
}

.promoArea .training {
    background-image: url(/images/training-bg.jpg)
}

.promoArea .myjobs {
    background-image: url(/images/jobs-bg.jpg)
}

.promoArea .carousel-control {
    background-image: none;
    width: auto;
    text-shadow: none;
    top: 46%;
    margin: 0 40px
}

.promoArea .carousel-indicators li {
    border: 1px solid #fff;
    background-color: #2a5992
}

.promoArea .carousel-indicators li.active {
    border: 1px solid #2a5992;
    background-color: #fff
}

.promoArea h2 {
    font-size: 24px;
    font-weight: 600
}

.company-promo {
    margin: 6px 0 0
}

.single-promo img {
    width: 100%;
    height: 100%
}

.promoArea p {
    opacity: .8;
    font-size: 14px;
    margin: 15px 0 20px;
    color: #fff;
    font-weight: 300
}

.promoArea .btn {
    border: 0;
    font-size: 14px;
    padding: 10px 25px 12px
}

.promoArea .btn.btn-login {
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 0 0 10px
}

.promoArea .btn.btn-login:hover {
    background-color: #29612b;
    color: #fff;
    border: 1px solid #29612b
}

.double-promo,
.single-promo {
    border: 1px solid #ddd;
    margin-bottom: 12px;
    overflow: hidden
}

.single-promo {
    height: 80px
}

.double-promo {
    height: 160px
}

.jobsTraining {
    padding: 40px 0;
    background-color: #eee
}

.certificate-courses,
.workshop-training {
    background-color: #fff;
    background-image: url(/images/workshop-training-bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding: 25px 30px;
    color: #212121;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
    overflow-y: auto
}

.certificate-courses a,
.workshop-training a {
    display: flex;
    margin-bottom: 15px
}

.certificate-courses a.btn-view-more,
.workshop-training a.btn-view-more {
    color: #29612b;
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    position: absolute;
    bottom: 20px;
    right: 40px;
    margin-bottom: 0;
    display: block
}

.certificate-courses {
    background-image: url(/images/certificate-courses.jpg)
}

.jobsTraining .icon {
    margin-right: 10px
}

.jobsTraining .icon i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    font-size: 24px;
    color: #ffffff
}

.jobsTraining .it-bg i {
    background-color: #397f3b
}

.jobsTraining h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #2a5992;
    margin: 5px 0 25px;
    font-weight: 700
}

.training-details h3 {
    font-size: 14px;
    margin: 0 0 6px;
    font-weight: 400;
    line-height: 1.5;
    color: #525252
}

.training-details p {
    font-size: 14px;
    color: #525252;
    margin-bottom: 5px
}

.hr-bg i {
    background-color: #007566
}

.marketing-bg i {
    background-color: #616161
}

.accounts-bg i {
    background-color: #7e58c2
}

.quality-bg i {
    background-color: #b35900
}

.it-bg i {
    background-color: #397f3b
}

.banking-bg i {
    background-color: #1565c0
}

.ngo-bg i {
    background-color: #e03400
}

.career-bg i {
    background-color: #37474f
}

.commercial-bg i {
    background-color: #00818f
}

.law-bg i {
    background-color: #e3165b
}

.pm-bg i {
    background-color: #7e57c2
}

.others-bg i {
    background-color: #1976d2
}

.rmg-bg i {
    background-color: #e10505
}

.business-bg i {
    background-color: #424242
}

.admin-bg i {
    background-color: #0273b1
}

.health-bg i {
    background-color: #e32249
}

.softskills-bg i {
    background-color: #192965
}

.companyDetails.opera ul li a:before {
    content: none;
    background-repeat: no-repeat;
    left: -12px
}

.functional.active,
.industrial.active {
    display: block
}

.less-cat.active,
.more-cat.active {
    display: inline-block;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    color: #29612b
}

.less-cat.active,
.more-cat.active:hover {
    background-color: #29612b;
    box-shadow: none;
    border: 1px solid #29612b;
    color: #fff
}

.box-shadow,
.sidebar-common {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35)
}

.fun-cat,
.ind-cat {
    display: none;
    width: 100%
}

.fun-cat.active,
.ind-cat.active {
    display: inline-block
}

.category-list .nfcat-view,
.category-list .nicat-view {
    width: 100%;
    clear: both
}

.category-list .nfcat-view .more-nfcat,
.category-list .nfcat-view .less-nfcat,
.category-list .nicat-view .more-nicat,
.category-list .nicat-view .less-nicat {
    display: none
}

.category-list .nfcat-view .more-nfcat.active,
.category-list .nfcat-view .less-nfcat.active,
.category-list .nicat-view .more-nicat.active,
.category-list .nicat-view .less-nicat.active {
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    border: none;
    color: #29612b;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 0;
    font-size: 12px;
    font-weight: 700
}

.category-list .nfcat-view .more-nfcat .icn,
.category-list .nfcat-view .less-nfcat .icn,
.category-list .nicat-view .more-nicat .icn,
.category-list .nicat-view .less-nicat .icn {
    font-size: 10px
}

.feedback-left {
    float: left;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 110px;
    height: 42px;
    bottom: 200px;
    position: fixed;
    margin-left: -40px;
    padding-top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 10;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

.feedback-left .btn,
.feedback-left .btn:hover {
    background-color: #263238;
    opacity: .6;
    color: #fff;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    border: 2px solid #fff
}

.feedback-left .btn:hover {
    background-color: #d93698;
    color: #fff;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    opacity: 1;
    border: 0;
    border: 2px solid #fff
}

.contact-btn {
    text-transform: none;
    color: #757575
}

.quick-links ul li a.yellow,
.quick-links ul li a.yellow:hover {
    color: #ffd180;
    opacity: 1
}

#loading {
    background: url(/images/loading.gif) 50% 50% no-repeat #2a5992;
    color: #fff;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999
}

.opera-active {
    display: block
}

.opera-inactive {
    display: none
}

.navbar-user .btn-login:focus {
    background-color: #29612b;
    color: #fff
}

.sidebar-common {
    background-color: #fffdec;
    border-radius: 4px;
    padding: 15px 20px;
    overflow: hidden
}

.sidebar-common h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #2a5992;
    margin-bottom: 5px;
    font-weight: 700
}

.sidebar-common a {
    padding: 4px 0;
    border: 0;
    display: block
}

.sidebar-common a .title-bn {
    font-size: 16px;
    text-decoration: none;
    color: #525252;
    white-space: nowrap
}

.blueCollar a .des-en,
.sidebar-common a .des-en {
    font-size: 12px;
    font-weight: 700;
    color: #525252
}

.sidebar-common a .des-en,
.sidebar-common a .des-bn {
    white-space: nowrap;
    color: #525252
}

.sidebar-common a:hover span {
    color: #2a5992 !important
}

.sidebar-common a.no-border {
    border: 0
}

.sidebar-common a span {
    color: #525252
}

.sidebar-common a.title-bn span {
    font-weight: 700;
    font-size: 12px
}

.sidebar-common a.btn-view-more {
    color: #29612b;
    font-size: 11px;
    font-weight: 700;
    padding: 0;
    bottom: 0;
    position: absolute;
    float: left;
    text-transform: uppercase;
    width: auto;
    left: auto
}

.sidebar-common a.btn-view-more:hover {
    color: #398741
}

.sidebar-common a.btn-view-more span {
    color: #29612b;
    display: inline
}

.sidebar-common .btn-view-more:hover span {
    color: #398741 !important
}

.carousel-indicators {
    top: -28px;
    right: 0;
    left: 95%;
    height: 20px;
    z-index: 1
}

.carousel-indicators li {
    background-color: #fff;
    border: 1px solid #2a5992
}

.carousel-indicators .active {
    background-color: #2a5992;
    display: inline-block !important
}

.sidebar-common a .blueCollarJobs-bn {
    color: #757575;
    font-size: 14px
}

.sidebar-common .pager li>a {
    background-color: #fffde7;
    border: 0;
    color: #2a5992;
    opacity: .6;
    padding: 0;
    font-size: 12px
}

.blueCollar,
.blueCollar .pager li>a {
    background-color: #f3f7f3
}

.sidebar-common .pager li>a:hover {
    opacity: 1
}

.sidebar-common .pager {
    text-align: right;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: -5px
}

.fixedgovJobs {
    overflow: hidden
}

.sidebar-common .fixedgovJobs a .title-bn {
    color: #212121
}

.blueCollar {
    margin: 10px 0 0;
    border-radius: 4px
}

.btn-green,
.btn-green-2,
.btn-green-2:focus,
.btn-green:focus {
    border: 0
}

.blueCollar a .title-bn {
    color: #757575;
    font-size: 14px
}

.blueCollar a .title-en {
    font-size: 12px;
    color: #757575
}

.blueCollar a .des-bn {
    font-size: 18px;
    color: #e64a19
}

.blueCollar a .des-en {
    font-size: 14px;
    color: #e64a19
}

.sidebar-common {
    height: 280px
}

.blueCollar .dots {
    background: #f3f7f3
}

.blue-collar-list {
    height: 106px;
    overflow: hidden
}

.sidebar-common.blueCollar h4 {
    font-size: 16px
}

.sidebar-common nav {
    position: absolute;
    bottom: 16px;
    right: 30px
}

.sidebar-common.govtJobs .carousel a .title-en {
    color: #424242
}

.partnerUc {
    text-align: center;
    margin: 0 0 10px
}

.partnerUc img {
    display: inline-block
}

.m-b-20 {
    margin-bottom: 20px
}

.btn-green,
.btn-green:focus {
    background-color: #29612b !important;
    color: #fff !important;
    font-size: 11px;
    padding: 7px 10px;
    font-weight: 700
}

.btn-green:hover {
    background-color: #39873d !important;
    color: #fff !important
}

.btn-green-2,
.btn-green-2:focus {
    background-color: transparent !important;
    padding: 0;
    color: #29612b !important;
    font-size: 12px;
    font-weight: bottom
}

.blueCollar .btn-green-2 {
    padding: 0 5px;
    font-weight: 700;
    position: absolute;
    right: 2px;
    bottom: -8px
}

.btn-toggle-ind {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 11px;
    font-weight: 700
}

li.active {
    display: block !important
}

.ind-tab.auto-height {
    height: auto !important
}

.ocusl-wrap {
    clear: both;
    margin: 10px 0 0 0;
    background-color: #fffde7;
    border-radius: 4px;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35)
}

.whalf {
    float: left;
    margin-left: 2%;
    width: 49%
}

.whalf.mln {
    clear: both;
    margin-left: 0
}

.cbfull {
    clear: both;
    border: 1px solid #ddd;
    overflow: hidden;
    margin: 8px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.cbfull img {
    max-height: 60px;
    width: 234px
}

.inhousc {
    float: none
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#carouselButtons {
    position: absolute;
    left: 50%;
    top: 94%;
    transform: translate(-50%, -50%)
}

#gcarouselButtons {
    position: absolute;
    left: 50%;
    top: 93%;
    transform: translate(-50%, -50%)
}

.promoArea .ppbtn {
    padding: 2px 5px 4px 5px;
    font-size: 10px;
    border-radius: 3px
}

.govtJobs .ppbtn {
    padding: 2px 5px 4px 5px;
    font-size: 10px;
    border-radius: 3px;
    color: #fffdec;
    background-color: #29612b
}

.m-text-center {
    display: block
}

.tender-card .m-text-center i {
    font-size: 10px;
    margin-right: 2px
}

.tender-card .more-jobs-btn i {
    font-size: 10px
}

@media screen and (max-width:991px) {
    .btn-green {
        width: 100%
    }

    .ind-tab .ind-more.hidden {
        display: block !important
    }

    .blueCollar .btn-green-2 {
        width: 100%;
        font-size: 14px;
        color: #29612b;
        border: 1px solid #e0e0e0;
        padding: 6px 12px;
        position: relative
    }

    .blueCollar .btn-green-2:hover {
        background-color: #29612b !important;
        color: #fff !important;
        border: 1px solid #29612b
    }
}

@media screen and (max-width:767px) {

    .quick-links ul li a.yellow,
    .quick-links ul li a.yellow:hover {
        color: #424242
    }

    .govt-job-list {
        margin-bottom: 20px
    }

    .quick-links h4 {
        text-align: center
    }

    .m-text-center {
        justify-content: center
    }
}

.blueCollar.bn .category-list ul li a {
    font-size: 14px;
    white-space: nowrap
}

.blueCollar.bn .tab h2 {
    font-size: 16px;
    font-weight: 700
}

.searchPanelContainer.image-center {
    background-size: initial !important;
    background-position: center center !important
}

.btn-card,
.btn-card:focus,
.btn-card:hover {
    background-color: #fff;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #2a5992;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
    margin-bottom: 10px
}

.btn-card:focus,
.btn-card:hover {
    background-color: #fff;
    color: #2a5992;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35)
}

.btn-block {
    display: block
}

.btn-card .caret {
    position: absolute;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    right: 15px;
    top: 20px
}

.mobile-ads {
    margin-bottom: 10px
}

.freelancing-bg {
    background-color: #616161
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

ul.notification-only-mobile {
    float: left
}

ul.notification-only-mobile li {
    list-style: none
}

.user-details .user-dropdown {
    text-align: left;
    float: none
}

.user-details a.user-dropdown {
    display: inline-flex;
    align-items: center
}

.user-details a span.user-name {
    white-space: nowrap;
    max-width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis
}

.user-details a span.darow {
    margin-top: 4px;
    margin-left: 5px
}

.navbar-default .navbar-nav>li>a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.message-icon .mnbdge,
.notification-icon .nbdge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    background-color: #dd2c00;
    border: 2px solid #fff;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 0;
    border-radius: 6px
}

.navbar-nav .message-icon .dropdown-menu,
.navbar-nav .notification-icon .dropdown-menu,
.notification-icon,
.user-details {
    padding: 0;
    margin: 0
}

.message-icon .dropdown-menu,
.notification-icon .dropdown-menu {
    min-width: 300px;
    max-height: 406px;
    overflow-y: auto;
    overflow-x: hidden
}

.sidebar-common .carousel {
    z-index: 1
}

.message-icon .dropdown-menu .mesnot-wrap,
.notification-icon .dropdown-menu .unot-wrap {
    background-color: #fff
}

.message-icon .dropdown-menu .mesnot-wrap .toptitle,
.notification-icon .dropdown-menu .unot-wrap .toptitle {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    font-weight: 700
}

.message-icon .dropdown-menu .mesnot-wrap .melstb,
.notification-icon .dropdown-menu .unot-wrap .unlstb {
    padding: 10px;
    background-color: #fff;
    text-align: center
}

.message-icon .dropdown-menu .mesnot-wrap .melstb .meslacti,
.notification-icon .dropdown-menu .unot-wrap .unlstb .unlacti {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    font-style: italic
}

.message-icon .dropdown-menu .mesnot-wrap .melstb .mesvall,
.notification-icon .dropdown-menu .unot-wrap .unlstb .unvall {
    margin-top: 12px
}

.message-icon .dropdown-menu .mesnot-wrap .melstb .mesvall .vabtn,
.notification-icon .dropdown-menu .unot-wrap .unlstb .unvall .vabtn {
    border: 1px solid #595959;
    background-color: #fff;
    color: #595959;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 10px
}

.message-icon .dropdown-menu .mesnot-wrap .melstb .mesvall .vabtn:focus,
.message-icon .dropdown-menu .mesnot-wrap .melstb .mesvall .vabtn:hover,
.notification-icon .dropdown-menu .unot-wrap .unlstb .unvall .vabtn:focus,
.notification-icon .dropdown-menu .unot-wrap .unlstb .unvall .vabtn:hover {
    border: 1px solid #595959;
    background-color: #595959;
    color: #fff
}

.notification-icon .dropdown-menu .unot-wrap .nlst {
    text-decoration: none;
    color: #000
}

.message-icon .dropdown-menu .mesnot-wrap .melst,
.notification-icon .dropdown-menu .unot-wrap .nlst {
    padding: 10px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    align-items: flex-start
}

.message-icon .dropdown-menu .mesnot-wrap .melst.martm,
.notification-icon .dropdown-menu .unot-wrap .nlst.martn {
    background-color: #fff
}

.notification-icon .dropdown-menu .unot-wrap .nlst .icowrap {
    margin-right: 10px
}

.notification-icon .dropdown-menu .unot-wrap .nlst .icowrap .ico {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    background-color: #595959
}

.notification-icon .dropdown-menu .unot-wrap .nlst .ncont {
    font-size: 14px;
    line-height: 1.5
}

.notification-icon .dropdown-menu .unot-wrap .nlst .ncont .nfnme {
    font-weight: 700
}

.notification-icon .dropdown-menu .unot-wrap .nlst .ncont .nltme {
    color: #595959;
    line-height: 1.5;
    text-align: right
}

.notification-icon .dropdown-menu .unot-wrap .nlst.gi .icowrap .ico {
    background-color: #ad6200
}

.notification-icon .dropdown-menu .unot-wrap .nlst.vi .icowrap .ico {
    background-color: #0b818e
}

.notification-icon .dropdown-menu .unot-wrap .nlst.cv .icowrap .ico {
    background-color: #405bc9
}

.notification-icon .dropdown-menu .unot-wrap .nlst.vres .icowrap .ico {
    background-color: #9D0191
}

.notification-icon .dropdown-menu .unot-wrap .nlst.emsg .icowrap .ico {
    background-color: #007e6e
}

.notification-icon .dropdown-menu .unot-wrap .nlst.mj .icowrap .ico {
    background-color: #333
}

.notification-icon .dropdown-menu .unot-wrap .nlst.rt .icowrap .ico {
    background-color: #ac016d
}

.notification-icon .dropdown-menu .unot-wrap .nlst.lvi .icowrap .ico {
    background-color: #f71673
}

.notification-icon .dropdown-menu .unot-wrap .nlst.isch .icowrap .ico {
    background-color: #333
}

.notification-icon .dropdown-menu .unot-wrap .nlst.jansms .icowrap .ico {
    background-color: #b83100
}

.notification-icon .dropdown-menu .unot-wrap .nlst.onex .icowrap .ico {
    background-color: #0E73A9
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mesgico {
    position: relative
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mesgico .ico {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #20655d;
    margin-right: 10px
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mesgico img {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    margin-right: 10px
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont {
    position: relative
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont {
    position: relative
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .topact {
    position: relative
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .topact a {
    text-decoration: none;
    color: #000
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .topact .mesgtitle {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .topact .mesgdes {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 5px
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .topact .bimegbann {
    position: relative;
    margin-top: 9px;
    max-width: 225px;
    max-height: 90px;
    background-color: #767676;
    border-radius: 4px;
    overflow: hidden
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .topact a:focus .bimegbann {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .botmact {
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .botmact .bvactbtn {
    border: 1px solid #595959;
    background-color: #fff;
    color: #595959;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 10px
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .botmact .bvactbtn:focus,
.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .botmact .bvactbtn:hover {
    border: 1px solid #595959;
    background-color: #595959;
    color: #fff
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .botmact .nltme {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    color: #595959;
    line-height: 1.5
}

.message-icon .dropdown-menu .mesnot-wrap .melst .mescont .botmact .nltme .ico {
    margin-right: 5px;
    color: #595959
}

@media screen and (max-width:991px) {
    .navbar-default .navbar-nav>.user-details a.user-dropdown {
        padding: 12px 6px
    }

    .navbar-default .navbar-nav .notification-icon .dropdown-toggle {
        padding: 18px 10px 18px 15px
    }

    .navbar-default .dropdown-toggle:focus,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .open>a {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .navbar-default .navbar-nav .message-icon .dropdown-toggle,
    .navbar-default .navbar-nav .notification-icon .dropdown-toggle {
        color: #424242;
        padding: 18px 15px 18px 18px
    }

    .notification-only-mobile .message-icon .mnbdge,
    .notification-only-mobile .notification-icon .nbdge {
        display: inline-block;
        padding: 0 2px;
        font-size: 10px;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 4px;
        background-color: #dd2c00;
        border: 2px solid #fff;
        color: #fff;
        position: absolute;
        top: 0;
        right: -2px;
        border-radius: 6px
    }
}

@media screen and (max-width:767px) {
    .user-details a.user-dropdown {
        display: flex
    }

    .user-details a:focus,
    .user-details a:hover {
        background-color: #eee;
        color: #23527c
    }

    .user-details a.user-dropdown:focus,
    .user-details a.user-dropdown:hover {
        background-color: #eee;
        color: #23527c
    }

    .user-details a span.user-name {
        max-width: 125px
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }
}

@media screen and (max-width:375px) {
    .notification-icon .dropdown-menu {
        min-width: 262px
    }

    .message-icon .dropdown-menu {
        min-width: 280px
    }
}

::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

:-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

::-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

:-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}

::placeholder {
    opacity: 1;
    transition: opacity .5s
}

*:focus::-webkit-input-placeholder {
    opacity: 0
}

*:focus:-moz-placeholder {
    opacity: 0
}

*:focus::-moz-placeholder {
    opacity: 0
}

*:focus:-ms-input-placeholder {
    opacity: 0
}

*:focus::placeholder {
    opacity: 0
}

.notification-icon .dropdown-menu .unot-wrap .nlst.onex .icowrap .ico.imsg {
    background-color: #008A22 !important;
}

.notifmsg-wrap .tab-content .lon .nlst.onex .nlcont .ico.imsg {
    background-color: #008A22;
}