.table td.date {
    padding-right: 90px;
}

.table td.status {
    padding-right: 40px;
}

table .btn {
    height: 40px;
    vertical-align: middle;
}

table .lukopgave, table .ratingbtn {
    width: 96px;
}

table .vistilbud {
    width: 62px;
}

.btn span {
    vertical-align: middle;
    padding-top: 15px;
}

.btn-orange span {
    padding-top: inherit;
}

#ratingmodal {
    height: 460px;
}

#ratingmodal .modal-body {
    min-height: 418px !important;
}

#ratingmodal .input-xlarge {
    width: 90%;
}

#ratingmodal h4 {
    margin-bottom: 5px;
}

#ratingmodal .rating {
    margin-bottom: 30px;
}

#ratingmodal .rating .stars {
    /*margin-right:10px;*/
}

#ratingmodal .rating .expl {
    height: 30px;
    line-height: 30px;
}

.btn-orange {
    color: #333;
    font-family: Trebuchet MS;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
    background-color: #FFBB00;
    *background-color: #FFBB00;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9100), to(#FFBB00));
    background-image: -webkit-linear-gradient(top, #FF9100, #FFBB00);
    background-image: -o-linear-gradient(top, #FF9100, #FFBB00);
    background-image: linear-gradient(to bottom, #FF9100, #FFBB00);
    background-image: -moz-linear-gradient(top, #FF9100, #FFBB00);
    background-repeat: repeat-x;
    border-color: #FFBB00 #FFBB00 #a55622;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-orange:hover {
    color: #333;
    font-family: Trebuchet MS;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
    background-color: #FF9100;
    *background-color: #FF9100;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFBB00), to(#FF9100));
    background-image: -webkit-linear-gradient(top, #FFBB00, #FF9100);
    background-image: -o-linear-gradient(top, #FFBB00, #FF9100);
    background-image: linear-gradient(to bottom, #FFBB00, #FF9100);
    background-image: -moz-linear-gradient(top, #FFBB00, #FF9100);
    background-repeat: repeat-x;
    border-color: #FFBB00 #FFBB00 #a55622;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-grey {
    color: #fff;
    /*	font-family: Trebuchet MS;*/
    /*	text-shadow:0 -1px 0 rgba(255,255,255,0.25);*/
    background-color: #afafaf;
    *background-color: #afafaf;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#909090), to(#afafaf));
    background-image: -webkit-linear-gradient(top, #909090, #afafaf);
    background-image: -o-linear-gradient(top, #909090, #afafaf);
    background-image: linear-gradient(to bottom, #909090, #afafaf);
    background-image: -moz-linear-gradient(top, #909090, #afafaf);
    background-repeat: repeat-x;
    border-color: #afafaf #afafaf #a55622;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-grey:hover {
    color: #fff;
    /*	font-family: Trebuchet MS;*/
    /*	text-shadow:0 -1px 0 rgba(255,255,255,0.25);*/
    background-color: #909090;
    *background-color: #909090;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#afafaf), to(#909090));
    background-image: -webkit-linear-gradient(top, #afafaf, #909090);
    background-image: -o-linear-gradient(top, #afafaf, #909090);
    background-image: linear-gradient(to bottom, #afafaf, #909090);
    background-image: -moz-linear-gradient(top, #afafaf, #909090);
    background-repeat: repeat-x;
    border-color: #afafaf #afafaf #a55622;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.rates-block {
    line-height: 15px;
}

.user-job-item {
    padding: 1% 2%;
    border: 1px solid #f7f8f9;
    margin-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #EEEEEE;
    cursor: pointer;
}

.user-job-item:hover {
    background: #F5EDCB;
}

.user-job-item-other {
    float: left;
    /*width: 19%;*/
    width: 100%;
    color: #000;
}

.user-job-item-id, .user-job-item-time {
    float: right;
    font-size: 18px;
    font-weight: bold;
    color: #f7f8f9;
}

.user-job-item-status {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.user-job-item-id, .user-job-item-time {
    /* margin-right: 10px; */
}

.user-job-item-inform {
    float: left;
    width: 19%;
    margin-left: 2%;
    color: #f7f8f9;
}

.user-job-item-picture {
    margin-bottom: 5px;
}

.user-job-item-picture i {
    font-size: 30px;
}

.user-job-item-picture .pull-left {
    margin-left: 5px;
    color: rgb(127, 127, 127);
}

.user-job-item-picture .pull-left:first-child {
    margin: 0;
}

.more-picture-job {
    float: left;
    width: 30px;
    background: rgb(127, 127, 127);
    margin-top: 2px;
    margin-left: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 2.5px 0;
}

.user-job-item-name {
    font-size: 16px;
    font-weight: bold;
}

.user-job-item-description {
    color: rgb(127, 166, 202);
    font-size: 12px;
    margin-top: 5px;
}

.user-job-item-category {
    float: left;
    width: 18%;
    margin-left: 4%;
    color: #000;
}

.user-job-item-count-bid {}

.user-job-item-bar {
    float: left;
    color: #807D7D;
    width: 20%;
    margin-left: 1%;
}

.user-job-item-bar strong {
    color: #000;
}

.user-job-item-bar-link {
    color: blue;
    text-decoration: underline;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
}

.user-job-item-link {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 25px;
}

.user-job-item-link a {
    display: flex;
    text-align: center;
    color: #000;
    text-decoration: underline;
    font-size: 15px;
    margin-right: 12px;
}

.user-job-item-link a img {
    display: block;
}

.user-job-item-link a span {
    display: block;
}

.user-job-item-link .ratingbtn {}

@media (max-width: 768px) {
    .mobil-title-link {
        /* color: rgb(46,166,72); */
        color: #fff;
    }
}

@media(max-width: 979px) {
    .user-job-item {
        margin: 0 2% 10px;
        border: none;
        padding: 2% 2.5%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .user-job-item-mobil-name {
        font-weight: bold;
        color: #f7f8f9;
        font-size: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .user-job-item-mobil-category {
        margin-top: 5px;
        font-size: 12px;
        color: #f7f8f9;
    }
    .user-job-item-mobil-other {
        font-size: 12px;
        color: #f7f8f9;
        margin-top: 2px;
    }
    .user-job-item-mobil-count-bid {
        margin-top: 2px;
        font-size: 12px;
        color: #f7f8f9;
    }
    .user-job-item-mobil-bar-link {
        margin-top: 2px;
        color: blue;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
    }
    .user-job-item-mobil-link .ratingbtn {
        margin-right: 10px;
    }
    .user-job-item:hover {
        background: #EEEEEE !important;
    }
    .all_jobs {
        margin: 2% 2.5%;
    }
}

.all_jobs {
    margin: 0;
    /* margin-bottom: 50px; */
}

.user-item-job-block {
    margin: 25px 74px 10px 72px;
}

.user-item-job-block .background-all {
    background: #EEEEEE;
}

.user-item-job-block.open-block .background-all {
    background: #efefef;
    /* background: #F4F4F4; */
    -webkit-border-radius: 10px;
    /* -webkit-border-radius: 0px; */
    /* -webkit-border-bottom-right-radius: 10px; */
    /* -webkit-border-bottom-left-radius: 10px; */
    /* -moz-border-radius: 0px; */
    -moz-border-radius: 10px;
    /* -moz-border-radius-bottomright: 10px; */
    /* -moz-border-radius-bottomleft: 10px; */
    border-radius: 10px;
    /* border-radius: 0px; */
    /* border-bottom-right-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    padding: 16px 30px;
}

.user-item-job-block-main {
    /* padding: 1% 2%; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.user-item-job-block.open-block .user-item-job-block-main {
    -webkit-border-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.modal-job-details-edit input.select2-input {
    display: block !important;
}

.modal-footer .checkbox_style.checkbox-primary label:before {
    margin-left: -17px;
}

.company-img-name {
    display: flex;
    width: 260px;
}

.company-img-name img {
    /*  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;*/
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #888888;
    background: #fff;
}

.company-img-name .pull-right {
    color: #1B4E65;
    font-size: 16px;
    font-weight: bold;
    width: 140px;
    padding-top: 23px;
    line-height: 15px;
}

/*.company-img-name .pull-right .show-profile-page{
  white-space: nowrap;
  overflow: hidden;
  width: 120px;
  display: block;
}
.company-img-name .pull-right .show-profile-page:hover{
  white-space: normal;
  overflow: visible;
}*/

.message-company-block {
    width: 120px;
    margin-right: 35px;
}

.message-company-block .button-message-user {
    float: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    border: none;
    font-size: 10px;
    padding: 0;
    text-align: left;
    cursor: pointer;
    /* width: 30px; */
    /* margin-top: 16px; */
    /*  margin-left: auto;
  margin-right: auto;*/
    /*margin-left: 22px;*/
}

.messages-box {
    display: flex;
    margin-bottom: 4px;
}

@media (max-width: 440px) {
    .messages-box {
        flex-direction: column;
    }
}

.message-more {
    color: #5352d0;
    cursor: pointer;
    font-weight: bold;
}

.payment-protection-block {
    width: 165px;
    margin-right: 28px;
}

.payment-protection-block .text_1 {
    color: #31b14c;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.25;
}

.payment-protection-block .text_2 {
    font-weight: 600;
    margin: 0;
    font-size: 11px;
    line-height: 1.25;
}

.bid-price {
    /* width: 15%; */
    /* margin-right: 5%; */
    width: 100%;
    max-width: 120px;
}

.bid-price .align-left {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.bid-price .align-left a {
    color: #626262;
    font-weight: bold;
    /* background: #fff160; */
    /* padding: 4%; */
    display: block;
    /* margin-top: 20px; */
}

.bid-price .align-left .label_amount {
    /* color: #6d6d6d; */
    color: #000;
    font-weight: bold;
    /* background: #fff160; */
    /* padding: 4%; */
    white-space: normal;
}

.bid-price .align-left .label_amount.line-price {
    /* padding: 4%; */
    display: block;
    /* margin-top: 15px; */
    word-break: break-word;
    margin-bottom: 8px;
}

.stars-company {
    margin-top: 18px;
}

.distance-block {
    width: 90px;
    margin: 17px 4% 0 0;
}

.distance-block .distancetext {
    margin-left: 5px;
    margin-top: 8px;
    color: #808080;
}

.distance-block .distance {
    /*margin: 0 0 0 14px;*/
}

.collapse_overflow {
    overflow: initial;
}

.mobil-bid-details {
    padding: 15px 2% 15px;
    /* border-bottom: 1px solid #ccc; */
}

.mobil-bid-details:last-child {
    border-bottom: none;
}

.names_interlocutors {
    position: absolute;
    top: 0;
    width: 55%;
    margin-left: 21%;
    margin-right: 22%;
    color: #fff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.names_interlocutors > a {
    color: #fff;
}

.names_interlocutors > a:hover {
    text-decoration: none;
}

.message-bar {
    padding: 1.5%;
}

.messages-history-item {
    margin-bottom: 10px
}

.messages-history-item .pull-left {
    width: auto;
}

.messages-history-item .pull-right {
    width: 91%;
}

.block-messages-company, .block-messages-user {
    position: relative;
    float: left;
    display: block;
    /*background: rgb(233,233,233);*/
    background: #fff;
    padding: 10px;
    /*border: 1px solid #7E7E7E;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 10px;
    max-width: 73%;
}

.block-messages-company .arrow {
    top: 20%;
    left: -21px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
    border-width: 11px;
    position: absolute;
}

.messages-history-text {
    width: 78%;
    margin: 0;
    color: rgb(106, 106, 106);
    
}

.block-messages-company .arrow:before {
    position: absolute;
    left: 3px;
    top: 1px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    /*border-right-color: rgb(233,233,233);*/
    border-right-color: #fff;
    ;
    border-left-width: 0;
    border-width: 9px;
    content: "";
}

.block-messages-company .arrow:after {
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    /*border-right-color: #7E7E7E;*/
    border-left-width: 0;
    border-width: 10px;
    content: "";
}

.messages-history {
    /* max-height: 390px; */
    /* min-height: 390px; */
    overflow-x: hidden;
}

.contactnewmessage {
    width: 78% !important;
    margin: 0;
    height: 20px;
    float: left;
}

#send-bid-msg-btn {
    float: right;
    width: 18%;
    height: 70px;
}

.block-messages-user {
    position: relative;
    float: left;
    display: block;
    background: rgb(233, 233, 233);
    padding: 10px;
    /*border: 1px solid #7E7E7E;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 10px;
    max-width: 73%;
}

.block-messages-user {
    float: right;
    background: #2DB3C9;
    margin-left: 0px;
    margin-right: 10px;
}

.block-messages-user .arrow {
    bottom: 20%;
    right: -20px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
    border-width: 11px;
    position: absolute;
}

.block-messages-user .arrow:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    right: 2px;
    bottom: 1px;
    border-left-color: #2DB3C9;
    border-right-width: 0;
    border-width: 9px;
    content: "";
}

.block-messages-user .arrow:after {
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    /*border-left-color: #7E7E7E;*/
    border-right-width: 0;
    border-width: 10px;
    content: "";
}

.mobil-title-link {
    text-decoration: none;
    cursor: pointer;
    padding-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.messages-history .msgs {
    padding-top: 10px;
}

.mr-res172 {
    margin-right: 172px;
}

.mr-res94 {
    margin-right: 94px;
}

@media(max-width: 979px) {
    .user-item-job-block {
        margin-right: 0;
        margin-left: 0;
    }

    #main .user-item-message-block {
        margin-right: 2.5%;
        margin-left: 2.5%;
    }

    .all_jobs {
        margin: 2.5%;
    }
    .user-item-job-block.open-block .background-all {
        padding: 0;
    }
    .mobil-bid-details .dropdown-menu {
        right: 0;
        left: initial;
    }

    .mr-res172 {
        margin-right: 0px;
    }

    .mr-res94 {
        margin-right: 0px;
    }
}

.bid-price .align-left .label_amount, .bid-price .align-left a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.message-modal-use .modal-footer .control-group {
    margin: 0;
}

.show-profile-page {
    color: #31b14c;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 16px;
}

.show-profile-page span {
    color: #6d6d6d;
}

@media (max-width: 979px) {
    .show-profile-page img {
        /* border-radius: 35px; */
        border: 1px solid #888888;
        background: #fff;
        width: 60px;
        height: 60px;
    }
    .show-profile-company-page img {
        /* border-radius: 35px; */
        border: 1px solid #888888;
        background: #fff;
        width: 60px;
        height: 60px;
    }

    .section-right .button-choose-block .padder > a {
        width: auto!important;
        padding: 4px 16px!important;
    }

    .stars-company {
        margin-top: 0;
        display: flex;
    }
}

.show-profile-job {
    color: #31b14c;
    font-size: 12px;
    font-weight: 600;
}

.show-profile-job span {
    color: #6d6d6d;
}

a.zip-profile {
    display: block;
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 600;
    margin-right: 20px;
    margin-top: -6px;
    cursor: pointer;
    text-decoration: none;
}

.address-profile a {
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 600;
    margin-right: 20px;
    cursor: pointer;
    text-decoration: none;
}

.client_message {
    cursor: pointer;
}

.contactnewmessage {
    height: 60px;
}

#send-message-beskeder-mobil {
    margin-left: 3px !important;
    height: 70px;
    background: #006dcc;
    color: #fff;
    width: 22%;
}

.uploads-files-job .fileinput-button span {
    padding-top: 0;
}

.block-messages-user .messages-history-text {
    color: #fff;
}

.job-details-edit-upload, .job-details-edit-upload:hover {
    color: #000;
    font-weight: bold;
    /* background: #c3c3c3; */
    background: #fff;
    margin-bottom: 10px;
    text-shadow: none;
    padding: 10px 15px;
}

/*
.job-details-edit-upload:hover{
  color: #005580;
  text-decoration: underline;
}*/

.job-details-edit-upload-li {
    margin: 0;
}

.job-details-edit-upload-li:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.job-details-edit-upload-li li:first-child {
    margin-left: 0;
}

.job-details-edit-upload-li li {
    width: 48px;
    height: 48px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    vertical-align: top;
    margin-left: 3px;
    position: relative;
}

.job-details-edit-upload-li li a:nth-child(2) {
    position: absolute;
    top: 0;
    display: block;
    height: 20px;
    width: 20px;
    right: 0;
}

.new-block-distance {
    margin: 30px 25px 0;
}

.new-block-distance-text {
    color: #918f8f;
    width: 62%;
}

.new-block-distance-text span {
    color: #7b7b7b;
    font-weight: bold;
}

.new-block-distance-company {
    margin: 15px 0;
}

.new-block-distance-company-img img {
    /*  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #888888;
    background: #fff;
}

.new-block-distance-company-name {
    padding-top: 23px;
    margin-left: 18px;
    width: 175px;
}

.new-block-distance-company-name a {
    color: #1B4E65;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.new-block-distance-company-star {
    width: 140px;
    margin-top: 24px;
    margin-right: 5%;
    /*margin-left: 58px;*/
}

.new-block-distance-company-btn {
    width: 13%;
    margin-top: 16px;
}

.new-block-distance-company-btn a {
    color: rgb(87, 87, 87) !important;
    background: #fff;
    font-weight: bold;
    width: 100%;
    padding: 4% 0;
}

@media(max-width: 979px) {
    .new-block-distance-text {
        width: 100%;
    }
    .new-block-distance-company-img img {
        width: 40px;
    }
    .new-block-distance-company-btn {
        margin-top: 8px;
    }
    .new-block-distance {
        margin: 20px 25px 0;
    }
    .message_reg_company div:nth-child(1) {
        float: none !important;
        margin-bottom: 10px;
    }
    .message_reg_company div:nth-child(2) {
        float: none !important;
        margin: 0 auto 10px auto !important;
        width: 128px;
    }
    .user-jobs-text {
        font-size: 11px;
    }
    .job-details-edit-upload-li li {
        margin-left: 20px;
    }
    .job-details-edit-upload-li li:nth-child(6) {
        margin-left: 0;
    }
    .new-block-distance-company-btn {
        /*width: 38%;*/
        width: 28%;
    }
}

.hide-new, .hide-new-mobil {
    opacity: 0;
    height: 0px;
    overflow: hidden;
}

#ratingmodal a.btn {
    width: 43%;
}

@media(max-width: 979px) {
    #ratingmodal a.btn {
        width: 88%;
        margin-bottom: 15px;
        float: none;
    }
}

.star-new-item {
    margin-right: 4% !important;
}

.description_hover .description_hover_full {
    display: none;
}

.description_hover .description_hover_not_full {
    display: block;
}

.description_hover:hover .description_hover_full {
    display: block;
}

.description_hover:hover .description_hover_not_full {
    display: none;
}

.description_hover {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 194px;
    padding-top: 5px;
}

.new-block-amount-company-btn {
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #000;
    background: rgb(255, 245, 91);
    padding: 3px 5px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px auto 0;
}

@media(max-width: 979px) {
    .new-block-amount-company-btn {
        margin: 14px auto 0;
    }
    .description_hover {
        float: right;
        margin-right: 2%;
    }
}

.text-close-job {
    position: relative;
    color: #fff;
    background: orange;
    padding: 5px;
    width: 194px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 30px;
    margin-top: 4px;
}

.text-close-job p {
    margin: 0;
    padding: 0;
}

a.job_close_page img {
    margin: 0 auto;
}

.link_top_firmaer {
    text-align: left;
    margin-left: 68px;
    margin-bottom: 5px;
}

@media(max-width: 979px) {
    a.job_close_page img {
        margin: 0;
    }
    .link_top_firmaer {
        margin: 0 0 5px 0;
    }
    .link_top_firmaer a {
        font-size: 14px !important;
    }
    .user-jobs-text .pull-left, .user-jobs-text .pull-right {
        color: #7f7f95;
        font-style: italic;
    }
    .user-jobs-text .pull-left, .user-jobs-text .pull-right a {
        font-size: 9px;
    }
}

#newmodalstatus .modal-body a:hover {
    text-decoration: none;
}

.facebook_friends_list {
    color: #fff;
    margin-left: 25px;
    margin-top: 25px;
}

.facebook_friends_list_item__icon {
    float: left;
    color: #4267B2;
    font-size: 25px;
    margin-right: 8px;
}

.facebook_friends_list_item__text {
    float: left;
    line-height: 14px;
    width: 58%;
    margin-top: 10px;
    margin-right: 14px;
}

.facebook_friends_list_item__button {
    float: left;
    width: 13%;
}

.facebook_friends_list_item__button .btn {
    color: rgb(87, 87, 87);
    background: #fff;
    padding: 4% 11px;
    cursor: pointer;
    width: 79%;
    text-align: center;
}

@media (max-width: 979px) {
    .modal-job-details-edit .modal-footer .pull-left .checkbox_style label {
        font-size: 12px;
    }
    .modal-job-details-edit .modal-footer .pull-left {
        display: block;
        float: none;
    }
    .modal-job-details-edit .modal-footer .pull-right {
        display: block;
        float: none;
        margin-top: 5px;
    }
    .modal-job-details-edit .modal-footer .pull-right button {
        width: 48%;
    }
    .modal-job-details-edit .modal-footer .pull-right .send-update-job {
        width: 48%;
    }
    /*  .modal-job-details-edit .modal-footer .pull-left .checkbox_style{
    display: block !important;
    margin: 0 !important;
  }*/
}

.contractIsHidden {
    display: none !important;
}

.hideJobCompany {
    color: #0e0e0e;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: -12px;
    cursor: pointer;
    opacity: 0.6;
    white-space: normal;
    position: absolute;
    right: -16px;
}

/* .showHideContracts .checkbox-primary {
    float: right;
} */

.showHideContracts input {
    margin: 0;
}

.showHideContracts label {
    font-weight: normal;
    color: #000;
    font-size: 16px;
}

@media(max-width: 979px) {
    .showHideContracts .checkbox-primary {
        margin-right: 13px;
    }
}
@media (min-width: 979px) {
    .content.user_job {
        margin-left: 250px;
    }
}
/* leftbar job */
#main .leftbar.jobs {
    position: fixed;
    background-color: rgb(228,228,228);
    width: 100%;
    max-width: 250px;
    min-height: 70vh;
    z-index: 99;
    margin-left: 18px;
    margin-top: 8px;
    border-radius: 12px;
}

.leftbar .item {
    color: #000;  
}

.leftbar.jobs ul.nav.pull-left {
    width: 100%;
    margin-top: 24px;
}

.leftbar.jobs ul.nav.pull-left li a {
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    background-color: rgb(228,228,228);
    padding: 13px 0 13px 20px;
    margin-left: -20px;
}

.leftbar.jobs ul.nav.pull-left .item.active a,
.leftbar.jobs ul.nav.pull-left .item.active a:hover,
.leftbar.jobs ul.nav.pull-left .item a:hover {
    color: #aaa200;
    box-shadow: none !important;
}

.leftbar.jobs ul.sub-nav .item.active,
.leftbar.jobs ul.sub-nav .item.active .task:hover,
.leftbar.jobs ul.sub-nav .item .task:hover,
.leftbar.jobs ul.sub-nav .task:hover {
    color: #aaa200;
    box-shadow: none !important;
}

.leftbar.jobs ul.sub-nav .invoices:hover{
    color: #b0be01;
    box-shadow: none !important;
}
.leftbar.jobs ul.sub-nav .item.company.active,
.leftbar.jobs ul.sub-nav .item.company.active:hover,
.leftbar.jobs ul.sub-nav .item.company:hover {
    color: #b0be01;
    box-shadow: none !important;
}
.leftbar.jobs ul.sub-nav .companies.active,
.leftbar.jobs ul.sub-nav .companies.active:hover,
.leftbar.jobs ul.sub-nav .companies:hover {
    color: #b0be01;
    box-shadow: none !important;
}

.dropdown ul.nav.pull-left .item.active a,
.dropdown ul.nav.pull-left .item.active a:hover,
.dropdown ul.nav.pull-left .item a:hover {
    color: #aaa200;
    box-shadow: none !important;
}

.dropdown ul.sub-nav .item.active,
.dropdown ul.sub-nav .item.active:hover,
.dropdown ul.sub-nav .item:hover {
    color: #aaa200;
    box-shadow: none !important;
}

li.job-more {
    color: #a3a3a3;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

/* Message */
.user-item-message-block {
    position: relative;
    /* background: #3cd35a;
    border: 1px solid #3cd35a; */
    background: rgb(228,228,228);
    border: 1px solid rgb(228,228,228);
    /* margin: 24px 0 24px 72px; */
    margin: 0px 72px 24px 72px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* @media (min-width: 979px) {
    .user-item-message-block {
        margin-right: 74px;
    }
} */

.user-item-message-block-hide {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    color: #000;
    font-size: 16px;
}

.user-item-message-block-hide img {
    height: 20px;
}

.user-item-message-block-main {
    padding-left: 40px;
    padding-bottom: 50px;
}

.user-item-message-block-main a {
    color: #000;
    text-decoration: revert;
}

.user-item-message-block-main .btn_nem_id {
    color: #878f97;
}

.user-item-message-block-main .user-message-item-header {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.user-item-message-block-main > .user-message-item {
    font-size: 15px;
    color: #000;
    padding-bottom: 15px;
    margin: 0;
}

@media(max-width: 979px) {
    .user-item-message-block-main {
        padding: 0px 16px;
        padding-right: 13px;
    }
}

.user-message-items {
    font-size: 15px;
    margin-top: 20px;
    color:#000;
}

.user-message-item {
    padding-bottom: 12px;
}

@media(max-width: 979px) {
    .user-message-item {
        padding-left: 0;
    }
}

.user-message-item-picture {
    font-weight: bold;
    padding-bottom: 12px;
    /* margin-right: 16px; */
    height: 50px;
}

.user-message-item-picture > span {
    margin: 0;
    height: 50px;
}

.user-message-item-picture .btn_login_facebook {
    min-width: 237px;
    padding: 4px;
    border-radius: 8px;
    background: rgb(52,87,149);
}

.user-message-item-picture .btn_login_facebook:hover {
    background: linear-gradient(#5b7bd5, #4864b1);
    box-shadow: inset 0 1px 0 #607fd6;
    cursor: pointer;
    color: #fff;
}

.user-message-item-picture .btn_login_facebook_text {
    font-size: 15px;
    line-height: 25px;
    padding: 7px 0;
    padding-left: 26px;
    padding-right: 7px;
    color: #fff;
}

.user-message-item-picture .btn_login_facebook_icon {
    margin: 0;
}

.user-message-item-picture .btn_login_facebook_icon img {
    min-height: 36px;
}

.user-message-item-picture .pull-right {
    width: 100%;
    text-align: center;
}

.job-status {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

/* bid section */
.bid-section {
    display: flex;
}

.section-left {
    display: flex;
    background-color: rgb(228,228,228);
    padding: 30px 0 30px 28px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.section-right {
    display: flex;
    text-align: center;
    background-color: #f6f6f6;
    padding: 22px 28px 14px 28px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.button-choose-block {
    margin: 0 auto;
}

@media (max-width: 1320px) {
    .section-left {
        flex: 0 0 auto;
        flex-wrap: wrap;
        width: 66%;
    }
    .section-right {
        flex: 0 0 auto;
        width: 21%;
    }
    .company-img-name {
        flex-shrink: 0;
        flex: 0 0 auto;
        /* width: 100%; */
        margin: 0;
    }
    .message-company-block {
        flex-shrink: 0;
        flex: 0 0 auto;
        /* width: 100%; */
        margin: 0;
        margin-top: 8px;
    }
    .payment-protection-block {
        flex-shrink: 0;
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
        margin-top: 16px;
    }
}

@media (max-width: 979px) {
    .section-left {
        padding: 16px 0 20px 16px;
    }
    .section-right {
        padding: 16px 16px 8px 16px;
    }
    .bid-price .align-left {
        font-size: 16px;
    }
    .padder {
        margin-top: 16px;
    }
    /* Cols full width */
    .company-img-name {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
    }
    .message-company-block {
        width: 50%;
        margin: 0;
    }
    .payment-protection-block {
        width: 100%;
    }
}

.section-right .button-choose-block .padder > a {
    font-weight: bold;
    width: 114px;
    font-size: 16px!important;
    padding: 8px 0 8px 0;
    border-radius: 8px;
}

@media (max-width: 768px) {
    .message-company-block {
        margin: 0;
    }
    .bid-price .align-left {
        font-size: 14px;
    }
    .padder {
        margin-top: 10px !important;
    }
    .section-right .button-choose-block .padder > a {
        width: auto;
        font-size: 14px!important;
        padding: 4px 16px!important;
    }
    .payment-protection-block .header {
        flex-direction: column;
    }
}

/* Button type */
.btn-chosen {
    color: #fff;
    background: #f77f28;
    border: 2px solid #626262;
    text-shadow: none;
}

.btn-chosen:hover {
    color: #fff;
    background: #f77f28;
    border: 2px solid #626262;
}

/* Milestone section */
.milestone-section {
    display: flex;
    flex-direction: column;
}

/* Message */

.user-item-message-block.message_milestone {
    width: 100%;
    max-width: 814px;
    background: rgb(228,228,228);
    border: none;
    margin: 28px 0 0 0;
}

.message_milestone .user-item-message-block-hide {
    color: #6d6d6d;
}

.message_milestone .user-message-item {
    color: #6d6d6d;
    font-size: 15px;
    padding-bottom: 26px;
}

.message_milestone .user-item-message-block-main {
    padding: 24px 34px;
}

/* Milestone */
.milestone-block {
    position: relative;
    width: 100%;
    max-width: 814px;
    background: rgb(228,228,228);
    border: none;
    margin: 28px 0 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.milestone-block-hide {
    color: #6d6d6d;
}

.milestone-item {
    color: #5b5452;
    font-size: 15px;
    text-shadow: 0 0 #5b5452;
    padding-bottom: 30px;
    margin: 0;
}

input.milestone-item {
    max-width: 134px;
    height: 28px;
    border-radius: 10px;
    padding-left: 10px;
    margin-bottom: 14px;
}

textarea.milestone-item {
    max-width: 700px;
    width: 100%;
    height: 73px;
    padding: 14px 20px;
    border-radius: 10px;
    margin-top: 12px;
}

.milestone-block-main {
    /* padding: 48px 32px 70px 32px; */
    margin-right: 42px;
    padding: 0px 32px 50px 32px;
}

.milestone-block .number {
    position: absolute;
    top: 34px;
    right: 50px;
    font-size: 29px;
    color: #727272;
}

.milestone-block .number.funded {
    top: 20px;
    right: 35px;
}

.cancelMilestone {
    color: #0e0e0e;
    text-decoration: underline;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 12px;
    cursor: pointer;
    opacity: 0.6;
    white-space: normal;
}

.appointment {
    color: #3eb34c;
    text-decoration: underline;
    display: block;
    text-align: center;
    font-weight: bold !important;
    font-size: 16px;
    margin-top: 10px;
    cursor: pointer;
    white-space: normal;
}

.action-milestone {
    /* margin-bottom: 100px; */
    margin-top: 14px;
}

.add-milestone {
    display: flex;
    align-items: end;
    color: #000;
    text-decoration: underline;
    margin-left: 32px;
    margin-bottom: 6px;
    cursor: pointer;
    margin-top: 14px;
}

.delete-milestone {
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    color: #727272;
}

.modal-milestone-block {
    color: #140800;
    padding: 42px 15px 24px 15px;
    margin-bottom: 15px;
}

#checkboxes {
    margin-right: 110px;
}

#checkboxes ul {
    margin: 0;
    list-style: none;
}

#checkboxes ul li {
    display: flex;
    align-items: end;
    margin-bottom: 34px;
}

#checkboxes ul li input {
    margin: 0;
    margin-left: 24px;
    min-width: 16px;
    height: 24px;
}

#checkboxes .number {
    font-size: 20px;
}

#checkboxes .milestone-title {
    width: 100%;
    margin-left: 34px;
    font-size: 16px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 32px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#checkboxes .amount {
    text-align: end;
    font-weight: bold;
    font-size: 15.5px;
    white-space: nowrap;
}

.gray > .amount, .gray > .milestone-title {
    color: gray;
}

@media (max-width: 768px) {
    #checkboxes .amount {
        margin-right: 0;
    }

    #checkboxes {
        margin-right: 0;
    }
}

#modal_payment_bid {
    width: 100%;
    max-width: 664px;
    top: 40%;
}

#checkboxes .total-amount {
    text-align: end;
    font-size: 15.5px;
    font-weight: bold;
    margin: 0;
}

@media (max-width: 767px) {
    #modal_payment_bid {
        width: auto;
        top: 10%;
    }

    #checkboxes .total-amount {
        margin-right: 0;
    }
}

.modal-payment-block {
    position: relative;
    background-color: #efefef;
    color: #140800;
    padding: 120px 32px 90px 32px;
    margin: -15px -15px -15px -15px;
}

.modal-payment-block strong {
    color: #000;
    font-size: 13px;
}

/* .modal-payment-block input {
    width: 100%;
    height: 30px;
    border: 1px solid #c5c5c5;
} */

.modal-payment-block form {
    max-width: 272px;
    margin: 0;
    padding: 0;
}

input.submit-payment-form {
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    background-color: #5bc0de;
    color: white;
    margin-top: 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

img.payment-logo {
    background: #fff;
    width: 100%;
    max-width: 56px;
    height: 38px;
    margin: 0 8px 10px 0;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgb(78 78 78 / 50%);
}

#iframe_payment.mobilepay, #iframe_payment.bank {
    margin-left: 0;
    margin-bottom: 0;
}

#iframe_payment.bank {
    display: none;
}

#iframe_payment {
    border: none;
    width: 100%;
    height: 1000px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: -45px;
}
/* fix css mobile pay */
main.card {
    margin-top: 600px;
}
@media (max-width: 767px) {
    #iframe_payment {
        margin-left: 0;
    }
}

@media (max-width: 587px) {
    #iframe_payment {
        margin-left: 0;
        height: 548px;
    }

    #iframe_payment.mobilepay {
        margin-top: 0;
    }

    #modal_payment_bid {
        max-height: 600px;
    }
}

.switch_payment {
    display: flex;
    position: absolute;
    top: 12px;
}

.switch_payment label {
    color: black!important;
    font-weight: normal;
    font-size: 15px;
}

.switch_payment img {
    margin-right: 12px;
}

@media (max-width: 768px) {
    .switch_payment {
        flex-direction: column;
    }

    .switch_payment .flex {
        width: 100%;
        max-width: 100%;
        flex-shrink: 0;
    }

    .switch_payment label {
        margin-left: 0!important;
    }
}

/* Agreement box section */
.user-agreement-block {
    position: relative;
    width: 100%;
    max-width: 814px;
    background: rgb(228,228,228);
    border: none;
    margin: 14px 0 0 0;
    border-radius: 10px;
}

.user-agreement-block .nav-tabs {
    padding-left: 20px;
    padding-top: 20px;
    background-color: #c7c7c7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.user-agreement-block .nav-tabs > li > a {
    color: #000;
    font-weight: normal;
}

.user-agreement-block .nav-tabs > li:not(.active) > a {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #c7c7c7;
}

.user-agreement-block .nav-tabs > li.active > a, .user-agreement-block .nav-tabs > li.active > a:hover {
    color: #000;
    background: rgb(228,228,228);
}

.user-agreement-block .tab-content .tab-pane {
    padding: 30px 56px 46px 28px;
}

.user-agreement-block .user-agreement-content {
    color: #000;
}

.user-agreement-block .user-agreement-content .agreement-radio-item {
    margin-bottom: 15px;
}

.user-agreement-block .submit_agreement {
    background-color: #22b14c;
    padding: 12px 45px;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    font-size: 13px;
    margin-top: 30px;
    cursor: pointer;
}

.user-item-agreement-block {
    position: relative;
    width: 100%;
    max-width: 814px;
    background: rgb(228,228,228);
    /* background: #72cce2; */
    /* background: #fff; */
    border: none;
    margin: 14px 0 0 0;
    border-radius: 10px;
}

.user-item-agreement-block-main {
    padding: 26px 56px 46px 28px;
}

.user-item-agreement-title {
    text-align: center;
}

.user-item-agreement-content {
    padding: 8px 0 0px 0;
    color: #000;
}

.user-item-agreement-dropdown {
    position: relative;
}

select#milestone_dropdown {
    width: 210px;
    height: 42px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:  url('/media/imgs/icons/caret-down-solid.svg');
    background-repeat: no-repeat;
    background-position: right 20px top 50%, 0 0;
    background-size: 20px auto, 100%;
    color:#000;
    outline: none;
    padding-left: 16px;
}

/* changes for Milestones funded */
.message-funded-block {
    width: 100%;
    /* padding-right: 34px; */
    margin-bottom: 26px;
    color: white;
    background-color: #31b14c;
    border-radius: 8px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.message-funded-text {
    padding: 24px 32px;
    padding-right: 0;
    font-size: 15px;
}

.milestone-item[name="amount"].funded {
    /* margin-bottom: 34px; */
    margin-right: 8px;
}

.list-button-funded-block {
    display: flex;
    flex-wrap: wrap;
    margin-top: 38px;
}

.button-funded-block {
    width: 100%;
    max-width: 176px;
    font-size: 13px;
    text-align: center;
    line-height: 36px;
    margin-right: 12px;
    margin-bottom: 8px;
    border-radius: 8px;
    border: 1px solid black;
    cursor: pointer;
    user-select: none;
}
@media (min-width: 525px) {
    .button-funded-block {
        margin-bottom: 0;
    }
}
.button-funded-block p {
    margin: 0;
}
.button-funded-block.pay-in {
    font-weight: bold;
    background-color: #31b14c;
    color: white
}

.button-funded-block.pay-in:hover {
    background-color: #21bf42;
}

.button-funded-block.pay-out-of-part {
    font-weight: bold;
    background-color: white;
    color: #3a3a3a;
}

.button-funded-block.pay-out-of-part:hover {
    background-color: #f1f1f1;
}

.refund-funded {
    display: flex;
    color: #3a3a3a;
    align-items: end;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    margin: 0;
    cursor: pointer;
}

/* refund modal */
#form-modal-refund {
    margin: 40px 35px;
}

#form-modal-refund label {
    color: black;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
}

#form-modal-refund input {
    margin: 0;
    margin-right: 4px;
}

#form-modal-refund input[name="partial_amount"] {
    max-width: 174px;
    margin-left: 16px;
}

