.nav-link {
    text-transform: capitalize;
    font-weight:400 !important;
}
.nav-pills .nav-link, .nav-tabs .nav-link {
    padding: 1.4286em .2575em; 
}
body {
    font-family: 'Poppins', sans-serif;
}

.bottom-nav a {
    font-size: 10px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}
.bottom-nav a .img-holder {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 5px auto;
    position: relative;
}
.bottom-nav a .img-holder .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #fff;
    font-size: 12px;
}
.bottom-nav a.active {
    color: #FA8501 !important;
}
.fixed-top {
    background: #ffffff;
    border-bottom: 1px solid #c3c3c3;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    min-height: 60px;
}
.fixed-bottom {
    background: rgba(255,255,255, .9);
}
.list-group-item .img-holder {
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    text-align: center;
    border-radius: 60px;
    top: 7px;
}
.list-group-item .img-holder img {
    height: 100%;
}
.list-group-item {
    position: relative;
    padding-left:95px;
    padding-right: 30px;
}
.list-group-item .distance {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 14px;
    text-align: right;
}
.list-group-item .text-details h5 {
    font-weight: 400;
}
.list-group-item .text-details .text-muted {
    margin-bottom: 0;
    color: #AAAAAA;
}
.list-group-item .text-details .small {
    color: #999999;
}
.list-group .list-group-item {
    border-bottom: 1px solid #CCCCCC;
}
.list-group .list-group-item:last-child {
    border-bottom: 0;
}
.list-group-item .distance span {
    display: block;
    text-align: right;
    margin-right: 0;
    margin-bottom: 8px;
}
.list-group-item .distance span img {
    margin-right: 0;
    margin-top: -2px;
}
.nav-tabs .nav-link {
    color: #000000;
}
.nav-tabs .nav-link.active {
    color: #F88601;
    border-color: #F88601 ;
}
.text-warning {
    color: #F88601;
}
#accordion h5 .btn {
    text-transform: inherit;
    font-size: 14px;
    font-weight: 600;
}
.card-header {
    border-bottom: 0;
}
#accordion .card-body {
    padding-top: 0;
}
.card-header h5 .btn {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    text-align: left;
}
.card-header h5 {
    margin-bottom: 0;
}
.card {
    box-shadow: inherit !important;
     border-bottom: 1px solid #e9e9e9;
}
.btn-link.focus, .btn-link:focus, .btn-link:hover {
    text-decoration: inherit;
}
.card-header h5 .btn .float-right {
    font-weight: normal;
    color: #F88601;
}
.no-shadow {
    border: 0;
    box-shadow: none;
    padding-top: 20px;
}
.no-shadow .float-left {
    margin-left: 15px;
}
.no-shadow .float-right {
    margin-right: 15px;
}
.btn-warning {
    background: #f88601 !important;
    color:#fff !important;
    width: 100% !important;
    text-transform: capitalize !important;
}

.box-shadow-container {
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    border:1px solid #e9e9e9;
    margin: 10px;
    background: #fff;
    padding: 30px;
}
.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
    color: #000;
    font-size: 14px;
}
.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
    margin-bottom: 20px;
}
.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
    background: none !important;
}

#settings .list-group .list-group-item {
    padding: 10px 0;
    border: 0;
    display: block;
}
#settings .heading-wicon {
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px;
    margin-top: 20px;
}
#settings .heading-wicon img {
    margin-right: 10px;
    margin-top: -3px;
}
#settings .list-group .list-group-item .float-right {
    margin-right: 0 !important;
}
.list-group-item :first-child {
    margin-right: 0;
}
.bg-home {
    background: url(../img/bg-home.jpg) no-repeat top center;
    background-attachment: fixed;
    background-size: cover;
}
.btn-white {
    background: #fff;
    color:#000;
    margin-bottom: 20px;
}
.bg-login {
    background: url(../img/bg-login.jpg) no-repeat top center;
    background-attachment: fixed;
    background-size: cover;
}

