/* @group project list */

.addProjectLink, .moreProjectsLink, .projectsRssLink, .projectsTwitterLink {
    padding: 1px 0 3px 23px;
}

.addProjectLink {
    background: url("../img/sprite1.png") no-repeat -10px -175px;
}

.moreProjectsLink {
    background: url("../img/sprite1.png") no-repeat -10px -214px;
}

.projectsRssLink, .projectsTwitterLink {
    color: #888 !important;
    text-decoration: none;
}

.projectsRssLink:hover, .projectsTwitterLink:hover {
    text-decoration: underline;
}

.projectsRssLink {
    background: url("../img/sprite1.png") no-repeat -10px -253px;
}

.projectsTwitterLink {
    background: url("../img/sprite1.png") no-repeat -10px -292px;
}

/* @end */

/* @group project page */

.projectBox {
    margin-bottom: 40px;
}

.projectDetailsTopLeft {
    float: left;
    width: 70%;
}

.projectDetailsTopRight{
    float: right;
    width: 30%;
    text-align: right;
}

.projectStatus {
    color: #4965FF;   
    font-weight: normal;
}

.projectActiontext {
    margin-bottom: 20px;
}

.toggleProjectDetails {
    display: inline-block;
    margin-top: 5px;
}

.projectActions a {
    margin-right: 8px;
}

.projectData {
}

.userDashboard .projectData {
    padding-top: 15px;
}

.projectBox .contentBoxBody {
    padding-top:0;
}

.projectDataTop {
    /*border-bottom: 0.5px solid #dbe7ea;*/
    margin: 0 -20px 20px -20px;
    padding: 0 20px;
    line-height: 20px;
}

.projectDataTop:before, .projectDataTop:after {
    clear: both;
    content: " ";
    display: table;
}

.projectTopDetails i {
    color: #4964ff;
    /*color: rgb(0,155,175);*/
}

.projectTopDetails {
}

.projectDetails a.respondUrl {
    color: #008AD3;
}

.projectDetails .darkGrayText {
    color: #f9a31a;
}

.projectDetailsList {
    float: left;
    margin: 0;
    padding-bottom: 20px;
    width: 49%;
}

.projectDetailsList.left {
    width: 51%;
}

.projectDetailsLine:before, .projectDetailsLine:after {
    clear: both;
    content: " ";
    display: table;
}

.projectDetailsLabel {
    float: left;
    font-weight: bold;
    width: 110px;
}

.projectDetailsList.left .projectDetailsLabel {
    width: 101px;
}

.projectDetailsValue {
    float: right;
    width: 201px;
}

.projectDetailsList.left .projectDetailsValue {
    padding-right: 10px;
    width: 213px;
} 

.projectDetailsTableLabel {
    font-weight: bold;
}

.projectDetailsTableLabelCell {
    width: 46%;
}

.projectDetailsTable table {
    width:100%;
}

.projectDetailsTableValue.emphasize {
    color: #4965FF;
    font-weight: bold;
}

.projectDetailsTableValue a,
.projectDetailsTableValue a:visited {
    color: #474747 !important;
    font-weight: normal;
}

.projectDetailsTableValue a:hover {
    text-decarotion: underline !important;
}

.projectDetailsTableValue.emphasize a,
.projectDetailsTableValue.emphasize a:visited {
    color: #4965FF !important;
    font-weight: bold;
}

.projectDetailsTableValue.emphasize a:hover {
    text-decarotion: underline !important;
}

.projectDetailsTable .ctaButton {
    /*background-color: #4965FF;*/
}

.projectDescription {
    word-wrap: break-word;
    line-height: 20px;
}

.projectDescriptionWrapper {
    /*background-color: #FFF;*/
    /*border-bottom: 1px solid #DBE7EA;*/
    margin: 25px -25px 0 -25px;
    padding: 15px 25px 20px 25px;
}

.projectDescription.folded {
    height: 200px;
    overflow: hidden;
}

.projectFiles {
    /*margin-top: 10px;*/
    line-height: 20px;
}

.projectFilesLabel {
    display: inline-block;
    width: 70px;
}

/* @end */

/* @group edit project */

.formField.projectBudget input {
    width: 120px; 
}

#editProjectForm p {
    /*padding: 0 25px;*/
}

#editProjectForm description {
    height:200px;
}

#editProjectForm .formInlineLabel {
    float: left;
}

#editProjectForm .projectBudget {
    padding: 0px 20px 20px 30px;
}

#editProjectForm .projectBudget:first-of-type {
    padding-top: 20px;
}

#editProjectForm .minBudget,
#editProjectForm .maxBudget {
    max-width: 100px;
}

#editProjectForm .workLocation {
    /*display: none;*/
}