.button-refund-block {
    background-color: #31b14c;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 80px;
    margin-top: 84px;
    border-radius: 8px;
    border: 1px solid #000;
}

.button-refund-block:hover {
    background-color: #1bb83d;
}

.button-refund-block p {
    margin: 0;
}

/* modal payout/pay in */
.modal-payout-content, .modal-pay_in-content {
    padding: 65px 25px;
}
.modal-payout-content .title, .modal-pay_in-content .title {
    font-weight: bold;
    font-size: 14px;
    color: black;
    margin: 0;
}
.modal-payout-content .title {
    margin-bottom: 18px;
}
.modal-pay_in-content .title {
    margin-bottom: 32px;
}

.button-payout-block {
    background-color: #31b14c;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 7px 75px;
    margin-top: 10px;
    border-radius: 8px;
    border: 1px solid #000;
}
.p-css{
    display: flex; align-items: baseline; color: black;
}
.p-right{
    margin-right: 12px;
    margin-bottom: 0;
}
.p-bottom{
    margin-bottom: 30px;
}
/* Bot client invoice */
.invoice-block, .transaction-block, .transaction-record, .transaction-savecard {
    position: relative;
    width: 100%;
    max-width: 814px;
    background: rgb(228,228,228);
    border: none;
    margin: 28px 0 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 70px;
}
@media (max-width: 979px) {
    .invoice-block {
        margin-left: 18px;
        max-width: 750px;
    }
}
@media (max-width: 768px) {
    .invoice-block {
        margin-left: 15px;
        max-width: 600px;
    }
}
@media (max-width: 525px) {
    .invoice-block {
        margin-left: 13px;
        margin-right: 13px;
        max-width: 350px;
    }
    .table-invoice .hidden-invoice tr th{
        padding-right: 56px !important;
    }
}

