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


body {
	font-family: 'Cairo', sans-serif;
	font-size: 16px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff;
	direction: rtl;
}

header {
	background: #0c8497;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
	z-index: 999;
}
.search-bar {
	background: #fff;
	top: 100px;
	width: 100%;
	padding: 10px 20px;
	position: fixed;
	display: none;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border-bottom: 1px solid #e8eaed;
}
.search-bar input {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	height: 40px;
	border: none;
	width: 100%;
	padding: 20px; 
}

a {
    color: #0097a8;
    text-decoration: none;
}
a:hover {
    color: #aac619;
}

.logo {
	position: relative;
    padding: 5px 12px;
    float: right;
    line-height: 0;
    overflow: hidden;
    text-decoration: none;
    z-index: 100;
}

.logo img {
    max-height: 90px;
}

.menu-bars {
    position: relative;
    float: right;
    color: #efefef;
    z-index: 100;
	padding: 38px 10px;
    cursor: pointer;
    transition: all .2s;
}

.bars {
  width: 22px;
  height: 2px;
  background-color: #fff;
  margin: 4px 0;
}
.menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    display: -ms-flexbox;
    display: flex;
	direction: rtl;
}
.left-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    display: -ms-flexbox;
    display: flex;
	direction: rtl;
}
.menu-item-link {
	position: relative;
    display: block;
    max-width: 55vw;
    padding: 40px 18px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4285714;
    color: #ffffff;
    text-decoration: none;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background-color .2s;
    height: 100%;
}
.left-menu-item-link {
	position: relative;
    display: block;
    padding: 10px 8px;
	margin: 27px 10px;
	font-size: 18px;
    overflow: hidden;
    line-height: 1.4285714;
    color: #ffffff;
    text-decoration: none;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background-color .2s;
}
.user-img .left-menu-item-link{
	margin: 20px 4px;
}	
.bordered .left-menu-item-link{
	border: solid thin #ffffff75;
	border-radius: 0;
	font-size: 14px;
}
.menu-item-link:hover {
	color: #aac619;
}
.left-menu-item-link:hover {
	color: #aac619;
}
.bordered .left-menu-item-link:hover{
	border-color: #aac619;
}
.main-body {
	padding-top: 100px;
	transition: 0.25s;
}
.main-banner {
	position: relative;
	height: 520px;
	background: url('../img/main-banner.jpg');
	background-size: cover;
}
.main-banner-content {
	position: relative;
	text-align: center;
	padding: 170px 0 30px 0;
	margin: 0 auto;
	color: #fff;
	z-index: 2;
	max-width: 60%;
}
.main-banner .search-box input[type=text] {
    font-size: 16px;
    padding: 0 20px 0 140px;
    height: 70px;
	text-align: right;
	direction: rtl;
	margin-top: 30px;
}
.main-banner .search-box button {
    border: 0;
    font-size: 16px;
    height: calc(100% - 14px);
    left: 7px;
    padding: 5px 20px;
    position: absolute;
    top: 7px;
}
.main-banner-content h1 {
	font-size: 32px;
	margin-bottom: 20px;
}
.main-banner-content h2 {
	font-size: 22px;
}	
.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: ;
}
ul.list-with-icons {
	margin: 0;
	list-style-type: none;
	direction: rtl;
	text-align: right;
}
ul.list-with-icons li{
	position: relative;
}
.list-with-icons i {
    background: #aac619;
    border-radius: 25px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -30px;
    text-align: center;
    top: 4px;
    width: 20px;
}
ul.social-list {
	padding: 0;
	list-style-type: none;
}

ul.social-list li{
	display: inline-block;
}

