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

$job-details-padding-y: 16px;

.contents {
    @include padding-y($job-details-padding-y);
    background-color: $white;
    min-height: min-content;
    width: 100%;
}

.modalContainer {
    max-height: 95%;
    max-width: 95%;
    width: 470px;
}

.modalContents {
    flex: 1;
    overflow: auto; // will scroll
}
.container {
    padding: 35px;
    box-sizing: border-box;
}

.headerText {
    color: $color-gray-500;
    font-size: 15px;
}

.icon {
    margin-right: 20px;
    use {
        fill: $brand-primary;
    }
}