.table-invoice .hidden-invoice tr th {
    color: #000;
    padding-right: 150px;
    
}
.table-invoice tbody tr td, .table-moneylog-clients tbody tr td {
    color: #000;
    padding-bottom: 10px;
}
textarea.refund-textarea {
    max-width: 350px;
    width: 100%;
    height: 50px;
    padding: 28px 20px;
    border-radius: 10px;
}
.delete-request-payback {
    cursor: pointer;
}

.item-job-block-arrow {
    background: url('/media/imgs/next-image.png') no-repeat center;
    height: 10px;
    width: 10px;
    margin-top: 4px;
    margin-right: 5px;
}

.item-job-block-arrow-open {
    background: url('/media/imgs/down-image.png') no-repeat center;
    height: 10px;
    width: 10px;
    margin-top: 4px;
    margin-right: 5px;
}

.list-button-funded-block-moblie {
    display: none;
}
.title-use-liquidity-2{
    display: none;
}
.title-use-liquidity{
    width: 100%;
    margin-left: 34px;
    font-size: 16px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 32px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#edit-textarea{
    right: 0px;
    margin-top: 5px;
    position: absolute;
    width: 19px;
    height: 19px;
    margin-right: 45px;
    cursor: pointer;
    z-index: 10;
}
#form-modal-close-job{
    margin: 40px 35px;
}
#form-modal-close-job label {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

