.responseBox {
    margin-bottom: 25px;
    /*-moz-box-shadow:    0 0 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.4);
    box-shadow:         0 0 0px rgba(0,0,0,0.4);*/ 
}

.responseDetails {
    position: relative;
}

.responseDetails a {
    display: block;
    margin-bottom: 10px;
}

.responseActionsLeft {
    float: left;
    width: 22px;
    text-align: right;
    margin-right: 5px;
}

.responseDetailsLeft {
    float: left;
}

.responseDetailsCenter {
    overflow: hidden;
}

.originalResponse {
    overflow: hidden;
    max-height: 10000px;
    transition: max-height 10s;
}

.originalResponse.folded {
    max-height: 135px;
    transition: max-height .1s;
}

.toggleOriginalResponse {
    padding-top: 2px;
    display: inline-block;
    z-index: 99999;
}

.responseAvatar, .responseExpertDetails {
    float: left;
    margin: 0 15px 5px 0;
}

.responseAvatar img {
    border-radius: 50% 50% 0 50%;
    -webkit-border-radius: 50% 50% 0 50%;
    -moz-border-radius: 50% 50% 0 50%;
    -o-border-radius: 50% 50% 0 50%;
}

.responseExpertDetailsRow {
    margin-bottom: 2px;
}

.responseDetailsRight {
    float: right;
    margin-left: 15px;
}

.responseDetailsRight .ctaButton {
    margin-bottom: 12px;
    width: 100%;
}

.responseDetailsRight .ctaButton div {
    text-align: center;
    width: 100%;
}

.responseDetailsRight {
    text-align: center;
}

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

.hireExpertAction .ctaButton, .hireExpertAction .ctaButton:visited {  
    background-color: #009900;
    border: solid 1px #009900;
    /*background-image: linear-gradient(bottom, #009900 26%, #00cc00  63%);
    background-image: -o-linear-gradient(bottom, #009900  26%, #00cc00 63%);
    background-image: -moz-linear-gradient(bottom, #009900 26%, #00cc00 63%);
    background-image: -webkit-linear-gradient(bottom, #009900 26%, #00cc00 63%);
    background-image: -ms-linear-gradient(bottom, #009900 26%, #00cc00 63%); 
    border: solid 1px #009933;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00cc00', EndColorStr='#009900'), 
        progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333');
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00cc00', EndColorStr='#009900')";*/ 
}

/*.hireExpertAction .ctaButton:hover {
    background-image: linear-gradient(bottom, #00cc00 19%, #009900 100%);
    background-image: -o-linear-gradient(bottom, #00cc00 19%, #009900 100%);
    background-image: -moz-linear-gradient(bottom, #00cc00 19%,#009900 100%);
    background-image: -webkit-linear-gradient(bottom, #00cc00 19%, #009900 100%);
    background-image: -ms-linear-gradient(bottom, #00cc00 19%, #009900 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#009900', EndColorStr='#00cc00');
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#009900', EndColorStr='#00cc00')";
}*/


.rejectExpertAction .ctaButton, .rejectExpertAction .ctaButton:visited {  
    background-color: #ff0000;
    border: solid 1px #ff0000;
    /*background-image: linear-gradient(bottom, #ff0000 26%, #ff6666  63%);
    background-image: -o-linear-gradient(bottom, #ff0000  26%, #ff6666 63%);
    background-image: -moz-linear-gradient(bottom, #ff0000 26%, #ff6666 63%);
    background-image: -webkit-linear-gradient(bottom, #ff0000 26%, #ff6666 63%);
    background-image: -ms-linear-gradient(bottom, #ff0000 26%, #ff6666 63%); 
    border: solid 1px #e60000;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff6666', EndColorStr='#ff0000'), 
        progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333');
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff6666', EndColorStr='#ff0000')";*/ 
}

/*.rejectExpertAction .ctaButton:hover {
    background-image: linear-gradient(bottom, #ff6666 19%, #ff0000 100%);
    background-image: -o-linear-gradient(bottom, #ff6666 19%, #ff0000 100%);
    background-image: -moz-linear-gradient(bottom, #ff6666 19%,#ff0000 100%);
    background-image: -webkit-linear-gradient(bottom, #ff6666 19%, #ff0000 100%);
    background-image: -ms-linear-gradient(bottom, #ff6666 19%, #ff0000 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff0000', EndColorStr='#ff6666');
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff0000', EndColorStr='#ff6666')";
}*/


.responseAdminActions {
    float: left;   
}

.responseAdminActions a {
    height: 32px;
    display: inline-block;;  
}

.responseAdminActions a:hover {
    text-decoration: none;  
}

.responseAdminActions a:before {
    vertical-align: middle;
    display: inline-block;
    width: 29px;
}

.responseAdminActions .yellowCardAction:before {
    content: url(../img/yellowCardAction.png);
}

.responseAdminActions .undoHireAction:before {
    content: url(../img/undoHireAction.png);
}

.responseMessages {
    display: block;
    padding-top: 10px;
    margin-top: 10px;
}