.btn-facebook{
	color: #fff;
	padding: 6px 8px;
	border-radius: 0;
    background-color: #1877f2;
    border-color: rgba(0,0,0,.2);
}
.btn-linkedin {
    color: #fff;
	padding: 6px 8px;
	border-radius: 0;
    background-color: #0a66c2;
    border-color: rgba(0,0,0,.2);
}
.btn-twitter.focus, .btn-twitter:focus, .btn-twitter:hover {
    color: #fff;
    background-color: #0c85d0;
    border-color: rgba(0,0,0,.2);
}
.btn-facebook.focus, .btn-facebook:focus, .btn-facebook:hover {
    color: #fff;
    background-color: #0b5fcc;
    border-color: rgba(0,0,0,.2);
}
.btn-linkedin.focus, .btn-linkedin:focus, .btn-linkedin:hover {
    color: #fff;
    background-color: #0c75df;
    border-color: rgba(8,8,8,.2);
}
.btn-twitter {
    color: #fff;
    padding: 6px 8px;
	border-radius: 0;
    background-color: #1da1f2;
    border-color: rgba(0,0,0,.2);
}

.how-it-work {
	padding: 40px 0;
}
.section-title {
	font-size: 28px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.why-sanad {
    color: #fff;
    padding: 20px 0;
}
.why-item {
    text-align: center;
    margin: 25px 0;
}
.bg-color-primary {
    background: #0097a8;
}
.text-primary {
    color: #0097a8!important;
}
.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #10717c;
    border-color: #13656e;
}
.thumb img {
    max-width: 80px;
    height: 84px!important;
}
.thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}
.bg-light-gray {
    background: #f2f2f2;
}
.sanad-cat {
    padding: 40px 0;
}
.sanad-cat-item {
	text-align: center;
    margin: 25px 0;
}
.sanad-cat a {
    color: #000;
}
.sanad-cat-item p {
	margin-top: 20px;
    font-size: 16px;
}
.faqs-section .panel-title {
    padding: 10px 0;
    line-height: 1.5em;
}
.faqs-section .panel-default .panel-title {
    position: relative;
    padding-left: 40px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
	color: #1e2527;
}
.faqs-section {
	padding: 40px 0;
}
.faqs-section .panel-title {
    padding: 10px 0;
    line-height: 1.5em;
}
.faqs-section .accordion-button {
    padding: 10px 0;
}
.faqs-section .accordion-button:focus {
	border: none;
	box-shadow: 0 0 0 00 rgb(0 0 0 / 0)
}
.faq-accordion .accordion-item {
	border: none;
	border-bottom: 1px solid #ddd!important;
}
.faq-accordion .accordion-button:not(.collapsed) {
	background: transparent;
	box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
}
.faq-accordion p {
	margin-bottom: 0;
	color: #888;
}
.faq-accordion .accordion-body{
    padding: 0 0 20px;
}
.ready {
    padding: 30px 0 20px;
}
.ready .btn-lg {
    margin-right: 15px;
}
.btn-default-white {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-lg {
    border-radius: 2px;
    border-width: 0;
    padding: 20px 45px;
}
.btn-primary {
    color: #fff;
    background-color: #0097a8;
    border-color: #0c8497;
	border-radius: 0;
}
#footer .footer-bottom {
    padding-top: 28px;
    padding-bottom: 28px;
}
ul.list-links {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
ul.list-links li{
	margin-bottom: 10px;
	position: relative;
	padding-right: 10px;
}
ul.list-links li:before{
	content:'\f104';
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	right: 0;
	top: 4px;
	color: #0097a8;
}
.list-meta {
	padding: 0;
}
.list-inline>li, .list-meta-items>li, .list-meta>li, .list-tags>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.ptofolio-description {
	margin-top: 20px; 
}
#footer .footer-payment {
    font-size: 32px;
	color: #737373;
	margin-left: 10px;
}

.sidebar {
    position: fixed;
    top: 102px;
    bottom: 0;
    width: 255px;
    overflow: auto;
    z-index: 2147483647;
    background: #fff;
    font-family: 'cairo';
    font-size: 16px;
    transition: all .2s;
}
#sidebar {
	right: -270px;
} 
#close-side {
	display: none;
}
.overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.35;
	display: none;
    background-color: #000;
    transition: opacity .25s ease-in-out;
    z-index: 199;
}
.side-search {
    padding: 12px 16px;
    background-color: #fff;
    border-bottom: 1px solid #e8eaed;
}
.side-search-box {
    height: 36px;
    padding: 2px 6px;
    margin: 0;
    width: 100%;
    background-color: #fff;
    font-size: 18px;
    line-height: 1.1111111;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    box-shadow: none;
    outline: 0;
}
.side-menu .side-menu-item-link a{
    position: relative;
    display: block;
    padding: 14px;
    color: #484848;
    font-size: 14px;
    line-height: 1.4285714;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}