#editProjectForm .cke {
    /*overflow: hidden;*/
    padding: 5px 3px 20px 3px;
}

#editProjectForm .cke_inner {
    /*max-height: 150px;*/
}

#editProjectForm .cke_bottom {
    display:  none;
}

#editProjectForm .MultiFile-list {
    margin-top: 10px;
}

#editProjectForm .MultiFile-label {
    margin-left: 14px;
}

#editProjectForm .projectFiles {
    /*margin-top: 10px;*/
    margin-left:14px;
}

#editProjectForm .fileInputReplacementButton {
    background-color: #fff;
    border: #474747 1px solid;
    font-family: Roboto, sans-serif;
}

#editProjectForm .formError,  #editProjectForm .formError {
    min-width: 270px;
}

#editProjectForm  .cke {
    height: auto !important;
}

#editProjectForm .contactInformation {
    background-color: #F2F8F8;
    margin-left: -25px;
    margin-right: -25px;
    border: 2px dashed #290064;
    border-radius: 10px !important;
}

#editProjectForm .contactInformation firstCol {
    padding: 10px 25px 15px 10px;
}

#editProjectForm .contactInformation input {
    height: 40px !important;
    line-height: 40px !important;
}
    
#editProjectForm .contactInformation label {
    font-weight: normal;
}

#editProjectForm .contactInformation  .contactInformationLabel{
    margin-bottom:20px !important;
}

#editProjectForm .contentBoxBottom {
    background-color: #fff;
}

#editProjectForm .contentBoxBottom {
    margin-top: 15px !important;
}


/* @end */

.shareProject {
    margin-top: -8px;
}

.shareProject .hover_effect {
    width: 100px;
}

.shareProjectLabel {
    text-align: left;
    float: left;
    padding: 0px 5px 0 0;
}

.addthis_toolbox {
    padding-top: 0px !important;
}
}

.shareProjectLabel {
    text-align: right;
}

#addResponseForm #message {
    height: 300px !important;
    resize: vertical;
    
}

.projectCategoryBreadcrumb {
    /*margin: -20px 0 10px 0; */
    list-style-type: none;
    list-style-position: outside;
}

.projectCategoryBreadcrumb li {
    display: inline;
}

.projectCategoryBreadcrumb a {
    text-decoration: none;
}

.projectAttachmentsBox {
    xborder: 1px solid #A1A1A1;
    xpadding: 10px;
}

/* @group visitor CTA buttons */

.projectVisitorButtons {
    margin-top: 20px;
    border: 2px dashed #290064;
    border-radius: 20px;
    background-color: #F2F8F8;
    /*margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;*/
}

.projectVisitorButtons .visitorCTAbutton {
    width: 48%;
}    

.projectVisitorButtons .visitorCTAbutton .btn {
    margin-top: 15px;
    display: inline-block;
}    

.projectVisitorButtonsMobile .visitorCTAbutton {
    display: flex;
}

.projectVisitorButtons .visitorCTAbutton.expert {
    float: right;
    padding-left: 20px;
    text-align: center;
}

.projectVisitorButtonsMobile .visitorCTAbutton.expert {
}

.projectVisitorButtons .visitorCTAbutton.expert .ctaButton,
.projectVisitorButtonsMobile .visitorCTAbutton.expert .ctaButton {
    background: #4965FF;
}

.projectVisitorButtons .visitorCTAbutton.client {
    float: left;
    /*border-right: 1px solid #d7d7d7;*/
    padding-right: 20px;
    text-align: center;
}

.projectVisitorButtonsMobile .visitorCTAbutton.client {
}

/* @end */

/* @group Roadmap */

.visitorShareProject {
    float: right;
    /*margin-top: 20px;*/
}

.projectRoadmapImage {
    margin-bottom: 10px;
}

.projectRoadmapTop {
    margin-bottom: 10px;
}

.projectRoadmapTop h2 {
    margin-bottom: 0;
}

.projectRoadmapTop .countDownClock {
    float: left;
    margin: 0 15px 10px 0;
}

.roadmapAction {
    display: table;
    margin-bottom: 12px;
}

.roadmapActionButton {
    display: table-cell;
    padding-right: 15px;
    white-space: nowrap;
    vertical-align: middle;
}

.roadmapActionDescription {
    display: table-cell;
    vertical-align: middle;
}

.expertRoadmapIntro {
    font-size: 105%;
    line-height: 25px;
}

.expertRoadmapImageContainer {
    margin-bottom: 15px; 
    text-align: center;
}

.expertRoadmapImageContainer img  {
    max-width: 100%;
}

.expertRoadmapAction {
    background-color: #F2F8F8;
    border-radius: 3px;
    line-height: 22px;
    margin-bottom: 12px;
    padding: 15px;
}

