#side_nav{background: #000;transition: all 0.3s;border:0;box-shadow: 0px 0px 20px rgb(61 65 67 / 20%);}
/* .dash-sidebar li.active a{background: #dc7228;border-radius: 0px;} */
.dash-sidebar li.active a, .dash-sidebar li.active a:hover {color: #000;}
.dash-sidebar li a, .dash-sidebar li button{color: #fff!important;font-size: 14px;font-weight: 400;margin-bottom: 0px;line-height: 30px;}
.dash-sidebar li a i, .dash-sidebar li button i{width: 18px;}
.dash-sidebar .collapse-inner a{display: flex;margin-bottom: 8px;justify-content: space-between;align-items: center; padding-left: 10px;}
.d-arrow{float: right;}
.d-arrow i{color: #fff;}
.setting-btn{position: absolute; right:180px; top:28px; }
.setting-btn #toggleButton3{position: absolute; top:-23px; right: 0;width: 25px;background: transparent!important;border:0!important;}
.setting-drop{position: relative; z-index: 111;width: 20rem;padding:.2rem 0 .5rem;margin: 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.setting-drop ul{padding-left: 0;margin-bottom: 0;}
.setting-drop ul li a{font-size: 14px;}
.setting-drop ul li a i{width:15px;}
.setting-btn .badge {position: absolute;top: -6px;right: -8px;padding: 3px 5px;border-radius: 45%;background-color: red;color: white;height: 18px;width: 19px;line-height: 10px;text-align: center;font-size: 12px !important;}
.dropdown-header {background-color: #dc7228;border: 1px solid #dc7228;padding: 0.5rem 1.5rem;color: #fff;font-weight: 600;font-size: 0.85rem;}
.top-text-block {display: block;padding: 5px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: inherit !important;border-bottom: 1px solid #f4f4f4;position: relative;}
.top-text-block:hover:before {content: '';width: 4px;background: #dc7228;left: 0;top: 0;bottom: 0;position: absolute;}
.top-text-block.unread {background: #ffc;}
.top-text-block .top-text-light {color: #999;font-size: 0.8em;}
#mydropdown1 .dropdown-item:hover, #mydropdown1 .dropdown-item:active {color: #fff!important;text-decoration: none;background-color: #db7327;}
.my-title{font-size: 22px;}
.view_counts strong.zodiac_img {background: linear-gradient(90deg, rgba(220, 114, 40, 1) 50%, rgba(205, 89, 8, 1) 100%);border-radius: 50px;padding: 3px 6px;}
.view_counts strong.zodiac_img img {width: 15px !important;height: 15px !important;}
.view_counts span{font-size: 14px;}
.side-tabs li, .side-tabs li .nav-link{width:100%; border:0; text-align: left; font-size: 14px;font-weight: 400;margin-bottom: 0px;line-height: 30px;color: #fff!important;padding: 5px 10px; border-radius: 0;}
.side-tabs.nav-tabs .nav-link.active {color: #fff!important;background-color: #db7327;border-color: transparent;border-radius: 0;}
.side-tabs li .collapse-inner button.nav-link{font-size: 13px;font-weight: 400;margin-bottom: 0px;line-height: 20px;}
.dash-pills button{padding: 0; height: auto!important;}
.dash-pills button img{position: relative!important; margin-left: 0!important;}
.dash-pills .img-box {overflow: hidden;transition: all linear 0.3s;border-radius: 5px;position: relative;display: flex;justify-content: center;align-items: center;}
.dash-pills .img-box::before {content: "";position: absolute;background: rgba(0,0,0,0.5);top: 0;bottom: 0;left: auto;right: 0;z-index: 1;width: 100%;border-radius: 5px;}
.dash-pills .img-box img {position: relative;transition: all linear 0.3s;border-radius: 5px;height: 140px;width: 100%;object-fit: cover;}
.dash-pills .h5 {position: absolute;left: 0;right: 0;text-align: center;z-index: 11;font-weight: 600;font-size: 14px;}
.heading-frame{display: flex; justify-content: space-between;}
.heading-frame .create-button {background: linear-gradient(90deg, rgba(220, 114, 40, 1) 50%, #a54db7 100%);margin-top: 0px;border-radius: 35px;border: 0px;box-shadow: none;color: #fff !important;padding: 6px 10px !important;font-size: 13px;font-weight: 500;}
.heading-frame .create-button:hover{color: #fff !important;}
.alert{padding: 0.75rem 1.25rem; font-size: 13px;}
.create-resume-box .form-control {display: block;width: 100%;height: calc(2em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size: .95rem;font-weight: 400;line-height: 1.5;color: #1a202e;background-color: #fff;background-clip: padding-box;border: 1px solid #bdbdbd;border-radius: 0.35rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-shadow: none;appearance: auto;}
.create-resume-box label, .create-resume-box h6 {font-size: 14px;font-weight: 500;}
.resume-frame {display: flex;margin-top: 20px;}
.tab-content a.btn-warning {color: #fff !important;background-color: transparent;border: 1px solid transparent;background: linear-gradient(90deg, rgba(220, 114, 40, 1) 50%, rgba(205, 89, 8, 1) 100%)!important;border-color: transparent !important;display: inline-block;font-weight: 400;color: #fff;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 0.375rem 0.35rem;font-size: .75rem;line-height: 1.5;border-radius: 0.35rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.tab-content a.btn-warning:hover {color: #fff!important;border-radius: 0.35rem;padding: 0.375rem 0.35rem!important;}
.form-check {position: relative;display: block;padding-left: 1.25rem;}
.post_img .dplay-tbl {padding-top: 0%;margin-top: 0;}
.image-upload i {font-size: 2em;color: #1A202E;}
.image-upload input {cursor: pointer;opacity: 0;height: 100%;width: 100%;z-index: 10;position: absolute;top: 0;left: 0;}
.profile-button {background: linear-gradient(90deg, rgba(220, 114, 40, 1) 70%, #a54db7 100%);border: 1px solid #dc7228 !important;border-radius: 5px!important;color: #fff !important;padding: 5px 30px;font-size: 16px;}
.mob-frame{padding: 15px 10px; border-bottom:1px solid #fff; display: none;}
.mob-frame h4{font-size: 18px;}
.mob-frame .close-btn {background: linear-gradient(90deg, rgba(220, 114, 40, 1) 70%, #a54db7 100%) !important;color: white;border: none;border-radius: 50%;width: 30px;height: 30px;cursor: pointer;font-size: 18px;line-height: 24px;}
.all-btn{background: linear-gradient(90deg, rgba(220, 114, 40, 1) 50%, #a54db7 100%);margin-top: 0px;border-radius: 35px;border: 0px;box-shadow: none;color: #fff !important;padding: 8px 15px !important;font-size: 15px;font-weight: 500;}

.ndropbtn {background-color:transparent;color: white;font-size: 18px;border: none;position: relative;display:block;cursor:pointer;right: 20px;top: 6px;}
.ndropbtn .badge{right:-12px;top:-6px;font-size: 12px;height: 20px;width: 20px;line-height: 9px;background-color: #dc7228!important;font-weight: 500;}
.ndropdown {position: relative;display: inline-block;}
.ndropdown-content {display: none;position: absolute;background-color: #fff;width: 20rem;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 1;right:20px;top:39px;}
.ndropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;font-size: 14px;}
.ndropdown-content a:hover {background-color: #f1f1f1;}
.show-menu .ndropdown-content {display: block;}

.sdropbtn {background-color:transparent;color: white;font-size: 14px;border: none;position: relative;display:block;cursor:pointer;right: 0px;top: 0px;}
.sdropbtn img{width: 50px; height: 50px;}
.sdropdown {position: relative;display: inline-block;}
.sdropdown-content{display:none;position: absolute;background-color: #fff;width: 10rem;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 111;right:0px;top:41px;text-align: left;}
.sdropdown-content a {color: black;padding: 5px 10px;text-decoration: none;display: block;font-size: 14px;}
.sdropdown-content a:hover {background-color: #f1f1f1;}
.sdropdown-content{left: 0;}
.show-menu .sdropdown-content {display: block;}
.sdropdown-content.drowpdownshow {
    display: block!important;
}
#accordionSidebar{width: 100%;}
#allpost_create{padding-left: 10px;padding-right: 10px;}
#accordionSidebar a:hover span {
  color: #fff;
}

.right_area.center_area .search{text-align: center; margin: 3px 0 0 0;}
.sdropbtn{top:3px!important;}
.cover-img{max-height: 365px; height: auto!important;}
.cover-img img {width: 100%;height: auto;object-fit: cover;max-height: 365px;object-position: center top; margin: 0!important; border-radius: 5px;}
.profile-card .user-profile-pic{border-radius: 50%!important;}
.back-header .navbar-toggler{display: none;}
.back-top-header{display: none;}
.footer-signup.btn-block {display: inline-block!important;width: auto!important; border-radius: 35px!important;padding:.3rem .65rem !important;}
footer h5{font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 0;}
ul.footer-social-icon, .footer-second-sec p, ul.new-menu3{margin-bottom: 0;}
#mc_embed_signup .mc-field-group label {display: block;margin-bottom: 3px;font-weight: 400;font-size: 14px;}
.inner-sidebar a{color: #fff!important;}
.inner-sidebar a:hover span {color: #fff!important;}
.mekestyle {padding: 7px 12px 5px!important;}


@media only screen and (min-width:992px) and (max-width:1199px){
.back-header .navbar-light .navbar-brand {margin: 0 -4% 0 0 !important;}
}

@media only screen and (min-width:768px) and (max-width:991px){
 .setting-btn {right: 85px;top: 33px;}
 .cover-img img {width: 100%;height: auto;object-fit: cover;max-height: 350px;object-position: center top;}
 .right_area .search{width: auto; float: inherit;}
 .right_area input[type="search"]{width: 13rem;}
 .back-header .navbar-light .navbar-brand{margin: 0 auto!important;}
}

@media (max-width: 767px) {
  .mekestyle {padding: 7px 12px 7px;}
  #myTab li button {font-size: 14px;padding: .5rem 4px;}
  .mob-frame{display: flex;justify-content: space-between;align-items: center;}
  .setting-btn {right: 85px;top: 33px;}
  .setting-drop{width:15rem;}
  #dash-sidebar{display: none;}
  .right_area.center_area .search{text-align: center; margin: 3px 0 0 0;width: 155px;margin-left: -10px;}
  .cover-img img {width: 100%;height: auto;object-fit: cover;max-height: 250px;object-position: center top;}
  .back-header .navbar-light .navbar-brand{margin: 0 auto!important;}
  .all_sml_profile{min-height: 20px;}
  .mekestyle {padding: 7px 12px 13px!important; min-height: 20px;}
  .header_top_section .col{max-width: 48%;}
.header_top_section .col .sdropdown{width: 25px; height: 25px;}
}