@import "~cosmoUiVariables";
@import "~cosmoui/src/components/styles/mixins/paddings";
@import "~cosmoui/src/components/styles/mixins/flex";

//card values
$job-card-padding: 12px;
$job-card-expanded-padding-top: $padding-200;
$job-card-updated-color: $frequency-icon-bg-color;


.rejected {
    background-color: #FBE8E9 !important;
}
.rejected:hover {
    background-color: #ffa6ab !important;
}

.accepted {
    background-color: #c2eee3 !important;
}
.accepted:hover {
    background-color: #99e2d0 !important;
}

.cardUpdated {
    background-color: $job-card-updated-color !important;
}


.dropTarget {
    background: #e4f4fb;
    border: 1px solid $accent_color;
    border-radius: 6px;
    padding: 5px 5px 0px 5px;
}


.avatarSection {

}

.customerSection {
    flex-basis: 10%;
}

.addressSection {
    flex-basis: 40%;
}

.smartSection {
    flex-basis: 40%;
}