/*
Template Name: OBootstrap Classified | Bootstrap Responsive Website Template
Author: askbootstrap
Author URI: https://themeforest.net/user/askbootstrap
Version: 1.0
*/

/*
1. body 
2. Typography 
3. Navbar
4. Search Box
5. Categories List
6. Featured Products 
7. App Store
8. Login 
9. Inner Search Box
10. Breadcumb 
11. Categories Page Search
12. Categories Page Nav	
13. Categories grid Page
14. Single Ads
15. My Profile
16. Not Found
17. Pricing
18. Footer
19. Post Ad
20. Chat Btn
21. Back To Top
22. Chat Popup
23. Blog
24. Responsive Media 
*/

/* body */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
.form-control {
	font-size: 16px !important;
	font-weight: 400;
}

.form-control[disabled], fieldset[disabled] .form-control {
	background: #f5f5f5 none repeat scroll 0 0;
	cursor: not-allowed;
	padding: 0 15px;
}

.form-group {
	display: inline-table;
	margin-bottom: 18px;
	width: 100%;
}

.input-group-addon {
	border-bottom: 1px solid #e0e0e0;
}

.bootstrap-filestyle .form-control {
	border-radius: 50px;
	padding: 0 0 0 19px;
}

.form-group .control-label {
	color: #1f1f1f;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.form-control::-moz-placeholder {
	color: #666666;
	opacity: 1;

}

.contact .heading-primary {
    margin: 0 0 4px;
}

.border-form {
	font-size: 16px !important;
}

.border-form::-moz-placeholder {
	color: #686868 !important;
}

.control-label {
	color: #000000;
	font-size: 14px;
	font-weight: 600;
	margin: 3px 0;
}

.required {
	color: #f95858;
}

.pagination> li> a, .pagination> li> span {
	background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 50px !important;
    height: 30px;
    line-height: 28px;
    margin-left: 3px;
    padding: 0;
    text-align: center;
    width: 30px;
}

.pagination, .pager {
	margin: 0;
}

.pager li> a, .pager li> span {
	border-radius: 50px;
}

section {
	padding: 15px 0px 60px 0;
}
section.search-box{padding:0;}
section.home-banner{padding:10px 0;}

.navbar-nav div.dp-submenu {
    background-color: #900606;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 11;
}
.navbar-nav .open div.dp-submenu{
	display: block;
}
.navbar-nav .dp-menu-right div.dp-submenu {
    left: auto;
    right: 0;
}
.ads-posted-count{
	display:inline-block;width:49%;text-align:center;color:rgb(142, 7, 4);font-weight:bold;
}
.dp-app-link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dedede;
    border-radius: 5px;
    display: inline-block;
    height: 46px;
    line-height: 0;
    margin-bottom: 15px;
    outline: medium none;
    text-align: center;
    width: 140px;
}
.dp-footer a {
    color: #fff;
    text-decoration: none;
}
.dp-app-link.dp-app-link-play-store {
    background: rgba(0, 0, 0, 0) url("/images/android_badge.png") no-repeat scroll center center / 91% auto;
}

.margin-bottom-none {
	margin-bottom: 0px !important;
}

.text-muted {
    color: #7e7e7e;
}

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #ffffff url("/images/preloader.gif") no-repeat;
	background-position: calc(50%) 50%; 
}

/* Navbar */
.navbar-brand {
	padding: 14px 0;
}

.intro-title {
	color: #ffffff;
	font-size: 35px;
	font-weight: 300;
}

.sub-title {
	color: #ffffff;
	font-size: 15px;
	margin: 17px 0 53px;
}

.top-navbar {
	background: #fff none repeat scroll 0 0;
	border-bottom: 5px solid #900606;
	margin: 0px;
	border-radius: 0;
	border-top: 1px solid #900606;
}

.navbar-nav li a {
	color: #272727;
	font-weight: 600;
	text-transform: uppercase;
	padding: 20.5px 9px;
}

.navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav .active a {
	color: #900606;
	background-color: #fff;
}

.user-login {
	padding: 15px 0 0;
}

.user-login a {
    font-weight: 600;
    line-height: 25px;
}

.user-login .btn {
    line-height: 21px;
    vertical-align: inherit;
}