#form-modal-close-job input {
    margin: 0;
    margin-right: 4px;
}

#form-modal-close-job input[name="partial_amount"] {
    max-width: 174px;
    margin-left: 16px;
}
#form-modal-close-job img {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #888888;
}
.closed-job-container {
    position: relative;
}
.closed-job-container .popup-no-option-choose {
    position: absolute;
    bottom: 50px;
}
.after-select-comp .closed-list .popup-no-option-choose {
    position: absolute;
    bottom: 60px;
}
.button-select-comp-block {
    background-color: #31b14c;
    color: white;
    margin-top: 60px;
    margin-bottom: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 48px 12px 48px;
    margin-right: 12px;
    border-radius: 8px;
    border: 1px;
}
.button-no-choose-comp-block {
    background-color: white;
    color: black;
    text-align: center;
    font-size: 16px;
    padding: 12px 50px 0 50px;
    margin-top: 84px;
    border-radius: 8px;
    border: 1px solid #000;
}
.button-feedback-block {
    background-color: #31b14c;
    color: white;
    margin-top: 64px;
    margin-bottom: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 48px 12px 48px;
    margin-right: 12px;
    border-radius: 8px;
    border: 1px;
}
.after-select-comp {
    position: relative;
}
.after-select-comp .closed-list label{
    font-weight: normal !important;
    color: #000 !important;
}
#spring-over{
    cursor: pointer;
    float: right;
    margin-bottom: 12px;
}
#form-modal-close-job_2{
    margin: 40px 35px;
}
#form-modal-close-job_2 label {
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