.expertRoadmapAction:last-child {
    margin-bottom: 0;
}

.expertRoadmapActionButton {
    float: right;
    padding-left: 15px;
}

/* @end */

.projectButtonsRight {
    float: right;
}

.projectButtonsRight button {
    margin-bottom: 10px;
}

.projectButtonsRight button {
    margin-left: 8px;
}

.projectDetailsBottomLeft {
    float: left;
}

.projectDetailsBottomRight {
    float: right;
}

ul.rejectExpertReasonList {
    list-style: none;
    margin: 0;
}

ul.rejectExpertReasonList li {
    margin: 0 0 15px 0;
}

.rejectExpertMessage {
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
}

.rejectExpertMessage:disabled {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
}

.projectResponsesSummaryHeader {
    /*color:#f9a31a;*/
    font-size: 22px;
    font-weight: bold;
}

.projectResponsesSummaryHeaderNumber {
    font-weight: normal !important;
}

.relatedProjectsHeader {
    /*background-image: url("../img/hp-header-icon.png");*/
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 15px 0 15px 0px;
    margin: -15px auto 0 auto;
    font-weight: bold;
    font-size: 22px;
}

.addContactInfoSwitch {
    margin-bottom: 12px;
}

.onoffswitch.reply-contact-info {
    display: inline-block;
    margin: 3px 0 0 8px;
    vertical-align: top;
    width: 35px; 
}

.onoffswitch.reply-contact-info .onoffswitch-label {
    height: 10px;
}

.onoffswitch.reply-contact-info .onoffswitch-label:before {
    width: 20px;
    right: 21px;
    border-radius: 20px;
}

.onoffswitch.reply-contact-info .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 4px;
}

.rejectProject .ctaButton {
    background-color: red;
}

.acceptProject .ctaButton {
    background-color: green;
}

.askRatingButton .ctaButton {
    background-color: rgb(0,155,175);
}

.projectBox .contentBoxTop {
}

.projectDetailsTopVisitor {
    /*background-color: #fff !important;*/
    margin-bottom: 0 !important;
}

.projectDetailsTableBoxPageBottom {
    display:none;
}

.projectDetailsTableBottom {
    text-align:center;
}

.placeProjectBadgePageBottom {
    display: none;
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0 !important;
    background: #feeac9 !important; 
}

body {
    position: relative;
}

.placeProjectBadgePageBottom.fixed {
    display: none;
    position: fixed;
    top: revert !important;
    bottom: 0 !important;
}

.placeProjectBadgeSideBar {
    position: relative;
}

.placeProjectBadge .fa-chevron-circle-right {
    color: #129a07;
    font-size: 24px;
}

.placeProjectBadge {
    box-shadow: #ddd 0px 0px 6px 0px;
    border-radius: 16px;
    background: #fddfaeab; 
    padding: 20px; 
    text-align: left; 
    margin-top: 17px;
    margin-bottom: 25px;
    padding-right: 30px;
}

.freelancerProjectBadge {
    background: rgba(73, 101, 255, .25) !important; 
}

.freelancerProjectBadge .btn-cta-button-blue {
    padding: 11px 40px !important;
}

.projectDetailsTopVisitor .fixed-top {
    position: initial !important;
}

.projectDetailsTopVisitor .placeProjectBadge {
    display: none;
}

.placeProjectBadgeText {
    line-height: 1.7;
    font-size: 18px;
}

.placeProjectBadgeCloseButton {
    position: absolute; 
    /*width: 23px; */
    height: 23px; 
    font-size: 18px;
    right: 8px;
    top: 4px; 
    cursor: pointer;
}

.projectDetailsTableBoxSideColumn .contentBoxTitle .h2Like {
    color: #f9a31a;
    font-size: 20px;
}

.stButton {
    z-index: auto !important;
}

.applicantListContainer {
    /*max-height: 210px;
    height: 210px;*/
    overflow: hidden;
}

.relatedProjectsList {
    /*max-height: 210px;
    height: 210px;*/
    overflow: hidden;
}

.expandList {
    height: 100% !important;
    max-height: 100%;
}

.listContainer {
    overflow-y: hidden;
}

.applicantListBottom,
.relatedProjectsBottom {
    cursor: pointer;
    width:100%;
    box-sizing: content-box !important;
}

.applicantListBottom .fa {
    font-size: 19px;
    position: relative;
    top: 3px;
    font-weight: bold;
    margin-left: 4px;
}

.singleApplicantContainer {
    min-width: 48%;
    min-height: 50px;
}

.projectDetailsTopMobile {
    display: none; 
}

.projectVisitorButtonsMobile {
    display: none;
}

.projectVisitorButtonsMobile .visitorCTAbutton .ctaButton div {
    font-size: 12px;
}
    