.user-login span {
	padding: 0 4px;
}

.user-dropdown .dropdown-toggle {
    background: #F7F5FB none repeat scroll 0 0;
    color: #900606;
	font-weight: 600;
}

.user-dropdown .dropdown-toggle:hover, .user-dropdown .dropdown-toggle:focus {
    background: #eaeaea none repeat scroll 0 0;
    color: #900606;
}

.user-dropdown .open .dropdown-toggle {
	background: #eaeaea none repeat scroll 0 0;	
    color: #900606;
}

.user-dp {
	border: 4px solid #ffffff;
	border-radius: 12px;
	height: 44px;
	box-shadow: 0 0 3px #e3e3e3;
	margin: 0 5px 0 0;
	width: 44px;
}

/*.navbar .dropdown-menu {
	border-radius: 0px 0px 12px 12px !important;
	margin: 5px 0 0 !important;
	background-color: #900606;
	padding: 6px 0 12px;
}*/

.navbar .dropdown-menu li a {
	padding: 5px 13px;
	text-transform: none;
	font-weight: 400;
	color: #fff !important;
	transition: color 0.2s ease-in-out 0s;
}

.navbar .dropdown-menu li a:hover {
	background-color: #ffffff;
	color: #900606 !important;
}

.nav .open> a, .nav .open> a:hover, .nav .open> a:focus, .nav li a:hover {
	background-color: #fff;
	border-color: #fff;
}


/* Footer */
footer {
	background: #F2F2F2 none repeat scroll 0 0;
	margin: 0px;
	border-top: 5px solid #900606;
}

.footer-widget .block-title {
	color: #900606;
	font-size: 19px;
	font-weight: 300;
	margin: 0 0 30px;
	text-transform: uppercase;
	position: relative;
}

.footer-widget .block-title::after {
	background: #fdb144 none repeat scroll 0 0;
	border-radius: 12px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 36px;
	width: 29px;
}

.footer-widget .menu li {
	float: left;
	line-height: 25px;
	width: 50%;
}

.footer-widget .menu span {
	font-weight: bold;
	margin: 0 4px 0 0;
}

.footer-widget .menu li a {
	color: #1f1f1f;
}

.footer-widget .menu li a:hover {
	color: #900606;
}

.footer-widget .menu a::before {
	color: #900606;
	content: "\f0da";
	font-family: fontawesome;
	padding: 0 7px 0 0;
}

.footer-widget .blog-footer li {
	line-height: 24px;
	margin: 0 0 9px;
	position: relative;
	padding:0 0 0 15px;
}

.footer-widget .blog-footer li:last-child {
	margin: 0 0 0px;
}

.footer-widget .blog-footer span {
	display: list-item;
	font-size: 12px;
	line-height: 19px;
	list-style: outside none none;
}

.footer-widget .blog-footer li a {
	color: #1f1f1f;
}

.footer-widget .blog-footer li a:hover {
	color: #000000;
}

.footer-widget .blog-footer a::before {
	color: #900606;
	content: "\f0da";
	font-family: fontawesome;
	padding: 0 7px 0 0;
	position: absolute;
	left:0px;
}

footer p {
	margin: 0px;
	padding: 0px;
}

.footer-Content p {
	line-height: 25px;
	color: #1f1f1f;
}

.copyright {
	background: #900606 none repeat scroll 0 0;
	padding: 40px 0 34px 0;
}

footer .copyright .fa-heart {
	animation: 2.5s ease 0s normal none infinite running animateHeart;
	color: #fdb144;
	font-size: 16px;
}

.copyright p, .copyright p a {
	color: #fff;
}

@keyframes animateHeart {
	0% {
		transform: scale(1);
	}
	5% {
		transform: scale(1.2);
	}
	10% {
		transform: scale(1.1);
	}
	15% {
		transform: scale(1.25);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}

.bottom-social-icons a {
	background: #fff none repeat scroll 0 0;
	border-radius: 20px;
	color: #900606;
	/*display: inline-block;*/
	font-size: 18px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 21px;
	padding: 9px 12px;;
}

.site-info {
	padding: 15px 0;
}


/* Post Ad */
.post-free-add-btn {
	border-radius: 30px;
	bottom: 71px;
	font-size: 22px;
	position: fixed;
	right: 14px;
	color:#FFF;
}

/* Back To Top */
#back-to-top {
	border-radius: 25px;
	bottom: 24px;
	font-size: 17px;
	height: 38px;
	line-height: 34px;
	padding: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 38px;
}