.bg-login .bmd-form-group [class*=" bmd-label"].bmd-label-floating, .bmd-form-group [class^=bmd-label].bmd-label-floating {
    color: #fff;
    padding-left: 36px;
}
.bg-login .custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
    border-bottom: 1px solid #fff;
}
.bg-login .custom-file-control, .form-control {
    color: #fff !important;
}
.facebook {
    background: #4267B2;
}
.linkedin {
    background: #0073B0;
}
.twitter {
    background: #1DA1F2;
}
.facebook, .twitter, .linkedin {
    color: #fff;
    text-transform: capitalize;
}
.badge {
    font-weight: normal;
    font-size: 16px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 15px;
}
.badge-secondary {
    background: #EEEEEE;
    color: #000;
}
.photo-gallery .img-full {
    height: 260px;
    overflow: hidden;
    text-align: center;
    border-radius: 8px;
}
.photo-gallery .img-half {
    height: 125px;
    overflow: hidden;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 10px;
}
.photo-gallery .img-full img,
.photo-gallery .img-half img {
    height: 100%;
}
.photo-gallery .row {
    margin-left: 5px;
    margin-right: 5px;
}
.photo-gallery .row .col-8,
.photo-gallery .row .col-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.pp-holder {
    height: 260px;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.pp-holder .img-holder {
    position: absolute;
    
}
.pp-holder .img-holder img {
    width: 100%;
}
.pp-holder .user-details {
    position: absolute;
    z-index: 99;
    bottom: 20px;
    left: 20px;
}
.pp-holder .user-details h4 {
    margin-bottom: 0;
    font-weight: bold;
}
.pp-holder .user-details p {
    margin-bottom: 0;
}
.pp-holder .user-buttons {
    position: absolute;;
    z-index: 99;
    bottom:20px;
    right: 20px;
    width: 40px;
}
.pp-holder .user-buttons .btn {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    padding: 10px !important;
}
.pp-holder .user-buttons .btn img {
    width: 100%;
}
.pp-holder .backarrow {
    position: absolute;
    left: 20px;
    top: 30px;
    z-index: 99;
}
.pp-holder .info {
    position: absolute;
    right: 20px;
    top: 30px;
}
.fixed-top h3 {
    font-weight: 600;
}

.chat-bar {
    position: relative;
    padding-left: 100px;
    padding-right: 100px;
    height: 60px;
    padding-top: 8px;
}
.chat-bar .addbtn {
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 9;
}
.chat-bar .uploadphoto {
    position: absolute;
    left: 60px;
    top: 10px;
    z-index: 9;
}
.chat-bar .btnholder {
    position: absolute;
    right: 10px;
    top: 10px;
}
.chat-bar .btnholder .btn {
    background: #2962FF;
    color: #fff;
    border-radius: 30px;
}
.chat-bar .form-control {
    border: 1px solid #AAAAAA;
    border-radius: 50px;
    color: #000 !important;
    line-height: 36px;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}
.chat .chat-item-left {
    position: relative;
    left: 20px;
    width: 70%;
    min-height: 100px;
    float: left;
}
.chat .chat-item-left .picture {
    position: absolute;
    left: 0;
    bottom: 0;
}
.chat .chat-item-left .message {
    position: absolute;
    left: 45px;
    bottom: 0;
    border-radius: 30px 30px 30px 0;
    background: #000;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}
.chat .chat-item-right {
    position: relative;
    right: 20px;
    width: 70%;
    min-height: 100px;
    float: right;
}
.chat .chat-item-right .picture {
    position: absolute;
    right: 0;
    bottom: 0;
}
.chat .chat-item-right .message {
    position: absolute;
    right: 45px;
    bottom: 0;
    border-radius: 30px 30px 0 30px;
    background: #F88601;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}
.chat .chat-item-right .msg-read {
    position: absolute;
    right: 45px;
    bottom: -20px;
    font-size: 12px;
}
.btn {
    font-weight: 400;
    border-radius: .8rem !important;
    padding: .7rem 1rem !important;
}
.badge-warning {
    color: #000;
    background: #F88601;
}
.badge {
    padding: .35em .5em !important;
}
.list-group .list-group-item span.text-details {
    font-weight: light;
}
.list-group-item .distance span.special-badge {
    display: inline-block;
    color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    
}
.list-group-item .text-details h5 {
    font-weight: 600 !important;
}
.list-group .list-group-item .text-details p {
    font-size: 14px;
}

.modal {
    background: rgba(0,0,0,.8);
}
.modal-content {
        border-radius: 20px !important;
    margin: 20px !important;
}
.btn-dark {
    background: #000 !important;
    color: #fff !important;
}
.left-menu-container {
    position: relative;
    width: 80%;
    min-width: 250px;
    background: #fff;
    padding: 25px;
    height: 100vh;

}
.left-menu-container .right-menu-holder {
    position: absolute;
    right: 25px;
}
.left-menu-container .user-container {
    position: relative;
    padding-left: 100px;
    margin-top: 100px;
    height: 100px;
}
.left-menu-container .user-container .img-holder {
    position: absolute;
    left: 0;
}
.left-menu-container .user-container .text-holder {
    padding-top: 30px;
}
.left-menu-container .user-container .text-holder h5 {
    font-weight: 600;
    margin-bottom: 0;
}

.left-menu-container .menu-holder {
    margin-top: 20px;
}
.left-menu-container .menu-holder .menu-item {
    position: relative;
    padding-left: 40px;
    margin-top: 13px;
    margin-bottom: 13px;
}
.left-menu-container .menu-holder .icon-holder {
    position: absolute;
    left: 0;
}
.left-menu-container .bottom-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 25px;
    background: #000;
    color: #fff;
}
.chat .chat-item-left .msg-like {
    position: absolute;
    background: #F88601;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    right: -19px;
    bottom: 0;
    text-align: center;
    line-height: 18px;
}
.chat .chat-item-left .msg-like img {
    width: 12px;
}
.bmd-form-group .iconholder {
    position: absolute;
    left: 5px;
    top: 30px;
}
.bmd-form-group .custom-file-control, .bmd-form-group .form-control, .bmd-form-group input::placeholder, .bmd-form-group label {
    padding-left: 36px;
}
.form-group {
    margin-bottom: 0;
}