.side-menu .side-menu-item-link a:hover {
    background-color: #e8eaed;
	color: #333;
}
.side-menu {
	list-style-type: none;
	padding: 0;
}

.has-sub ul {
	padding-right: 20px;
}
li.has-sub {
	position: relative;
}
li.has-sub:after {
	content:'\f107';
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	left: 20px;
    top: 18px;
}
.login-box {
    background: #fff;
	margin: 70px 0;
}

body.login-page {
	background: #eceff4;
}
.footer-bottom {
	background: #ffffff;
}
#footer {
	background: #ffffff;
}

.bg-gray-lighter {
    background-color: #eceff4;
}

.login-box {
	padding: 70px;
}
.login-box h1{
	font-size: 30px;
}
.login-box .google-btn {
	color: #fff;
    background-color: #dd4b39;
	display: block;
	border-radius: 0;
	vertical-align: middle;
}
.login-box .facebook-btn {
	color: #fff;
    background-color: #0f4bac;
	display: block;
	border-radius: 0;
	vertical-align: middle;
}
.login-box .facebook-btn span , .login-box .google-btn span {
	vertical-align: middle;
	margin-left: 8px;
} 
.mt-0 {
	margin-top: 0;
}
.mt-4 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
p.hr {
    position: relative;
    color: #999;
    text-align: center;
}
p.hr span{
    position: relative;
    color: #999;
    text-align: center;
	background: #ffffff;
	display: inline-block;
	z-index: 2;
	padding: 0 10px; 
}
p.hr:after {
    content:'';
	border-bottom: solid thin #eee;
	height: 2px;
	display: block;
	width: 100%;
	top: 10px;
	position: absolute;
}
.form-group {
    margin-bottom: 30px;
}
.checkbox label, label {
    font-size: 14px;
    color: #000;
}
.login-form label, .filter-form label {
	margin-bottom: 10px;
}
.login-form input {
	text-align: right;
	direction: rtl;
	border-radius: 0;
	width: 100%;
	font-size: 14px;
    height: 40px;
    padding: 6px 12px;
    background-color: #e8f0fe;
    border: 1px solid #aaafb9;
}
.login-form input[type=checkbox] {
	width: 25px;
    height: 15px;
}
.login-form .btn-login {
	padding: 0 80px;
	height: 44px;
	border-radius: 0;
}
.copyright {
	padding-top: 10px;
}
.help-login {
	margin-top: 20px;
}
.help-login li {
	margin-bottom: 10px;
}
.registration-box {
	background-color: #f7f9fc;
	padding: 40px 30px;
}
.profile-menu-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
ul.breadcrumbs {
	margin-top: 40px;
}
.breadcrumbs li {
	display: inline-block;
	margin-left: 10px;
	color: #77869b;
}
.breadcrumbs li:after {
	content: "/" ;
	margin-right: 15px; 
}
.breadcrumbs li:last-child:after {
	content: '';
}
.card-box {
	background: #fff;
}
.card-top {
	padding: 22px;
}
.card-bottom{
	padding: 14px 21px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: -1px;
    border-bottom-right-radius: -1px;
}
.img-thumbnail.img-circle {
	border-radius: 50%;
	overflow: hidden;	
}
.text-gray, .text-gray a {
	color: #575858;
}
.profile-name {
	font-size: 20px;
	margin-bottom: 0;
}
.text-48 {
    font-size: 48px;
}
.text-blue {
	color: #314459;
}
.text-green {
	color: #0097a8;
}
.card-box h4{
	font-size: 18px;
	margin-top: 8px;
}
.text-big {
	font-size: 36px;
}
.text-small {
    font-size: 13px;
}
.progress-thin {
    box-shadow: none;
    height: 8px;
	margin-top: 5px;
    border-radius: 5px;
    background-color: #f0f0f0;
} 
.progress-completed {
    background-color: #314459;
}
.progress-open {
    background-color: #2e8b57;
}
.progress-processing {
    background-color: #3f51b5;
}
.progress-lost {
    background-color: #da3623;
}
.card-head {
    border: solid #eaeaea;
    border-width: 0 0 1px;
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 21px;
}
.listing-title {
	font-size: 16px;
}
.listing-data {
	font-size: 14px;
	padding: 0;
	list-style-type: none;
}
.listing-data li{
	display: inline-block;
	margin-left: 20px;
}
.no-b {
	border: none;
}
.b-bottom {
	border-bottom: solid thin #eaeaea;
}
ul.nav.navbar-nav.nav-tabs {
	padding: 0;
	display: block;
}
.nav.navbar-nav.nav-tabs li {
	display: inline-block;
}
.nav.navbar-nav.nav-tabs>li>a {
    padding: 10px 15px;
}
.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 0;
    border: 1px solid transparent;
	padding: 0;
}
.nav.navbar-nav.nav-tabs li.active a {
	white-space: nowrap;
    padding-top: 16px;
    padding-bottom: 16px;
    box-shadow: none!important;
    cursor: pointer;
    border: none;
	background: #eceff4;
    line-height: 2;
}
.nav-tabs {
	border: none;
}
ul.tags-list.skill {
	padding: 0;
}  
.tags-list.skill li {
	padding: 5px 10px;
	background: #0c8497;
	margin: 2px;
	display: inline-block;
}
.tags-list.skill li a {
	color: #fff;
}
.label.label-rating-good {
    background-color: #9e9e9e;
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
}
.label.label-project-open {
    background-color: #2e8b57;
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
}
.light-gray-silver {
    color: #e0e0e0;
}
.portfolio-grid .content {
    min-height: 200px;
}
.postcard .content {
    position: relative;
    background-color: #fff;
}
.postcard-thumb img {
    width: 100%;
}
.postcard-cover {
    height: 200px!important;
	position: relative;
    -o-object-fit: cover;
    object-fit: cover;
	object-position: top;
}
.postcard__title {
    font-size: 16px;
}
.pdn--bn-imp, .portfolio-grid .caption .postcard__title {
    padding-bottom: 0!important;
}