#form-modal-close-job_2 input {
    margin: 0;
    margin-right: 4px;
}

#form-modal-close-job_2 input[name="partial_amount"] {
    max-width: 174px;
    margin-left: 16px;
}
#form-modal-close-job_2 img {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #888888;
}
.srollbar{
    max-height: 320px;
    overflow: hidden;
}
/* width */
.srollbar::-webkit-scrollbar {
    width: 7px;
}
  /* Track */
.srollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent; 
    border-radius: 10px;
}
/* Handle */
.srollbar::-webkit-scrollbar-thumb {
    background: rgb(164, 164, 164);
    border-radius: 10px;
}
/* :hover */
.srollbar:hover {
    overflow-y: auto;
}

.transaction-block-main, .transaction-block-liquidity {
    /* padding: 48px 32px 70px 32px; */
    margin-right: 42px;
    padding: 0px 32px 50px 32px;
}
.table-moneylog-clients .hidden-moneylog-clients tr th {
    color: #000;
    padding-bottom: 6px;
}
.show-current-balance{
    margin-bottom: 20px;
    font-size: 15px;
}
.show-current-balance p, 
.show-request-liquidity p{
    color: #000;
    margin-bottom: 4px;
}
.show-request-liquidity{
    font-size: 15px
}
.text-request-liquidity{
    color: #0E8EAB;;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 8px;
}
.top-corner {
    position: absolute;
    z-index: 11;
    left: 69px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-bottom: 35px solid white;
    border-right: 30px solid transparent;
}
.trick-note {
    position: absolute;
    left: 25px;
    z-index: 10;
    width: 255px;
    border: #a6a6a6 solid 1px;
    border-radius: 40px;
    padding: 24px 32px 36px 16px;
    text-align: start;
    background-color: white;
    color: #000000;
    font-weight: normal;
    margin-top: 30px;
    font-size: 14px;
}
.trick-note span {
    color: #0E8EAB;;
    text-decoration: underline;
}
.guarantees-block-users{
    position: relative;
    width: 100%;
    max-width: 814px;
    background: rgb(228,228,228);
    border: none;
    margin: 50px 0 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 70px;
}
.guarantees-users{
    padding: 5px;
}
.creditcart-block-user{
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: 50px;
}
.guarantees-block-user{
    position: relative;
    max-width: 808px;
    /* background: #72cce2; */
    background: white;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 7px;
    margin-top: 6px;
    display: flex;
    border: 1px solid #999;
}
.guarantees-user{
    margin-right: 42px;
    padding: 22px;
}
.guarantees-user p{
    color: #000;
    font-size: 15px;
}
.guarantees-user a{
    color: #31b14c;
    /* font-size: 15px; */
    /* font-weight: bold; */
    cursor: pointer;
    margin-right: 12px;
    text-decoration: underline;
}
.guarantees-user a:hover{
    color: #048c21 ;
}
.close_box_guarantees {
    right: 0px;
    top: 5px;
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 15px;
    color: #000;
}