/* Chat Popup */
.chat-popup .collapse.in {
    padding: 0 0 93px;
}

.chat-popup .collapse {
    padding: 0px;
}

.popup-box {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 12px 12px 0 0;
	bottom: 0;
	overflow: hidden;
	position: fixed;
	right: 70px;
	width: 300px;
	z-index: 999999;
}

.round.hollow {
	margin: 40px 0 0;
}

.round.hollow a {
	border: 2px solid #ff6701;
	border-radius: 35px;
	color: #ff6701;
	font-size: 23px;
	padding: 10px 21px;
	text-decoration: none;
}

.round.hollow a:hover {
	border: 2px solid #000;
	border-radius: 35px;
	color: #000;
	font-size: 23px;
	padding: 10px 21px;
	text-decoration: none;
}

.popup-box .popup-head {
	background-color: #fff;
	clear: both;
	color: #1f1f1f;
	display: inline-table;
	font-size: 17px;
	padding: 7px 10px;
	width: 100%;
	border-bottom: 1px solid #dddddd !important;
}

.bg_none i {
	background: #1f1f1f none repeat scroll 0 0;
	border-radius: 25px;
	color: #ffffff;
	font-size: 17px;
	height: 33px;
	line-height: 32px;
	width: 33px;
}

.bg_none:hover i {
	background: #900606 none repeat scroll 0 0;
	color: #ffffff;
}

.bg_none {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0px;
}

.popup-box .popup-head .popup-head-right {
	margin: 9px 0px 0;
}

.popup-box .popup-messages {}

.popup-head-left img {
	border: 2px solid #7b7b7b;
	border-radius: 50%;
	float: left;
	margin: 0px 10px 0 0;
	width: 44px;
}

.popup-messages-footer> textarea {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-bottom: 1px solid #dddddd !important;
	border-image: none;
	border-left: medium none;
	border-right: medium none;
	border-top: 1px solid #dddddd !important;
	box-shadow: none;
	height: 42px !important;
	margin: 0;
	padding: 7px 10px !important;
	width: 100% !important;
}

.popup-messages-footer {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	position: absolute;
	width: 100%;
}

.popup-messages-footer .btn-footer {
	overflow: hidden;
	padding: 7px 10px;
	width: 100%;
}

.simple_round {
	background: #d1d1d1 none repeat scroll 0 0;
	border-radius: 50%;
	color: #4b4b4b !important;
	height: 21px;
	padding: 0 0 0 1px;
	width: 21px;
}

.popup-box .popup-messages {
	height: 313px;
	overflow: auto;
}

.direct-chat-messages {
	overflow: auto;
	padding: 7px 10px;
	transform: translate(0px, 0px);
}

.popup-messages .chat-box-single-line {
	border-bottom: 1px solid #a4c6b5;
	height: 12px;
	margin: 7px 0 20px;
	position: relative;
	text-align: center;
}

.popup-messages abbr.timestamp {
	color: #7e7e7e;
	padding: 0 11px;
}

.popup-head-right .btn-group {
	display: inline-flex;
	margin: 0 3px 0 0;
	vertical-align: top !important;
}

.chat-header-button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #636364;
	border-radius: 50%;
	font-size: 14px;
	height: 30px;
	width: 30px;
	line-height: 30px;
}

.popup-head-right .btn-group .dropdown-menu {
	border: medium none;
	min-width: 122px;
	padding: 0;
}

.popup-head-right .btn-group .dropdown-menu li a {
	color: #303030;
	font-size: 12px;
	padding: 3px 10px;
}

.popup-messages abbr.timestamp {
	background: #fff none repeat scroll 0 0;
	color: #7e7e7e;
	padding: 0 11px;
}

.popup-messages .chat-box-single-line {
	border-bottom: 1px solid #e4e4e4;
	height: 12px;
	margin: 7px 0 20px;
	position: relative;
	text-align: center;
}

