.review-team-order {
    max-width: 858px;
    margin: 0 auto;
    padding: 1px 0;
}

.review-team-order__item {
    margin: 30px 0;
}

.review-team-order__item--head .page-info__title {
    margin: 16px 0;
}

.review-team-order-notification {
    position: relative;
    font-family: Heebo, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #ff0000;
    border: solid 1px rgba(247, 0, 0, 0.2);
    background-color: rgba(247, 0, 0, 0.1);
}

.review-team-order-notification__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    opacity: .3;
    background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M16.07%202.05L13.95-.07%208%205.88%202.05-.07-.07%202.05%205.88%208l-5.95%205.95%202.12%202.12L8%2010.12l5.95%205.95%202.12-2.12L10.12%208z%22%2F%3E%3C%2Fsvg%3E') 0 0 no-repeat;
}

.review-team-order-notification__body {
    padding: 20px 75px 20px 25px;
}

@media screen and (min-width: 580px) {
    .review-team-order__item--head {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .review-team-order {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 579px) {
    .review-team-order__item--head {
        padding: 0 15px;
    }

    .review-team-order__item--head .btn-sm {
        max-width: 100%;
    }

    .review-team-order-notification__body {
        border-width: 1px 0;
        padding: 20px 56px 20px 40px;
    }
}

.tab-steps {
    box-shadow: 0 2px 5px 0 rgba(90, 90, 90, .68);
    background-color: #ffffff;
}

.tab-step-head {
    display: flex;
    align-items: center;
    padding: 20px 20px 20px 25px;
    cursor: pointer;
    user-select: none;
    background-color: #fff;
}

.tab-step-table-wrapper {
    overflow: auto;
}

.tab-step-head__item {
    font-size: 16px;
}

.tab-step-head__item:not(:first-child) {
    margin-left: 10px;
}

.tab-step-head__item--round {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border: solid 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Heebo, sans-serif;
    font-size: 16px;
}

.tab-step-head__item--number {
    border-width: 2px;
    color: #2f3033;
    font-weight: 500;
    font-size: 16px;
}

.tab-step-head__item--title {
    font-family: Heebo, sans-serif;
    font-weight: 500;
    color: #000;
}

.tab-step-head__item.tab-step-head__item--title {
    margin-left: 15px;
}

.tab-step-head__item.tab-step-head__item--push-left {
    margin-left: auto;
}

.tab-step-head__item.tab-step-head__item--push-right {
    margin-right: auto;
}

.tab-step-head__item--approve {
    color: #2f3033;
    opacity: .5;
}

.tab-step-head__item--approve:hover {
    /*opacity: 1;*/
}

.tab-step-head,
.tab-step-head__item {
    transition: all .3s ease-in-out;
}

.tab-step-head__item::after {
    transition: all .1s ease-in-out;
}

.tab-step-head__item--approve::after {
    content: "";
    width: 11px;
    height: 8px;
    background: url('data:image/svg+xml;UTF8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.5%207.9%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10.5.71L9.79%200%203.31%206.49.74%203.92l-.71.71L3.31%207.9z%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
}

.tab-step--error .tab-step-head__item--error {
    opacity: 1;
    background-color: #f70000;
    border-color: #f70000;
    color: #fff;
}

.tab-step-head__item--error {
    color: #f70000;
    opacity: .5;
    font-weight: 500;
}

.tab-step-head__item--error::after {
    content: "!";
}

.tab-step-head__item--error:hover {
    /*opacity: 1;*/
}

.tab-step--approved .tab-step-head {
    background-color: #f2f2f2;
}

.tab-step--approved .tab-step-head__item--number,
.tab-step--approved .tab-step-head__item--approve {
    background-color: #37bf92;
    border-color: transparent;
    opacity: 1;
    color: #fff;
}

.tab-step--approved .tab-step-head__item--approve::after {
    background-image: url('data:image/svg+xml;UTF8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.5%207.9%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.5.71L9.79%200%203.31%206.49.74%203.92l-.71.71L3.31%207.9z%22%2F%3E%3C%2Fsvg%3E');
}

.tab-step:not(.tab-step--opened) .tab-step-head__item--error,
.tab-step:not(.tab-step--opened) .tab-step-head__item--approve {
    display: none;
}

.tab-step.tab-step--approved .tab-step-head__item--error,
.tab-step.tab-step--approved .tab-step-head__item--opener {
    display: none;
}

.tab-step.tab-step--error .tab-step-head__item--approve,
.tab-step.tab-step--error .tab-step-head__item--opener {
    display: none;
}

.tab-step--opened.tab-step--error .tab-step-head__item--opener,
.tab-step--opened.tab-step--approved .tab-step-head__item--opener {
    display: none;
}

.tab-step.tab-step--approved .tab-step-head__item--approve {
    display: flex;
}

.tab-step.tab-step--error .tab-step-head__item--error {
    display: flex;
}

@media screen and (max-width: 580px) {
    .tab-step--opened .tab-step-head__item--error,
    .tab-step--opened .tab-step-head__item--approve {
        display: none;
    }

    .tab-step--opened:not(.tab-step--approved):not(.tab-step--error) .tab-step-head__item--opener {
        display: flex !important;
    }
}

.tab-step-head__item--opener {
    color: #bdc1cf;
    background-color: #f7f7f9;
}

.tab-step-head__item--opener::after {
    width: 16px;
    height: 8px;
    content: "";
    background: url('data:image/svg+xml;UTF8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.71%200L8%206.59%2015.29%200l.71.71L8%208%200%20.71z%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
}

.tab-step--opened .tab-step-head__item--opener::after {
    transition: all .3s ease-in-out;
    transform: rotate(180deg);
}

.tab-step--opened .tab-step-head__item--approve ~ .tab-step-head__item--opener,
.tab-step--opened .tab-step-head__item--error ~ .tab-step-head__item--opener {
    display: none;
}

.tab-step:not(.tab-step--opened) .tab-step-body {
    display: none;
}

.tab-step--border-bottom,
.tab-step-head--border-bottom,
.tab-step-body--border-bottom {
    border-bottom: 1px solid #bdc1cf;
}

.tab-step--border-top,
.tab-step-head--border-top,
.tab-step-body--border-top {
    border-top: 1px solid #bdc1cf;
}

.tab-step-head__item--vline {
    height: 24px;
    border-left: 4px solid;
}

.tab-step-head__item--vline:first-child {
    margin-left: 12px;
}

.tab-step--content-always-visible .tab-step-head {
    pointer-events: none;
}

.tab-step--content-always-visible .tab-step-body {
    display: block !important;
}

.tab-step--red .tab-step-head {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #f70000;
}

.tab-step--red.tab-step--approved .tab-step-head {
    background-color: #37bf92;
}

.tab-step--red .tab-step-head__item {
    color: #fff;
}

.tab-step-content {
    font-family: Heebo, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    padding: 40px 80px 60px;
}

.tab-step-content__item:not(:first-child) {
    margin-top: 30px;
}

.tab-step-content__item--button {
    max-width: 379px;
}

.tab-step-content:not(.tab-step-content--white) {
    background-color: #fff;
}

.tab-step-sm-content {
    padding: 35px 70px;
}

.tab-step-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tab-step-list__item:not(.tab-step-list__item--fill) {
    min-width: calc(50% - 10px);
}

.tab-step-list__item:not(.tab-step-list__item--mb0) {
    margin-bottom: 50px;
}

.tab-step-list__item--fill {
    width: 100%;
    flex: 1 1 auto;
}

.tab-step-params__item--title {
    font-family: Heebo, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #2f3033;
    margin-bottom: 8px;
}

.tab-step-params-editable {
    display: flex;
}

.tab-step-params-editable__button {
    margin-left: 20px;
    text-decoration: underline;
    font-family: Heebo, sans-serif;
    font-size: 14px;
    color: rgba(0, 0, 0, .5);
}

.tab-step-content-checker {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

.tab-step-content-checker__item--image {
    margin: 0 75px;
}

.tab-step-content-checker__item--image img {
    max-width: 100%;
}

.tab-step-content-checker__item--like,
.tab-step-content-checker__item--dislike {
    width: 100px;
    height: 99px;
    opacity: .49;
    cursor: pointer;
    background: url(../img/like.png) 50% 50% no-repeat;
    background-size: 100% auto;
}

.tab-step-content-checker__item--dislike {
    transform: scale(-1);
}

.tab-step-content-checker__item--like:hover,
.tab-step-content-checker__item--dislike:hover {
    opacity: .15;
}

.tab-step--error .tab-step-content-checker__item--dislike {
    background-image: url(../img/like-red.png);
    opacity: 1;
}

.tab-step--approved .tab-step-content-checker__item--like {
    background-image: url(../img/like-green.png);
    opacity: 1;
}


.tab-step-content-checker__item--dislike.clicked {
    background-image: url(../img/like-red.png);
    opacity: 1;
}

.tab-step-content-checker__item--like.clicked {
    background-image: url(../img/like-green.png);
    opacity: 1;
}

.tab-step-table  {
    border-collapse: collapse;
}

.tab-step-table--w100 {
    width: 100%;
}

.tab-step-table--text-center {
    text-align: center;
}

.tab-step-table--text-center th,
.tab-step-table--text-center td {
    vertical-align: middle;
}

.tab-step-table thead tr {
    background-color: rgba(223, 223, 223, 0.52);
}

.tab-step-table th {
    font-size: 16px;
    font-weight: bold;
}

.tab-step-table td {
    font-size: 14px;
}

.tab-step-table th,
.tab-step-table td {
    border: solid #bdc1cf;
    border-width: 0 0 1px;
    color: #2f3033;
    font-family: Heebo, sans-serif;
    padding: 20px;
}

.tab-step-table th:not(:first-child),
.tab-step-table td:not(:first-child) {
    border-width: 0 0 1px 1px;
}

.tab-step-table-title {
    padding: 20px 16px;
    font-family: Heebo, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #1b1b1b;
}

@media all and (max-width: 768px) {
    .tab-step-list {
        display: block;
    }

    .tab-step-list__item:not(.tab-step-list__item--mb0) {
        margin-bottom: 40px;
    }

    .tab-step-list--buttons .tab-step-list__item {
        margin-top: 20px;
    }

    .tab-step-content-checker__item--image {
        margin: 0 25px;
    }

    .tab-step-content {
        padding: 30px;
    }

    .tab-step-sm-content {
        padding: 20px;
    }
}

.edit_block {
    width: 97%;
}

.edit_block textarea {
    width:100%;
}

.remove-margin-bottom-issue {
    padding-bottom: 16px !important;
}

#artworks_look_good_to_me {
    background-color: #37bf92 !important;
}

#artworks_look_good_to_me:hover {
    color: #37bf92;
    background-color: #ffffff !important;
    border-color: #37bf92;
}

.border-color-red {
    border-color: #ff0000 !important;
}

.error-page-content {
    margin: 10% auto;
}