.show_job img, .show-details-edit-modal img,.job_rating img,
.see_more_Link img, .job_close_finished img{
    width: 22px;
    margin-right: 4px;
    margin-top: -2px;
}
.show-attach-file-modal img {
    width: 26px;
    height: 26px;
    margin-right: 4px;
    margin-top: -4px;
}
.job_private img, .action_job_closed img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-top: -2px;
}

.show_job_mobile img, .show-details-edit-modal_mobile img,.job_rating img,
.see_more_Link img{
    width: 22px;
    margin-right: 4px;
    margin-top: -2px;
}
.show-attach-file-modal_mobile img {
    width: 26px;
    height: 26px;
    margin-right: 4px;
    margin-top: -4px;
}

.user_balance{
    cursor: pointer;
    /* color: #fff; 
    font-weight: 600; */
    padding-left: 15px;
    padding-right: 15px;
    font-weight: normal;
    /* color: #333 !important; */
    color: #c3c3c3 !important;
}
.top-corner-moblie {
    position: absolute;
    z-index: 11;
    right: 88px;
    margin-top: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #333;
    border-right: 10px solid transparent;
}
.trick-note-moblie {
    position: absolute;
    right: 15px;
    z-index: 10;
    max-width: 170px;
    border-radius: 10px;
    padding: 24px 32px 36px 16px;
    text-align: start;
    background-color: #333;
    font-weight: normal;
    margin-top: 32px;
    font-size: 14px;
    border: 2px solid #000;
}
.trick-note-moblie .pull-left a{
    margin-bottom: 14px !important;
}
.new-button-message-user {
    background-color: #fff;
    float: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #000;
    font-size: 10px;
    padding: 0;
    text-align: left;
    cursor: pointer;
    padding: 3px;
    margin-bottom: 8px;
}
.new-button-message-user:hover {
    background-color: #f6f6f6;
}
.call-phone{
    background-color: #fff;
    float: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #000;
    font-size: 10px;
    padding: 0;
    text-align: left;
    cursor: pointer;
    padding: 3px 30px !important;
    display: flex;
    font-size: 14px; color: #000;
    margin-left: 0px !important;
    text-decoration: unset;
    margin-bottom: 8px;
}
.call-phone:hover{ 
    text-decoration: none;
}
.action-send-update-job-mobile{
    padding: 15px 32px;
}
.action-send-update-job-mobile .send-update-job_mobile{
    border-radius: 8px;
    width: 150px;
    height: 35px;
    font-size: 16px;
    margin-right: 5px;
}
.action-send-update-job-mobile .send-update-job-cancel-mobile{
    border-radius: 8px;
    width: 150px;
    height: 35px;
    font-size: 16px;
}
#close_modal_payment{
    position: absolute;
    right: 12px;
    top: 12px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;  
    z-index: 1;  
}