.popup-messages .direct-chat-messages {
	height: auto;
}

.popup-messages .direct-chat-text {
	background: #dfece7 none repeat scroll 0 0;
	border-radius: 2px;
	color: #1f2121;
}

.popup-messages .direct-chat-timestamp {
	opacity: 0.6;
}

.popup-messages .direct-chat-name {
	color: #900606;
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 0 49px !important;
	opacity: 0.9;
}

.popup-messages .direct-chat-info {
	display: block;
	font-size: 12px;
	margin-bottom: 0;
}

.popup-messages .big-round {
	margin: -9px 0 0 !important;
}

.popup-messages .direct-chat-img {
	background: #900606 none repeat scroll 0 0;
	border: 1px solid #900606;
	border-radius: 50%;
	float: left;
	height: 40px;
	margin: -25px 0 0;
	width: 40px;
}

.direct-chat-reply-name {
	color: #1f1f1f;
	font-size: 15px;
	line-height: 0;
	margin: 0 0 0 10px;
	opacity: 0.9;
}

.direct-chat-img-reply-small {
	background: #900606 none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
	float: left;
	height: 20px;
	margin: 3px 8px 0;
	width: 20px;
}

.popup-messages .direct-chat-msg {
	margin-bottom: 10px;
	position: relative;
}

.popup-messages .doted-border::after {
	background: transparent none repeat scroll 0 0 !important;
	border-right: 1px dotted #900606 !important;
	bottom: 0;
	content: "";
	display: inline;
	left: 17px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: -2;
}

.popup-messages .direct-chat-msg::after {
	background: #fff none repeat scroll 0 0;
	border-right: medium none;
	bottom: 0;
	content: "";
	display: inline;
	left: 17px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: -2;
}

.direct-chat-text::after, .direct-chat-text::before {
	border-color: transparent #dfece7 transparent transparent;
}

.direct-chat-text::after, .direct-chat-text::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #900606 transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: medium;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 15px;
	width: 0;
}

.direct-chat-text::after {
	border-width: 7px;
	margin-top: -5px;
}

.popup-messages .direct-chat-text {
	background: #900606 none repeat scroll 0 0;
	border-radius: 12px;
	word-break: break-all;
	color: #fff;
}

.direct-chat-text {
	background: #d2d6de none repeat scroll 0 0;
	border-radius: 5px;
	color: #444;
	margin: 5px 0 0 50px;
	padding: 5px 10px;
	position: relative;
}

.popup-head-left small {
	display: list-item;
	font-size: 13px;
	line-height: 17px;
	font-weight: 600;
	color: #7e7e7e;
	list-style: outside none none;
}

/* Blog */
.panel {
	border-radius: 12px;
	border: 1px solid #dddddd;
	box-shadow: none;
	overflow: hidden;
}

.blog-box h4 {
	color: #900606;
    font-weight: 500;
    margin-bottom: 9px;
    margin-top: 0;
}

.blog-box .panel-heading {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 2px;
	font-weight: 500;
	padding: 10px 20px;
	position: relative;
	border-bottom: 1px solid #dddddd;
}

.blog-box .panel-heading .media-body .text-muted {
    font-size: 11px;
}

.blog-box .panel-footer {
	color: #909295;
}

.blog-box .panel-heading .media-body {
	line-height: 16px;
}

.blog-box .panel-heading .media img {
	border-radius: 50%;
	height: 32px;
	width: 32px;
}

.blog-box .panel-heading .media-body h5 {
	margin-top: 0;
}

.blog-box .panel-image {
	border-left: 1px solid #e4e5e7;
	border-right: 1px solid #e4e5e7;
	position: relative;
}

.blog-box .panel-image .title {
	bottom: 10px;
	color: #ffffff;
	padding: 0 20px;
	position: absolute;
}

.blog-box .panel-image .title h4 {
	margin-bottom: 0;
}

.blog-box .panel-image .title a h4 {
	color: #ffffff !important;
}

.blog-article-box .panel-heading {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 2px;
	font-weight: 500;
	padding: 35px 10px;
	position: relative;
	text-align: center;
}

