body {background: #fff;}
.content {margin-left: 0px;}
.navbar-header .navbar-brand {padding: 10px 15px;}
.form-input-flat input[type="file"] {background: none;border: none;}
.header.navbar {border-bottom: 2px solid rgba(0,0,0,.06);}
.bootstrap-tagsinput {width: 100%;}
.bootstrap-tagsinput .tag {font-size: 13px;}
.img-rounded-50 {border-radius: 50%;}
.bordered {border: 1px solid #eee;box-shadow: 1px 2px 11px 2px #eee;}
.navbar-user>a .image img {height: 100%;}
.text-bold {font-weight: bold;}
.small {color: #656161;}
.btn-github {color: #23292D;background-color: #d6dce0;}
.btn-linkedin {background-color: #0077B5;color: #fff;}
.btn-google {background-color: #DD4B3F;color: #fff;}
.btn-facebook {background-color: #4267B2;color: #fff;}
.btn-social {width: 100%;display: block;text-align: center;height: 38px;line-height: 37px;font-size: 16px;margin: 10px 0px;font-weight: bold;border-radius: 6px;}
a.btn-social:hover {text-decoration: none; color: #fff;}
a.btn-social.btn-github:hover {color: #23292D;}
.resetpassword {margin-top: 100px;}
#user_sidebar .nav li.active {background-color: #2596ec;}
#user_sidebar .nav li.active a {color: #fff;}
.navbar-default .navbar-nav>li>a.btn.btn-small {padding: 10px 15px;background-color: #0F79C9;color: #fff;margin-top: 5px;}
.content h1.page-header {border-left: 6px solid #0f79c9;padding-left: 5px;}
.options .navbar-nav>li>a {padding: 0px;}
.options .navbar-nav>li>ul.dropdown-menu {min-width: 40px;}
.right_side_col .def, .right_side_col .det {padding: 10px 20px;text-align: left;font-size: 18px;font-weight: 400;background-color: #f1f1f1;border: 2px solid #FFF;float: left;line-height: 28px;}
.right_side_col .def {width: 30%;color: #0f79c9;}
.right_side_col .det {width: 70%;background-color: #0f79c9; color: #fff;}
ul {list-style: none;margin: 0px;padding: 0px;}
.right_side_col {padding-left: 10px;}
.overview {margin-left: 5px;margin-top: 20px;}
.overview h4 {border-bottom: 6px solid #0f79c9;padding-bottom: 5px;margin-right: 87%;}
.badge {padding:5px 10px;margin-bottom: 5px;}
#matching_projects_list .project-container {cursor: pointer;}
#matching_projects_list .project-container:hover, .expert_profile:hover {background-color: #fbfbfb;}
#matching_projects_list .project-title {color: #0f79c9;font-size: 17px;}
#matching_projects_list .project-det {color: #656161;}
#matching_projects_list .project-type {font-weight: bold;}
.l-s {border-right: 1px solid #eee;}
.head-title {font-size: 20px;color: #000;font-weight: bold;}
.industry {margin-bottom: 20px;}
.posted_at, .client-j, .client-m {color: #656161;}
#job_detail .c-c p {font-weight: bold;margin-bottom: -5px;}
#job_detail .client-m {font-size: 12px;}
#job_detail .project-l-m i.fas.fa-money-bill, #job_proposal .project-l-m i.fas.fa-money-bill {transform: rotate(135deg);}
.project-skls {text-transform: uppercase;font-size: 16px;border-top: 1px solid rgba(222,222,222,.5);padding-top: 20px;margin-top: 0px;margin-bottom: 20px;padding-left: 20px;}
.project-skls .badge:hover {background-color: #0f79c9; color: #fff;}
.industry {font-size: 14px;margin-bottom: 20px;margin-top: 20px;margin-right: 20px;}
#job_proposal a.job_det, #job_proposal a.addMileStone {padding-left: 0px;margin-top: 10px;}
#job_proposal #terms .milestoine-opts label .milestone_opt {margin-right: 10px;margin-bottom: 15px;}
#job_proposal #terms .milestoine-opts label .small {margin-left: 25px;}
#job_proposal #terms .price {color: #a5a2a2;}
a.remMileStone {color: #888787;width: 20px;text-align: center;margin-top: 6px;}
#attachs_area {display: block;min-height: 80px;width: 100%;background-color: #efefef;}
.dz-success-mark, .dz-error-mark {display: none;}
#attachs_area .dz-message {text-align: center;line-height: 69px;height: 60px;font-weight: bold;}
.dz-error-message {color: red;}
#uploaded_files .dz-details {float: left;margin-right: 10px;}
#uploaded_files .dz-preview {margin-bottom: 10px;margin-left: 20px;}
.prop_footer {height: 70px;background-color: #f5f5f5;margin: 20px -20px -20px -20px;}
.prop_footer button {margin-top: 20px;}
hr {margin-top: 1.2rem;margin-bottom: 1.3rem;border-top: 1px solid rgba(222,222,222,.5);}
blockquote {font-size: 15px;}
.forbidden_anc {color: red;text-decoration: line-through;font-weight: bold;}
a.read_less {margin-left: 5px;}
#matching_projects_list .project-skls {margin-bottom: 0px;}
.search-popup {width: 400px;z-index: 9999;}
#header_search_form .irs-slider.to, #header_search_form .irs-slider.from {position: absolute;}
.autocomplete-suggestion {cursor: pointer;border-bottom: #e4e4e4 solid 1px;background-color: #fbf8f8;padding: 5px;}
.autocomplete-suggestions {margin-top: 2px;}
.expert_profile {cursor: pointer;}
.navbar-brand .logo {height: 30px;}
.skill_items, #display_chosen_skills {border: 1px solid #eee;padding: 10px!important;margin-left: -10px;}
.skills_cats {margin-left: 10px;}
#display_chosen_skills {display: none;margin: 0px 0px 20px -10px;}
#chosen_skills span {position: relative;padding-right: 20px;}
#chosen_skills a {color: #fff;position: absolute;top:1px;right:3px;}
.messages img.media-object {width: 60px;height: 60px;}
.messages a.media-body, .messages a:hover, .messages a:active,
.messages a:focus {color: #212121;text-decoration: none;}
.messages a.media-body p {font-size: 12px;color: #9f9e9e;}
.messages a h4 {font-size: 17px;}
.messages .l-s, .messages .r-s {max-height: 100%;height: 658px;}
.messages-container {position: relative;}
.messages .r-s .messages-container, .messages .l-s {overflow-y: scroll;}
.messages .r-s .messages-container {height: 87%;padding: 20px;}
.message-box {height: 13%;position: relative;}
.message-box textarea, .message-box form {height: 100%;}
.message-box textarea {border: 1px solid #e6e6e6ee;resize: none;width: 82%;padding: 10px;overflow: hidden;}
.message-box .send_msg {position: absolute;top: 0px;right: 0;width: 18%;height: 100%;border: none;background-color: #dbdbdb;color: #646363;font-weight: bold;}
.message-box .send_msg.typing {background-color: #9fd3f3;color: #fff;font-size: 18px;cursor: pointer;}
.px-50 {width: 50px;}
.message-box .open-offer-btn {position: absolute;top: -31px;width: 18%;right: 0;text-align: center;font-weight: bold;height: 30px;line-height: 29px;}
.center-spinner {position: absolute;bottom: 30%;left: 45%;}
.messages-container .media .msg-btns {display: none;}
.messages-container .media:hover .msg-btns {display: block;}
.dropdown-notification {max-height: 200px;overflow-y: scroll;}
.users_list {padding: 0px;}
.users_list .media {padding: 5px;margin: 0;border-bottom: 1px solid rgba(222,222,222,.5);}
.active_user {background-color: #f9f9f9;}
#user_sidebar a.archived {color: #83a9ec;}
.text-shadowed-grey {text-shadow: 0px 0px 11px #a9a9a9;}
.sidebar, .sidebar-bg {width: 185px;}
body.admin_page #content {margin-left: 185px;}
body.admin_page .page-sidebar-minified #content {margin-left: 50px;}
.page-sidebar-fixed .sidebar, .sidebar-bg {top: 58px;}
#rating_form label {font-size:15px;}
.rating-stars a:hover, #rating_form a:active, #rating_form a:focus {color: #dab10d;}
.rating-stars {text-align: left;}
#rating_form .rating-stars {width: 100%;}
.rating-stars .rating-stars-container {font-size: 0px;}
.rating-stars .rating-stars-container .rating-star {display: inline-block;font-size: 22px;color: #555555;cursor: pointer;}
.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {color: #f1c40f;}
.rating-stars .rating-stars-container .rating-star.is--no-hover {color: #555555;}
.rating-stars label, #rating_form .comment-wrapper,
.rating-stars .rating-stars-container .rating-star {padding-left: 10px;}
.review_row .rating .rating-stars {width: 85px;}
.review_row .rating .rating-stars .rating-star, .right-side-rating .rating-stars .rating-star {cursor: default;}
.review_row .rating .rating-stars .rating-stars-container .rating-star,
.right-side-rating .rating-stars .rating-stars-container .rating-star {padding-left: 2px;font-size: 12px;}
.review_row .rating .rating-stars .rating-stars-container .rating-star:nth-child(1) {padding-left: 0px;}
.text-grey {color: #959494;font-size: 13px;}

@media (max-width: 991px) {
    .total_mlstones .col-md-4 {display: none!important;}
    .total_mlstones .col-md-8 {width: 100%!important;flex: 0 0 100%;max-width: 100%;}
}

@media (max-width: 767px) {
    .navbar-brand .logo {margin-left: 5px;}
    .navbar-default .navbar-nav>li>a.btn.btn-small {margin-top: 0px;}
    #header .navbar-header {height: 65px;}
    #header .navbar-nav>li {margin-top: 5px;}
    #header .navbar-right {height: 56px;}
    .content {margin-top: 40px;padding: 20px 5px;}
    .container, .container-fluid {padding: 0px;}
    .content h1.page-header {text-align: center;
        margin-bottom: 20px;
        border-bottom: 4px solid #0f79c9;
        padding-left: 0px;
        border-left: none;
        margin-left: 10px!important;
        padding-bottom: 5px;
        margin-right: 10px;}
    .content .row>[class*=p-] {padding-top: 10px!important;}
    form .col-sm-12 {padding-left: 0;padding-right: 0;}
    #edit_password #user_sidebar {display: none;}
    #projects .project_list {overflow-x: scroll;}
    .right_side_col {margin-top: 10px;padding-left: 0px!important;padding-right: 0px;}
    .overview h4 {margin-right: 83%;}
    .right_side_col .def {width: 40%;}
    .right_side_col .det {width: 60%;}
    .l-s {border-right: none;}
    .project-skls {margin-bottom: 0px;padding-bottom: 0px;padding-left: 0px;}
    #job_detail .r-s p:not(.localiz) {float: left;margin-bottom: 0;width: 50%;}
    .r-s {padding-top: 0px!important;}
    .l-s {padding-bottom: 0px!important;}
    .user_top_info {display: none;}
    .prop_l p.posted_at {margin-bottom: 0px;}
    .navbar-nav .dropdown-menu.search-popup {width: 300px;}
    #messages_page .l-s {height: 166px;}
    #messages_page .r-s {height: 350px;}
    .message-box .open-offer-btn {font-size: 13px;}
}

@media (max-width: 600px) {
    
}

@media (max-width: 446px) {
    .message-box .open-offer-btn {width: 100%;top: 45.7px;}
}

@media (max-width: 400px) {
    .right_side_col .def, .right_side_col .det {width: 100%;}
    .navbar-nav .dropdown-menu.search-popup {left: -200px;}
    .message-box textarea {width: 80%;}
    .message-box .send_msg {width: 20%;}
}