.pdn--at, .portfolio-grid .caption .postcard__title, .vertical-meta, .vertical-meta .vertical-meta-column {
    padding: 12px;
}
.postcard__meta {
    font-size: 12px;
    margin: 0;
}
.clr-gray-darker, .vertical-meta, .vertical-meta .meta-content {
    color: #404040;
}
.postcard__thumb {
	background: #fff;
	border: solid thin #eee;
	padding: 10px;
} 
.add-project label {
	margin-bottom: 10px;
}
.add-project input, .add-project select {
	text-align: right;
	direction: rtl;
	border-radius: 0;
	width: 100%;
	font-size: 14px;
    height: 40px;
    padding: 6px 12px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
}
.add-project textarea {
	border: 1px solid #e3e3e3;
}
.add-project input[type=checkbox] {
	width: 25px;
    height: 15px;
}
.add-project .btn-login {
	padding: 0 80px;
	height: 44px;
	border-radius: 0;
}
.text-red {
	color: #e51c23;
}
h4.head-title {
	font-size: 18px;
	font-weight: bold;
}
.add-project .input-group-text {
	border-radius: 0;
}
.ml-20 {
	margin-left: 20px;
}
.btn-border {
	border: solid thin #ddd;
	background: #f9f9f9;
	border-radius: 0;
}
.project-box {
	background: #fff;
	border-bottom: solid thin #eaeaea;
}
.project-body {
	padding: 1.5em;
}
.no-padding {
	padding: 0;
}
.project-content a, .project-content a:hover{
	color: #343a40;
    text-decoration: none!important;
	font-size: 14px;
	line-height: 28px;
}
.project-box .listing-title a {
	font-size: 16px;
}
.dropdown-project a{
	padding: 5px 10px;
	font-size: 15px;
	display: block;
	width: 100%;
}
.dropdown-project li{ 
	margin-bottom: 5px;
} 
.dropdown-project li:last-child{ 
	margin-bottom: 0;
} 
.dropdown-project li a:hover { 
	background: #aac619;
	color: #fff;
} 
.skills-tags {
	padding: 0;
	list-style-type: none;
}
.skills-tags li {
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
}
.skills-tags li a{
	background: #0c8497;
	color: #fff;
	font-size: 15px;
	padding: 5px 8px;
	display: block;
}	
.skills-tags li a:hover{
	background: #aac619;
}	
.project-bid-form label {
	margin-bottom: 8px;
}