.dropdown-menu-2{
    position: absolute;
    display: none;
    min-width: 160px;
    margin-left: -116px;
    margin-top: -25px;
    width: 225px;
}
.open > .dropdown-menu-2 {
    display: block;
}

.message_preview{
    margin-bottom: 0px;
    margin-left: 3px;
    font-size: 12px;
    color: #bfbfbf;
}
.show-profile-company-page {
    color: #31b14c;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 16px;
}
.show-profile-company-page:hover {
    text-decoration: none;
}

.show-profile-company-page span {
    color: #6d6d6d;
}
@media (min-width: 979px) {
    .content.comp_page {
        margin-left: 300px;
    }
}
.back_to_overview{
    margin: 20px 0px 20px 0px;
    cursor: pointer;
}
.company-info .info {
    margin-top: 12px;
}
.call-phone-page{
    background-color: #fff;
    float: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #000;
    font-size: 10px;
    padding: 0;
    text-align: left;
    cursor: pointer;
    padding: 5px 30px;
    display: flex;
    font-size: 14px; color: #000;
    margin-bottom: 8px;
    text-decoration: unset;
    margin-left: 12px;
}
.call-phone-page:hover {
    background-color: #f6f6f6;
    color: #000;
}
.call-phone-page:hover{
    text-decoration: none;
}
.showPhoneNumber{
    padding: 20px;
}
.back_to_overview_fixed_top{
    float: left;
    width: 50px;
    margin-top: 25px;
    margin-right: 20px;
    cursor: pointer;
}
#show_popup_mess{
    height: 13px;
    margin-left: 5px;
    display: none;
}
.text_pricelist{
    margin-left: 80px;
    margin-top: 5px;
}

.see_profile_comp{
    background: #fff!important;
    color: #000!important;
    text-shadow: none!important;
    font-weight: normal!important;
    width: 114px!important;
    font-size: 16px!important;
    padding: 8px 0 8px 0!important;
    border-radius: 8px!important;
    border: 2px solid #31b14c !important;
    margin-right: 0px !important;
    margin-bottom: 6px !important;
}
.remove_job img {
    width: 26px;
    height: 26px;
    margin-right: 4px;
    margin-top: -4px;
}

.restore_contact_hide img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    margin-top: -4px;
}

.action-remove-job{
    margin-top: 20px;
    display: flex;
}
.modal-confirm-remove-job{
    padding: 40px 30px;
}
.text-confirm-remove{
    color: #000;
    font-size: 16px;
}
.button-confirm-remove{
    background-color: #31b14c;
    color: #fff;
    border-radius: 8px;
    padding: 8px 20px; 
    border: 1px solid #000;
    font-size: 16px;
}
.btn-cancel-remove{
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    padding: 8px 20px; 
    border: 1px solid #000;
    font-size: 16px;
    margin-left: 12px;
}

.link_to_job{
    color: #31b14c;
    font-weight: bold;
}

.moneylog_day_client{
    padding-right: 75px;
}
.moneylog_handling_client{
    padding-right: 150px;
}
.moneylog_balance_client{
    padding-left: 40px;
}
.dicripsion_moneylog{
    padding-left: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bottom-corner {
    position: absolute;
    z-index: 11;
    margin-top: 20px;
    margin-left: 30px;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-bottom: 40px solid #000;
    border-right: 40px solid transparent;
}
.trick-note-private {
    position: absolute;
    margin-top: 35px;
    margin-left: -100px;
    z-index: 10;
    width: 200px;
    border: #a6a6a6 solid 1px;
    border-radius: 30px;
    padding: 25px 20px 20px 25px;
    text-align: start;
    background-color: #000;
    color: #fff;
    font-weight: normal;
}

.action-job-un-private{
    margin-top: 50px;
    display: flex;
}

.btn-job-un-private{
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    padding: 10px 20px; 
    border: 1px solid #000;
    font-size: 16px;
    margin-left: 12px;
}

.btn-ok-un-private{
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    padding: 10px 40px; 
    border: 1px solid #000;
    font-size: 16px;
}
.modal-job-private{
    padding: 30px;
}
.text-job-un-private{
    color: #000;
    font-size: 16px;
}
.list-job-invaitations{
    display: grid;
    margin-bottom: 4px;
}
.job_invai_company_name, .show-more-comp{
    color: #31b14c;
}
#remove_comp_invitations{
    margin-left: 16px;
    color: #31b14c;
}
.trick {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #38a2e8;
    color: white;
    text-align: center;
    line-height: 20px;
    border-radius: 99px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    margin-left: 15px;
    margin-top: 12px;
}

.trick:hover {
    color: white;
    text-decoration: none;
}
.left-corner {
    position: absolute;
    z-index: 11;
    top: -20px;
    left: 28px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 40px solid #000;
    border-bottom: 20px solid transparent;
}
.bottom-corner {
    position: absolute;
    z-index: 11;
    top: -44px;
    left: -30px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 18px solid #000;
    border-left: 10px solid transparent;
    border-bottom: transparent;
}
.trick-note-milestone {
    position: absolute;
    left: -63px;
    z-index: 10;
    width: 160px;
    border: #a6a6a6 solid 1px;
    border-radius: 10px;
    padding: 24px 32px 36px 16px;
    text-align: start;
    background-color: #000;
    color: #fff;
    font-weight: normal;
    margin-top: -53px;
    font-size: 14px;
    margin-left: 30px;
    top: -140px;
    height: 115px;
}
.trick-note-milestone span {
    color: #0E8EAB;;
    text-decoration: underline;
}
.close_modal_rating,.close_modal_payout_and_payin,
.close_modal_show_job_pri,.close_modal_phoneNumber{
    position: absolute;
    /* margin-top: -30px; */
    top: 20px;
    right: 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.submit-milestone{
    padding: 9px 46px;
    background-color: #3ecc5d; color: #fff;
    font-size: 18px; text-align: center;
    vertical-align: middle; cursor: pointer;
    border-radius: 10px; user-select: none;
}
#show-message-list:hover{
    background-color: #819179 !important;
}
.find_company_mobile img {
    width: 26px;
    height: 26px;
    margin-right: 4px;
    margin-top: -4px;
}
.link_invai_company{
    color: #31b14c;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 16px;
}
/* .closed-list{
    max-height: 320px;
} */
.load-when-show-comp-page{
    background: none !important;
    border: none !important;
}

.action-make-job-un-private {
    margin-top: 70px;
    display: flex;
}

.cancel_modal_make_job_private{
    margin-left: 35px;
    margin-top: 10px;
}
.action_make_job_private{
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    padding: 10px 40px; 
    border: 1px solid #000;
    font-size: 16px;
}