.blog-article-box .panel-heading h4 {
	color: #900606;
	font-size: 32px;
	line-height: 40px;
}

.blog-article-box .panel-body {
	padding: 50px 70px;
}

@media (max-width: 768px) {
	.blog-article-box .panel-body {
		padding: 10px 20px;
	}
	.blog-article-box .panel-body p {
		font-size: 16px;
		line-height: 28px;
	}
	.blog-article-box .panel-heading {
		padding: 20px;
	}
}

/* Responsive Media */
@media screen and (max-width: 768px){
	.popup-box {
		right: 0;
		width: 100%;
		z-index: 2147483647;
	}
	.navbar-nav li a {
		padding: 8.5px 12px;
	}
	.user-login {
		padding: 12px 0 18px;
		text-align: center;
		width: 100%;
	}
	.top-categories a {
		margin-bottom: 7px;
	}
	.top-categories a {
	   
		display: inline-block;
		line-height: 16px;
		margin: 0 2px;
		padding: 6px 9px;
	   
	}
	.carousel-section-header {
		display: inline-block;
		margin: 0 0 28px;
		text-align: center;
	}
	.carousel-section-header .btn {
		float: none !important;
		margin: 8px 0 0;
	}
	.error {
		font-size: 155px;
		line-height: 99px;
    }
	.error-page h2 {
		font-size: 30px;
		line-height: 65px;
		padding: 1px 30px;
    }
}

@media screen and (max-width: 768px) {
	.navbar-toggle {
		background-color: #272727;
		margin-right: 0;
	}
	.navbar-toggle .icon-bar {
		background: #fff none repeat scroll 0 0;
	}
	section {
		padding: 17px 0;
	}
	.sub-title {
		display: none;
	}
	.intro-title {
		font-size: 22px;
		margin-bottom: 22px;
		line-height: 33px;
	}
	.main-search-box .search-form {
		margin-bottom: 3px;
	}
	.app-store-main {
		display: none;
	}
	.footer-widget {
		margin: 20px 0px;
		width: 100%;
		display: inline-block;
	}
	.top-categories a {
		margin-bottom: 3px;
	}
	.page_title> h3 {
		font-size: 27px;
	}
	.navbar .dropdown-menu {
		background-color: #900606 !important;
	}
	.navbar-collapse.in {
		overflow-y: visible;
	}
	.post-free-add-btn, #back-to-top {
		z-index: 2147483647;
	}
	.container {
		width: 100%;
	}
	.margin-bottom-none {
		margin-bottom: 27px !important;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	.container {
		width: 100%;
	}
	.app-store-main {
		display: none;
	}
	.navbar-nav li a {
		padding: 20px 4px !important;
		text-transform: none !important;
	}
	.navbar-collapse {
		padding-right: 0;
	}
	.navbar-header.col-sm-2 {
		overflow: hidden;
		width: 41px;
	}
	.navbar .dropdown-menu li a {
		padding: 5px 13px !important;
	   
	}
	.navbar-brand {
		padding: 14px 0;
		width: 159px;
	}
	.widget {
		border-radius: 6px;
		padding: 15px;
	}
	.item-ads-grid .item-meta, .single-item-meta {
		padding: 15px;
	}
	.listing-filter-block .widget-header {
		border-bottom: 1px solid #ececec;
		margin: 0 -15px 20px;
		padding: 0 16px;
	}
	.item-title {
		padding: 100px 15px 18px;
	}
	.margin-bottom-none {
		margin-bottom: 27px !important;
	}
}

@media (min-width: 992px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}



/***============01-09-2017 (website-plans and login form responsive start)
==============****/