.singleApplicantContainer img {
    border-radius:50% 50% 0 50%;
}

/* @group Projectdetails */

.projectDetailsTopVisitor .projectResultDetails {
    font-size: inherit !important;
    margin-bottom: 0 !important;
}

.responseDateColumn {
    margin-top: 46px;
    margin-right: 20px;
}

.expertAverageRating {
    font-size: 19px;
    background-color: #fff295;
    border-radius: 100%;
    line-height: 40px;
    font-weight: bold;
    font-family: 'AvertaBold';
    text-align: center;
    width: 40px;
}

/* @end */

@media (min-width: 900px) {
    .projectSideColumnRight {
        position: sticky;
        position: -webkit-sticky;
        top: 40px;
    }

    .placeProjectBadgeSideBar {
        position: sticky;
    }
}


@media screen and (min-width: 500px) and (max-width: 620px), screen and (min-width: 850px) and (max-width: 980px) {

    .projectVisitorButtons .visitorCTAbutton {
        background-image: none !important;
    }

}

@media screen and (max-width: 550px), screen and (min-width: 850px) and (max-width: 950px) {

    .relatedProjectsList td:last-child, .relatedProjectsList th:last-child {
        display: none;
    }

    .projectRoadmapTop h2 {
        float: left;
    }

    .projectDetailsList {
        display: block !important;
        float: none !important;
        width: 100% !important;
        font-size: 16px;
    }

    .projectDetailsList.left {
        padding: 0 !important;
    }

    .projectDetailsLabel {
        width: 40% !important;
    }

    .projectDetailsValue {
        padding: 0 !important;
        width: 60% !important;
    }

}

@media screen and (max-width: 740px), screen and (min-width: 850px) and (max-width: 1100px) {

    .projectRoadmapImage {
        display: none;
    }

}
@media screen and (min-width: 992px) {
    .placeProjectBadgePageBottom {
        height: 0px;
        visibility:hidden;
    }

}

@media screen and (max-width: 992px) {

    .projectDetailsTableBoxPageBottom {
        display: block;
    }

    .placeProjectBadgePageBottom {
        display: none ;
        transform: translate(-50%, 0px);
        visibility: visible;
        height:158px;
        margin-bottom: -10px !important;
        width: 87%;
        max-width: 500px;
    }

    .projectDetailsTopVisitor .placeProjectBadge {
        display: block;
    }

}

@media screen and (max-width: 550px) {

    .projectDetailsTopLeft, .projectDetailsTopRight {
        float: none;
        width: auto;
    }

    .projectDetailsTopRight {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .projectButtonsRight {
        float: none;
    }

    .projectButtonsRight button{
        margin: 0 8px 10px 0;
    }

    .projectDetailsBottomLeft {
        margin-bottom: 15px;
    }

    .applicantList td.responseDateColumn {
        display: none;
    }

    .projectInvoicesList th {
        display: none;
    }

    .projectInvoicesList td {
        display: inline-block;
    }

    .projectInvoicesList tr {
        border-bottom: 1px solid;
    }

    .expertRoadmapActions td {
        display: block;
    }
    
    .projectVisitorButtons .visitorCTAbutton {
        float: none !important;
        margin: 20px auto 0 auto;
        width: 95%;
    }

    .projectVisitorButtons .visitorCTAbutton.expert {
        padding-left: 0 !important;
    }

    .projectVisitorButtons .visitorCTAbutton.client {
        border-right: none !important;
    }

    .projectTopDetails .reactionCount {
        display: none;
    }

    .projectDetailsTopMobile {
        display: block; 
        background-color: #F2F8F8;
        margin-left: -25px;
        margin-right: -25px;
        padding: 25px 25px 25px 25px;
    }

    .projectVisitorButtons {
        background-color: #fff !important;
    }

    .projectVisitorButtonsMobile {
        display: block;
        display: flex;
        justify-content: space-between;
    }

    .projectVisitorButtons {
        display: none;
    }

    .projectCategoryBreadcrumb {
        display: none;
    }

    .projectDescriptionWrapper {
        margin: -10px -25px 0 -25px !important;
    }

    .projectResponsesSummaryHeader ,
    .relatedProjectsHeader {
        font-size: 16px;
    }

    .contentBoxTop h1 {
        font-size: 20px;
    }

    .projectDetailsTableBoxPageBottom h2 {
       font-size:16px;
       font-weight: bold;
    }

    .singleApplicantContainer {
        min-width: 100% !important;
    }

}

/*
@media screen and (max-width: 400px) {

    .roadmapActionButton {
        float: left;
        padding-right: 12px;
    }

    .roadmapActionDescription {
        display: block;
        margin-top: 6px;
    }

}
*/