.job-detail{background-color:#fff;border-radius:10px;box-shadow:3px 3px 20px #0000001a;margin-bottom:20px;padding:30px;position:relative}.job-detail.reupload-media .job-header{background-color:#fefbe7}@media (max-width:575.98px){.job-detail{padding:20px}}.job-detail .label_job_mobile{margin-bottom:15px;margin-top:-15px}.job-detail .order-item-details-steps{display:flex;justify-content:center;margin:15px 0;width:100%}@media (max-width:767.98px){.job-detail .order-item-details-steps{width:100%}}.job-detail .order-item-details-steps ol{counter-reset:step;display:flex;justify-content:space-between;padding:0;position:relative;width:100%}.job-detail .order-item-details-steps ol li{color:#2ea512;float:left;font-size:12px;list-style-type:none;position:relative;width:20%}.job-detail .order-item-details-steps ol li.active.red{color:#d0011b}.job-detail .order-item-details-steps ol li.active.red:before{background-color:#d0011b}.job-detail .order-item-details-steps ol li.active.orange{color:#ffb560}.job-detail .order-item-details-steps ol li.active.orange:before{background-color:#ffb560}.job-detail .order-item-details-steps ol li.active.azure{color:#00aded}.job-detail .order-item-details-steps ol li.active.azure:before{background-color:#00aded}.job-detail .order-item-details-steps ol li.active~li{color:#b4b4b4}.job-detail .order-item-details-steps ol li.active~li:before,.job-detail .order-item-details-steps ol li.active~li:not(:first-child):after{background-color:#e3e3e3}.job-detail .order-item-details-steps ol li label{margin:10px 0 0}@media (max-width:575.98px){.job-detail .order-item-details-steps ol li label{display:none}}.job-detail .order-item-details-steps ol li:before{background-color:#2ea512;border-radius:50%;content:counter(step);counter-increment:step;display:block;font-size:0;height:20px;line-height:30px;margin:0;position:relative;width:20px;z-index:1}.job-detail .order-item-details-steps ol li:not(:first-child):after{background-color:#2ea512;content:"";height:1px;left:-175px;position:absolute;top:10px;width:165px}@media (min-width:768px) and (max-width:991.98px){.job-detail .order-item-details-steps ol li:not(:first-child):after{left:-100px;width:90px}}@media (min-width:576px) and (max-width:767.98px){.job-detail .order-item-details-steps ol li:not(:first-child):after{left:-90px;width:80px}}@media (max-width:575.98px){.job-detail .order-item-details-steps ol li:not(:first-child):after{left:-58px;width:55px}}.job-detail .order-item-details-steps.all-steps-done ol li.active:after,.job-detail .order-item-details-steps.all-steps-done ol li.active:before,.job-detail .order-item-details-steps.all-steps-done ol li.completed:after,.job-detail .order-item-details-steps.all-steps-done ol li.completed:before{background-color:#2ea512}.job-detail .order-item-details-steps.all-steps-done ol li.active label,.job-detail .order-item-details-steps.all-steps-done ol li.completed label{color:#2ea512}.job-detail .job-header{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin:-30px;padding:30px}@media (max-width:575.98px){.job-detail .job-header{align-items:flex-start;flex-direction:column}}.job-detail .job-header:not(.collapsed){border-radius:10px 10px 0 0}.job-detail .job-header:not(.collapsed) .collapse-icon{transform:rotate(180deg)}.job-detail .job-header .item_n{margin-bottom:-1px}.job-detail .job-header .subtitle{margin:0 auto 0 12px}@media (max-width:575.98px){.job-detail .job-header .subtitle{margin:10px 0 5px}}.job-detail .job-header .collapse-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 8px #0000004d;display:flex;height:20px;justify-content:center;position:absolute;right:35px;transition:all .5s ease 0s;width:20px}.job-detail .job-header .collapse-icon .pixicon{font-size:13px}@media (min-width:768px){.job-detail .job-header .job-header-actions{margin-left:auto;margin-right:40px}}.job-detail .job-body{margin-top:20px}.job-detail .job-body .canceled-status{color:#7c7c7c;margin-bottom:20px}.job-detail .job-body .canceled-status:before{background-color:#b4b4b4;border-radius:50%;content:counter(step);counter-increment:step;display:inline-block;font-size:0;height:20px;line-height:30px;margin:0 16px 0 0;position:relative;width:20px;z-index:1}.job-detail .job-body .job-data-block{background-color:#f7f7f7;border-radius:10px;margin-bottom:20px;padding:10px 15px;white-space:nowrap}@media (max-width:991.98px){.job-detail .job-body .job-data-block{margin-bottom:10px;white-space:normal}}.job-detail .job-body .job-data-block.highlight{background-color:#e6f7fd;border:1px solid #00aded}.job-detail .job-body .configs{margin-top:20px}@media (max-width:767.98px){.job-detail .job-body .configs{margin-bottom:20px;margin-top:10px}}.preview-zoom .equal-height{padding-bottom:100%;position:relative}.preview-zoom .zoomed-img{display:block;height:calc(100% - 60px);left:30px;margin:auto;-o-object-fit:contain;object-fit:contain;position:absolute;top:30px;width:calc(100% - 60px)}