*{ box-sizing: border-box;}
@media all and (max-width:1024px) {
	.middlepage{padding-left: 15px; padding-right: 15px;}
}
@media all and (max-width:960px) {
	.content .steps ul li{margin: 0 23px;}
	.login_register .login_area{margin-left: 0;}
	.login_area .login_box{width: 100%; margin-bottom: 50px;}
	.login_register .register_area{width: 100%; padding: 0px; margin-left: 0; border: none;}
	.login_register .register_area .heading{padding-left: 0;}
	.register_area .register_box{ border: 1px solid #c3c3c3; padding: 20px;}
}
@media all and (max-width:767px) {
	.single_item.text-center {padding: 20px 0 0;}
	.single_item.text-center i{margin-bottom: 0px;}
	.item_header{padding: 20px;}
	.first_row .service_content_here ul{min-height: 430px;}
	.last_row .service_content_here ul{min-height: 815px;}
	.single_promo.text-center i{width: 80px; height: 80px; line-height: 85px;}
	.content .steps ul li{margin: 0 23px 20px;}
	.bootom_btn a.btn.new_user{ margin:0px;}
	.login_box .form .form_label{ width:100%; text-align: left;}
	.login_box .form .form_field{ width:100%;}
	.login_box .form .form_field input{font-size: 12px;}
	.register_area .register_box .form .form_label{width: 90%; text-align: left;}
	.register_area .register_box .form .form_field{width: 100%;}
	.register_area .register_box .terms{padding-left: 0; padding-top: 10px;}
	.navbar-nav div.dp-submenu{ position:static; background-color: transparent;}
	.navbar-nav .open .dropdown-menu{border-radius: 0 0 12px 12px; width: 100%; display: block; margin: 0 0 10px;]
}


.dropdown, .dropup {
    position: relative;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.top-right-nav {
    margin: 0;
    padding: 0;
    float: right;
    padding-right: 0px;
}
.top-right-nav > li > a {
    display: block;
    line-height: 34px;
    padding: 0px 4px;
}
.top-right-nav > li i {
    vertical-align: middle;
    display: inline-block;
    margin-left: 0;
    font-size: 16px;
}
.top-right-nav .dropdown-menu-hright {display:none;}
.top-right-nav .open .dropdown-menu-hright {display:block;}
ul.dropdown-menu-hright.top-dropdown {
    right: 0;
    left: auto;
}
.dropdown-menu-hright.lg-dropdown {
    min-width: 280px;
}
.dropdown-menu-hright {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    /*display: none;*/
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu-hright-a a {
	padding: 5px 13px;
    text-transform: none;
    font-weight: 400;
    color: #fff !important;
    transition: color 0.2s ease-in-out 0s;
	top: 100%;
    left: 0;
    z-index: 1000;
    display: inline-block;
	min-width: 160px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
}
.dropdown-menu-hright-a a:hover{
	background-color: #ffffff;
	color: #900606 !important;
	border-color: #fff;
}
.dropdown-menu-hright, .note-editor .dropdown-menu-hright {
    background-color: #900606;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
.dropdown-header {
	display: block;
    padding: 7px 20px;
    color: #23b7e5;
    font-size: 13px;
    font-weight: 500;
}
.dropdown-header div {
    display: inline-block;
}
.dropdown-header nav {
    display: inline-block;
    margin-left: 60px;
}
.dropdown-header nav .icn.account-settings {
    background-position: -50px 0;
}
.dropdown-header nav a {
    padding: 0 5px;
    color: #23b7e5;
}
.dropdown-header nav a {
    color: #00698c !important;
    font-weight: 500;
    margin-left: 10px;
}
.dropdown-header nav .icn {
    background: transparent url(/images/notification-drawer.svg) no-repeat scroll 0 0;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}

.pull-right {
    float: right!important;
}
.notification-list a {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  position: relative;
  padding: 6px 12px 6px 75px;
}
.notification-list a i {
  display: block;
  float: left;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
}
.notification-list a span {
  display: block;
  line-height: 16px;
  font-size: 13px;
}
.notification-list a span.notification-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 50px;
  height: 50px;
  margin: -25px 12px 0 0;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
}
.notification-list a span.notification-icon i {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 28px;
  display: block;
  line-height: 40px;
}
.notification-list a span.notification-title {
  color: #fff;
  padding-bottom: 1px;
  font-weight: 500;
}
.notification-list a span.notification-description {
  padding-bottom: 3px;
  color: #aeaeae;
  font-size: 12px;
}
.notification-list a span.notification-time {
  color: #aeaeae;
  font-style: italic;
  font-size: 11px;
}
.notification-list a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.small, small {
    font-size: 85%;
}
#message-list a .notification-description {
    height: 19px !important;
    overflow: hidden;
}