.project-bid-form input, .project-bid-form select {
    text-align: right;
    direction: rtl;
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    height: 40px;
    padding: 6px 12px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
}
.project-bid-form ul li {
	margin-bottom: 8px;
}
.user-bid-avatar img{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	float: right;
	margin-left: 20px;
}
.rating {
	margin-right: 5px;
}
.rating-star {
	font-size: 12px;
}
.fa-star.rating-star {
	color: #ffc107;
}
.fa-star-o.rating-star {
	color: #dddddd;
}
.bid-box {
	padding: 22px;
	background: #fff;
    border-bottom: solid thin #eaeaea;
}
.drop-message {
	position: relative;
    font-size: 14px;
    white-space: normal;
    word-break: break-word;
	width: 320px;
}
.drop-message li{
	position: relative;
    padding: 10px 10px 0px 10px;
    font-size: 14px;
    white-space: normal;
    word-break: break-word;
	border-bottom: solid thin #eee;
}
.drop-message li:last-child{
	border: none;
}
.drop-message img {
	width: 35px;
    height: 35px;
    background-color: #fff;
    vertical-align: text-top;
    float: right;
    border-radius: 50%;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / 5%);
}
.drop-message .item-content {
	overflow: hidden;
    padding-right: 8px;
}
.drop-message p {
	margin-bottom: 8px;
}
.drop-message .item-time {
	font-size: 12px;
    margin-top: 5px;
	color: #999;
}
.user-dropdown a {
	display: block;
    padding: 7px 14px;
    transition-duration: .1s;
    clear: both;
	font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 1.4285714;
    white-space: nowrap;
    text-decoration: none;
}
.user-dropdown a:hover {
    color: #484848;
    background-color: #e8eaed;
}
.user-dropdown i {
	width: 22px;
    text-align: right;
} 
.card-status h5 {
	font-size: 16px;
	position: relative;
	margin-bottom: 15px;
	padding-right: 30px;
}
.card-status h5:before {
	content: '';
	height: 26px;
	width: 26px;
	border: solid 3px #ddd;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	right: 0;
}
.card-status h5.status-done:before {
	content: '\f00c';
	font-family: Fontawesome;
	height: 26px;
	width: 26px;
	background: #0097a8;
	color: #fff;
	border: solid 3px #0097a8;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	right: 0;
}
.card-status h5.status-active:before {
	content: '\f053';
	font-family: Fontawesome;
	height: 26px;
	width: 26px;
	background: #0097a8;
	color: #fff;
	border: solid 3px #0097a8;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	right: 0;
	text-align: center;
}
.project-owner img{
	border-radius: 50%;
	display: inline-block;
	margin-left: 10px;
	vertical-align: text-bottom;
}
.project-owner .owner-details {
	display: inline-block;
}
.owner-details h5{
	font-size: 16px;
}
.owner-details p{
	color: #999;
	font-size: 14px;
}
.mobile-filters-btn {
	background: #fff;
	border: solid thin #ddd;
}
.mobile-filters-btn {
	display: none;
	float: left;
}
.filter-mobile {
	display: none;
}
.filter-form .form-check {
	padding-right: 0;
	margin-bottom: 8px;
}
.checkbox-row {
	margin-bottom: 8px;
}
.profile-form .list-group-item{
	padding-right: 0;
	margin-bottom: 5px;
}
.pd-0 {
	padding: 0;
}
.vertical-meta {
    background-color: #f5f5f5;
	margin-bottom: 20px;
}
.postcard-owner .postcard-owner-image {
    width: 36px;
    height: 36px;
	border-radius: 50%;
	float: left;
	position: absolute;
	left: 10px;
    bottom: 10px;
}
.portfolio-meta {
	padding: 0 12px 12px 12px;
}
.list-group.setting-list {
	border-radius: 0;
}
.list-group.setting-list .list-group-item {
	border-radius: 0;
	padding: 10px 20px;
}
.list-group.setting-list .list-group-item i {
	width: 30px;
	text-align: center
}
.list-group.setting-list .list-group-item.active {
	background: #0c8497;
	border: solid thin #0c8497;
}
.no-border {
	border: 0;
}
.profile-form input {
	border-radius: 0;
}
.profile-form select {
	border-radius: 0;
}
.profile-form textarea.form-control {
	color: #666;
    font-size: 15px;
    line-height: normal;
	border-radius: 0;
}
.profile-form .btn-primary {
    padding: 0 80px;
    height: 44px;
    border-radius: 0;
}
.edit-profile-form select {
	color: #666;
	font-size: 15px;
	background-color: #fbffff;
	height: 42px;
	border-radius: 0;
}
.edit-profile-form input {
	color: #666;
    font-size: 15px;
	background-color: #fbffff;
	height: 42px;
	border-radius: 0;
}
.input-group-text.active {
	background: #0c8497;
	color: #fff;
}
.edit-password {
	background: #f9f9f9;
	padding:  20px;
}
.edit-profile-form .btn-primary {
    padding: 0 80px;
    height: 44px;
    border-radius: 0;
}
.profile-user-img {
	border-radius: 50%;
}
.image-dropdown {
	width: 200px;
	top: -30px !important;
}
.image-dropdown-btn {
	width: auto;
	margin: 0 auto;
}
.edit-profile-form .btn-primary {
    padding: 0 80px;
    height: 44px;
    border-radius: 0;
}
#edit-password {
	display: none;
}
@media (max-width: 991px) {
	header .menu-list, .search-desktop {
		display: none;
	}
	.logo img {
		max-height: 59px;
	}
	.logo {
		padding: 5px;
	}
	.left-menu-item-link {
		margin: 14px 5px;
	}
	.menu-bars {
		padding: 26px 5px;
	}
	.main-body {
		padding-top: 60px;
	}
	.sidebar {
		top: 74px;
	}
	.user-img .left-menu-item-link {
		margin: 7px 4px;
	}
	.mobile-filters-btn {
		display: block;
	}
	.filter-mobile {
		display: block
	}
	.filter-sidebar {
		background-color: #fff;
		box-shadow: 1px 1px 5px #ccc;
		position: fixed;
		top: 0;
		right: 0;
		padding: 0;
		height: 100vh;
		z-index: 999;
		margin: 0!important;
		width: 0;
		overflow: auto;
		transition: all .25s;
		padding-bottom: 90px;
	}
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single {
    height: 40px !important;
    border-radius: 0 !important;
}

.cat-list a.list-group-item {
			padding: 12px;
		}
		.cat-list a.list-group-item:hover {
			background: #f8f8f8;
			color: #333;
		}
		.cat-title2 {
		    position: relative;
			display: block;
			padding: 15px;
			color: #212529;
			text-decoration: none;
			background-color: #fff;
			border: 1px solid rgba(0,0,0,.125);
			border-bottom: 0;
			margin-bottom: 0;
			font-size: 20px;
		}
		span.label-count {
			background: #0097a8;
			padding: 0 5px;
			color: #fff;
			font-size: 15px;
		}
		.pdleftright {
			padding: 0 5%;
		}
		.img-page-responsive{
		    max-width: 100%;
		    border: none;
            border-radius: 0 !important;
		}