.errorblock-payment{
    background: #fff !important;
    border: 1px solid #fff !important;
}
.errorblock-payment p{
    color: #000 !important;
}
.textarea_review{
    max-width: 350px;
    width: 100%; 
    height: 50px; 
    padding: 28px 20px; 
    border-radius: 10px; 
    margin-top: 22px;
}
.modal_choose_comp_rating{
    margin: 15px;
    padding: 15px;
}
.modal_choose_comp_rating img {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #888888;
}
.modal_choose_comp_rating label {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
#choose_comp_rating{
    margin-right: 12px;
}
#give_rating_company:hover{
    color: #000;
}
.rating-blue-button{
    background-color: #00a2e8;
    float: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #000;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
    padding: 5px 20px;
    display: flex;
    font-size: 14px;
    color: #ffffff;
    text-decoration: unset;
}
.rating-blue-button:hover {
    background-color: #0190ce;
    text-decoration: none;
    color: #ffffff;
}
label.review-checkbox {
    padding-left: 0;
    color: black !important;
    font-weight: normal !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
    margin-top: 10px !important;
}
.review-checkbox input {
    margin: 4px 7px 0 0 !important;
}
.hided-outside-block {
    width: 100%;
    background-color: #e4e4e4;
    max-width: 814px;
    border-radius: 10px;
    position: relative;
    margin-top: 14px;
}
.hided-outside-block-content {
    padding: 35px 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.hided-outside-block-content .image-content {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}
.hided-outside-block-content .text-content {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: bold;
    color: #22b14c;
}
.milestone-submit-form {
    margin-bottom: 0px;
}
#user-bid-job-item .loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #666; /* Blue */
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Mobile */
@media (max-width: 500px) {
    .action-milestone {
        margin-bottom: 100px;
    }
    .milestone-block-main {
        padding: 0px 17px 30px 17px;
    }
    .message-funded-text {
        padding: 12px 17px;
        padding-right: 0;
        font-size: 14px;
    }
    .message-funded-block {
        margin-bottom: 6px;
    }
    .milestone-item {
        font-size: 14px;
        width: 300px;
    }
    #text-branch{
        display: none;
    }
    #text-branch-2{
        display: inherit !important;
    }
    .p-bottom {
        width: 300px;
        margin-bottom: 6px;
    }
    .p-css{
        display: flex; align-items: baseline; color: black; font-size: 11px;
    }
    .p-right{
        margin-right: 6px;
        margin-bottom: 0;
    }
    .right2{
        white-space: nowrap; 
        width: 145px; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list-button-funded-block {
        display: none;
        flex-wrap: wrap;
        margin-top: 16px;
        width: 320px;
    }
    .button-funded-block {
        width: 100%;
        max-width: 115px;
        font-size: 12px;
        margin-right: 6px;
    }
    .refund-funded {
        font-size: 11px;
        line-height: 3;
    }
    .button-funded-block p {
        margin-top: 3px;
    }
    .list-button-funded-block-moblie {
        display: flex !important;
        flex-wrap: wrap;
        margin-top: 16px;
        width: 320px;
    }
    input#mobilepay{
        display: block;
        margin-right: 10px;
    }
    input#creditcard{
        display: block;
        margin-right: 10px;
    }
    input#bank{
        display: block;
        margin-right: 10px;
    }
    .title-use-liquidity-2{
        width: 100%;
        margin-left: 34px;
        font-size: 16px;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 32px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .title-use-liquidity{
        display: none;
    }
    #edit-textarea {
        margin-right: 20px;
    }
    .transaction-block, .transaction-record {
        margin-left: 0px;
    }
    .transaction-block-main{
        margin-left: 14px !important;
        margin-right: 14px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .user-item-job-block {
        /* margin-bottom: 100px !important; */
        margin-top: 10px !important;
    }
    .invoice-block, .transaction-block, .transaction-record {
        margin-top: 20px !important;
    }
    /* #main .user-item-message-block {
        margin-right: 14px;
        margin-left: 14px;
    } */
    .user-job-item-link, .user-job-item-other{
        margin-top: 0px;
    }
    .guarantees-user{
        margin-right: 0px;
        padding: 15px 12px;
    }
    .guarantees-user p{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .guarantees-user a{
        font-size: 12px;
    }
    .row-contact-space{
        margin: 16px 0 !important;
    }
    .appointment {
        font-size: 14px;
        white-space: unset;
        margin-left: -10px;
    }
    .show_job, .show-details-edit-modal,
    .show-attach-file-modal, .job_rating,
    .job_private, .see_more_Link{
        margin-bottom: 6px !important;
    }
    .show_job_mobile, .show-details-edit-modal_mobile,
    .show-attach-file-modal_mobile{
        margin-bottom: 6px !important;
    }
    .hideJobCompany {
        color: #0e0e0e;
        display: block;
        text-align: center;
        font-size: 14px;
        margin-top: -12px;
        cursor: pointer;
        opacity: 0.6;
        white-space: normal;
        position: absolute;
        right: -10px;
    }
    .new-button-message-user{
        max-width: 90px;
    }
    .call-phone{
        max-width: 90px;
        padding: 3px !important;
        font-size: 12px;
        color: #000;
        text-decoration: unset;
    }
    .rating-blue-button {
        max-width: 90px;
        padding: 3px 0px 3px 10px !important;
        font-size: 12px;
    }
    .creditcart-block-user{
        margin-left: 17px;
    }
    .milestone-block {
        margin: 14px 0 0 0;
    }
    textarea.milestone-item{
        padding: 10px 20px 42px 20px;
    }
    .messages-box{
        display: block;
    }
    .message-company-page{
        margin-top: 0px;
    }
    #show_popup_mess{
        height: 15px;
        margin-left: 8px;
        display: initial;
        margin-top: 6px;
    }
    .all_jobs_mobile{
        margin-bottom: 100px;
    }
    .transaction-savecard{
        margin-left: 0px;
        margin-bottom: 100px;
    }
    .dropdown ul.sub-nav .item.company {
        color: #999;
    }
    .dropdown ul.sub-nav .item.active{
        color: #aaa200!important;
    }
    .milestone-block form {
        margin-bottom: 14px;
    }
    #show-confirm-remove-job-modal{
        max-width: 355px !important;
    }
    .table-moneylog-clients tbody tr td {
        padding-bottom: 30px;
    }
    /* .moneylog_day_client{
        padding-right: 35px;
    }
    .moneylog_handling_client{
        padding-right: 24px;
    } */
    .moneylog_balance_client{
        padding-left: 40px;
        padding-right: 14px;
    }
    .dicripsion_moneylog{
        padding-left: 22px;
    }
    #show-modal-job-private{
        max-width: 355px !important;
    }
    /* #wrapper{
        background: #fff !important ;
    } */
    .submit-milestone{
        padding: 9px 16px !important;
        font-size: 15px;
    }
    .add-milestone{
        margin-left: 10px !important;
        color: #fff;
    }
    .flex.container{
        min-width: 100%;
    }
    .section-left{
        width: 64%;
    }
    .section-right{
        width: 24%;
        padding: 16px 14px 8px 14px;
    }
    .modal-payment-block {
        padding: 120px 20px 90px 20px;
    }
    .user-item-message-block.message_2{
        margin-bottom: 100px;
    }
    .user-job-item-other {
        color: #fff;
    }
    .user-job-item-status {
        color: #fff;
    }
    .user-job-item-link a {
        color: #fff;
    }
    .job-status {
        color: #fff;
    }
    .bid-price .align-left .label_amount.line-price {
        /* padding: 4%; */
        display: block;
        /* margin-top: 15px; */
        word-break: break-word;
        margin-bottom: 12px;
    }

    .connect_MitID .with_custom_img{
        width: 330px !important;
    }

    .connect_debit_card .with_custom_img{
        width: 320px !important;
    }

    .connect_facebook .with_custom_img{
        width: 322px !important;
    }

    .with_custom_img span img{
        margin-left: 60px;
    }
    .trick-note-milestone{
        left: -90px;
    }
    .user-job-item-link {
        margin-bottom: 0px;
    }
    .textarea_review{
        height: 65px; 
        padding: 20px; 
    }
    .bottom_job{
        margin-bottom: 100px;
    }
    .hided-outside-block-content {
        padding: 20px 20px;
    }
    .hided-outside-block-content .image-content {
        width: 20px;
        height: 20px;
    }
    .hided-outside-block-content .text-content {
        font-size: 14px;
    }
}