.responseMessage {
    overflow: hidden;
    border-bottom: 2px solid #4965ff;
    margin-top: 10px;
}

.responseMessage.folded {
    height: 20px;
}

.clientResponseFrom {
    color: #FF5E00;
}

.expertResponseFrom{
    color: #f9a31a;
}

.responseMessagesHeader {
    margin-bottom: 10px;
    border-bottom: 2px solid #4965ff;
    padding-bottom: 5px;
}

.responseMessagesHeader h2 {
    margin-bottom: 0;
}

.responseMessagesHeader a {
    margin-left: 6px;
    margin-top: 5px;
}

.responseMessageHeader {
    float: left;
    margin-bottom: 5px;
    width: 100%;
    cursor: pointer;
}

.responseMessageHeader span {
    font-weight: bold;
}

.responseMessageBody {
    margin-bottom: 8px;
}

.responseMessages a {
    cursor: pointer;
    text-decoration: underline;
    color: #008AD3 !important;
}

.allResponsesHeader {
    margin-bottom: 5px;
}

#responseGroupActions {
    float: right;
}

.responseBidAmount {
    font-weight: bold;
}

.responseTitle {
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: -5px;
    font-size: 15px;
}

.responseContactMoreInformation {
    margin-top: 5px;
    margin-right: 3px;
}

.rejectedResponse {
    background: #ECECEC;
    opacity: 0.6;
    filter:alpha(opacity=60);
}

.responseAttachmentIndicator {
    margin-right: 5px;
    float: right;
}

.responsesHeaderText {
    margin: 0 0 20px 1px;
    font-style: italic;
    text-align: left;
    line-height: 20px;
}

.replyBox {
    border-bottom: 1px solid #474747;
    display: none;
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative;
}

.replyMessage {
    height: 150px;
    min-width: 69%;
    max-width: 69%;
    float: left;
    margin: 0 10px 10px 0;
}

.replyInformation {
    width: 28%;
    float: right;
    margin-top: 10px;
}

.replyButtons {
    bottom: 10px;
    position: absolute;
    right: 0;
}

.responseUploadContainer {
    margin-bottom: 15px;
}

.responseUploadLabel  {
    vertical-align: top;
    margin-top: 4px;
    display: inline-block;
    font-weight: bold;
}

.responseUpload  {
    display: inline-block;
    margin-bottom: 5px;
}

.responseUploadButton {
    margin-left: 50px;
}

.responseFiles.not-active a {
    color: #A1A1A1 !important;
    pointer-events: none;
    cursor: default;
}

table.responseFileHistoryTable {
    width: 100%;
    word-wrap: break-word;
}

table.responseFileHistoryTable tr {
    width: 100%;
    word-wrap: break-word;
}

table.responseFileHistoryTable td {
    border-bottom: 1px solid #f2f8f8;
    padding: 4px 4px 4px 0;
}

table.responseFileHistoryTable td.date {
    color: #A1A1A1;
    font-family: "Courier New";
    text-align: right;
    white-space: nowrap;
}

table.responseFileHistoryTable td.archive {
    font-style: italic;
    padding-left: 10px;
    text-align: right;
    width: 75px;
}

a.archiveResponseHistoryFile {
    font-size: 95%;
}

a.showMoreResponseFiles, a.showLessResponseFiles {
    display: inline-block;
    float: left;
}

a.showMoreResponseFiles {
    margin-right: 10px;
}

a.toggleResponseFileArchive {
    float: right;
}

.closeReply {
    float: right;
}

.responseMessageActions {
    margin-top: 5px;
}

.responseMessageAttachments {
    float: right;
    margin: 0 0 15px 20px;
}

.hiredUser {
    border: 2px solid #DBE7EA; 
    background: #F2F8F8;
}

.yellowCards {
    clear: left;
    margin-bottom: 5px;
}

.yellowCards span {
    background-color: yellow;
}

/*
** respond scherm
*/

.escrowAmount {
    margin-left: 40px;
}

.escrowAmountAmount {
    margin-top: 5px;
}

.hiddenResponsesWrapper {
    display: none;
}

.toggleAllMessagesForResponse {
    float: right;
}

.responseSendMessageLink {
    float: left;
}

.responseMessagegesTitle {
    float: left;
}

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

    .responseDetailsCenter {
        border-top: 1px solid grey;
        float: left;
        margin-top: 10px;
        padding-top: 10px;
        width: 100%;
    }

    .responseDetailsRight {
        margin-left: 0;
    }
}

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

    .responseExpertDetails {
        float: none;
    }
}

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

    .responseSendMessageLink {
        display: none;
    }

    .replyBox {
        padding-bottom: 10px;
    }

    .replyMessage {
        min-width: 100%;
        max-width: 100%;
    }

    .replyButtons {
        position: static;
        text-align: right;
    }
}

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

    #responseGroupActions {
        float: none;
        margin: 8px 0 12px 0;
    }

    .responseDetailsLeft, .responseDetailsRight {
        width: 50%;    
    }

    .responseDetailsRight .ctaButtonArrow {
        display: none;
    }

    .responseDetailsRight .ctaButton div {
        width: auto;
    }


}