/*ADMIN*/

.editable,
.rw-reply .text-area.editable {
    cursor: pointer;
}

.save-edit-comment {
    margin: 0 15px 0 0;
}

.admin-block select {
    width: 80px;
}

.form-field + .form-field {
    margin-top: 7px;
}

.error {
    color: #cc0000;
}

/*ADMIN CREDIT BONUS*/

.admin-credit-bonus {
    padding: 5px 0;
}

.admin-credit-bonus .admin-credit-bonus-button {
    font-family: 'Manrope';
    padding: 5px 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #F0F0F0;
}


/*PROJECT FONT SIZE*/

.status-time {
    font-size: 150%;
    line-height: 40px;
    text-shadow: -1px 1px #dc6800;
}

.translator-links {
    font-size: 90%;
}


/*PROJECT PAGE*/

.project-info-block {
    margin: 0 0 15px;
}

.project-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-details-block-content p {
    margin: 0 10px 0 0;
}

.main-col .project-details-block-content * {
    font-size: 100%;
}

.project-details-block-content .user_badges {
    margin: 0 0 0 15px;
    float: left;
}

.statusbar.s-waiting .tooltips,
.tooltips.delayed {
    background: url(../../i/icons/hint.svg) no-repeat left center;
    padding-left: 25px;
    margin-left: 5px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    height: 16px;
}

.tooltips.delayed {
    padding-top: 3px;
    margin-left: 10px;
}

.statusbar {
    background: url(../../i/pages/project-cqr/s-ready-icon.svg) no-repeat 160px;
    background-size: 25px;
    color: white;
    background-color: #62B55B;
    align-items: center;
    display: flex;
    width: 100%;
}

.statusbar.s-ready {
    background: url(../../i/pages/project-cqr/s-ready-icon.svg) no-repeat 160px rgb(98, 181, 91);
    background-size: 25px;
    fill: white;
}

.statusbar.s-waiting {
    background: url(../../i/pages/project-cqr/s-waiting-icon.svg) no-repeat 160px rgb(4, 126, 111);
    background-size: 25px;
    margin-bottom: 10px;
}

.status-description.expedite {
    background: url(../../../wizard-vertical/css/img/ic-info-outline-24px.svg) no-repeat right center;
    background-size: 25px;
    margin-right: 30px;
    padding-right: 30px;
}

.statusbar.s-waiting.s-delayed {
    background-color: rgb(118, 128, 146);
}

.statusbar.s-inProgress {
    background: url(../../i/pages/project-cqr/s-inprogress-icon.svg) no-repeat 160px rgb(4, 126, 111);
    background-size: 25px;
}

.statusbar.s-completed {
    background: url(../../i/pages/project-cqr/s-completed-icon.svg) no-repeat 160px rgb(98, 181, 91);
    background-size: 25px;
}

.statusbar.s-hold {
    background: url(../../i/pages/project-cqr/s-hold-icon.svg) no-repeat 160px rgb(255, 203, 45);
    background-size: 25px;
    color: white;
}

.statusbar.s-hold .statusbar.s-hold * {
    color: #000;
}

.statusbar.s-canceled {
    background: url(../../i/pages/project-cqr/s-canceled-icon.svg) no-repeat 160px;
    background-size: 25px;
    background-color: #EA6E68
}

.client-timer {
    display: inline-block;
    color: black;
}

.client-dhm {
    font-size: 9px;
    color: black;
    padding: 0 2px;
}

.substatusbar {
    padding: 20px;
    margin: 0px;
    font-size: 16px !important;
    background-color: #ffc7c7;
    border: 1px solid #ced1d1;
    text-align: center;
}

.substatusbar .ga-form {
    background-color: #ffffff;
    font-size: 14px !important;
    padding: 5px;
    width: 270px;
    display: inline-block;
}

.statusbar,
.statusbar,
.statusbar .status-time {
    color: white;
}

.status-time {
    margin: 0 50px 0 0;
    display: inline-block;
    width: 195px;
    background-color: #ff7800;
    border-right: 1px solid #fff;
    /* line-height: 50px; */
}

.status-time.client-view {
    line-height: 47px;
}

.reproof .btn-orange {
    float: right;
    margin: -44px 12px 0px 0px !important;
}

.btn.btn-dropdown-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn.btn-dropdown-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-dropdown {
    display: inline-block;
    position: relative;
}

.btn-dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    z-index: 1;
    background: #fafafa;
    border: 1px solid #dadada;
    border-bottom: none;
    border-radius: 2px;
}

.btn-dropdown-content a {
    display: block;
    padding: 1px 9px;
    white-space: nowrap;
    text-decoration: none;
    color: #595959;
    border-bottom: 1px solid #dadada;
}

.btn-dropdown-content a:hover {
    background: #f0f0f0;
}

.abandon {
    margin: 3px 3px 0 0;
}

h2 small.project-id {
    background: #eee;
}

#project_note {
    color: rgb(69, 77, 85);
}

#project_note .customer-note > h4 {
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.project-note {
    position: relative;
    background: rgb(255, 255, 255);
    padding: 15px 20px;
}

.project-note.note-per-item {
    padding: 7px 20px;
}

.CodeMirror h1,
.CodeMirror h2,
.CodeMirror h3,
.CodeMirror h4,
.CodeMirror h5,
.CodeMirror h6 {
    color: inherit;
    margin: 0 0 15px;
    font-weight: 700;
}

#noteText .CodeMirror {
    background: #fffef4;
}

#noteText .CodeMirror .CodeMirror-vscrollbar {
    overflow: hidden;
}

#noteText .CodeMirror .editor-preview {
    position: relative;
    color: rgb(69, 77, 85);
}

#noteText .CodeMirror-scroll {
    display: none;
}

.CodeMirror h1 {
    font-size: 200%;
}

.CodeMirror h2 {
    font-size: 170%;
}

.CodeMirror h3 {
    font-size: 150%;
}

.CodeMirror h4 {
    font-size: 130%;
}

.CodeMirror h5 {
    font-size: 120%;
}

.CodeMirror h6 {
    font-size: 110%;
}

.CodeMirror p {
    color: inherit;
    margin: 0 0 20px;
}

.CodeMirror em {
    font-style: italic;
}

.CodeMirror blockquote {
    padding: 10px 20px 5px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
}

.CodeMirror blockquote p {
    margin: 0;
}

.CodeMirror ol,
.CodeMirror ul {
    margin: 0 0 20px;
    padding: 0 0 0 0;
}

.project-note .jqte_editor p {
    margin: 0px;
    font-size: 85%;
}

.project-note .corner {
    right: -1px;
    bottom: -1px;
    width: 22px;
    height: 23px;
    background: url(../../i/pages/project-cqr/note-bg.png) no-repeat left top;
}

.project-notes .qa_note {
    background: #448ccb;
    padding: 20px 15px 13px;
    margin-bottom: 25px;
}

.project-notes .qa_note * {
    color: #fff;
}

.project-notes .qa_note li {
    margin-left: 25px;
    list-style: square inside;
}

.project-notes .qa_note a {
    color: #fff;
    font-weight: bold;
}

.project-files {
    display: inline-block;
    width: 100%;
}

.project-files *,
.pane.small-pane .vote *,
.translator .toggle .vote * {
    direction: ltr !important;
}

.discuss-block .reply {
    margin: 35px 0 0;
}

.discuss-block .reply textarea,
.general-discussion .reply textarea {
    border: 1px solid rgb(210, 214, 217);
    width: 100%;
    box-sizing: border-box;
}

.aside .social-links {
    margin: 0 0 15px;
}

.aside .social-links div {
    margin-bottom: 10px;
}

.aside .social-links a {
    padding-left: 25px;
    background: url(../../i/icons/share.svg) no-repeat left center;
}

.aside .social-links .email-send a {
    background: url(../../i/icons/send.svg) no-repeat left center;
}

.aside .social-links .send-accuracy-cert a {
    background: url(../../i/icons/certificate.svg) no-repeat 3px center;
    background-size: auto 17px;
}

.pane.small-pane .vote {
    width: auto;
    display: block;
}

.pane.small-pane .vote.no-display {
    display: none;
}

.no-height {
    height: 0px !important;
    overflow: hidden !important;
    padding: 0px !important;
    display: block !important;
    position: relative;
}

.callbacks-list li {
    padding: 5px 0;
    border-bottom: 1px solid #c0c0c0;
}

#resubmit-all-callbacks {
    font-size: 90%;
    padding: 0;
    background-color: #ADD8E6;
}
.translator.admin-pane .admin-title {
    font-weight: bold;
    background-color: rgb(223, 232, 242);
}
.translator.admin-pane .toggle .trans-info {
    border-right: 0 none;
}

.admin-pane .btn {
    margin-bottom: 5px;
}

.admin-pane iframe {
    width: 370px;
}

.project-tools {
    padding: 6px 10px 0 0;
}

.email-options-box input {
    top: 6px;
    left: 0;
}

.email-options-box label {
    padding-left: 20px;
    display: block;
}

.project-name .text-area {
    font-size: 16px;
    color: rgb(118, 128, 146);
    padding-right: 20px;
}

.project-name .edit-source {
    font-size: 55%;
}

.project-name .edit-source .btn,
.project-name .edit-source a {
    font-size: 80%;
    margin-right: 5px;
}

.project-name .qa-passed-stamp {
    top: -5px;
    right: 0;
}

.project-name .edit-source input {
    margin-right: 15px;
}

.translator-details .teamMember p {
    background: url(../../i/pages/my-team/myteam.svg) no-repeat left center;
    color: #5857FF;
    border-bottom: 1px solid #5857FF;
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 16px;
    height: 34px;
    line-height: 40px;
}

.translator-details .teamMember p b {
    color: #5857FF;
    font-weight: bold;
}

.hidden {
    display: none !important;
}

/* admin-score */

.admin-score {
    display: flex;
    flex-direction: row;
    background: #fafafa;
    padding: 3px;
    border: 1px solid #dadada;
    position: absolute;
    width: 390px;
    z-index: 9;
    bottom: -10px;
    right: 0;
}

@media screen and (max-width: 600px) {
    .admin-score {
        width: 100%;
    }
}

.admin-score *,
.qa-admin-score * {
    font-family: 'Manrope';
    font-size: 14px;
}

#select-score,
#score-labels label {
    display: inline-block;
}

#score-labels span {
    margin-left: 5px;
    font-weight: 600;
}

#select-score,
#score-labels label:first-child {
    margin-bottom: 5px;
}

#score-selectors {
    width: 100%;
}

#score-labels {
    width: 130px;
}

.admin-score option {
    text-align: left;
}

.admin-score button {
    position: absolute;
    cursor: pointer;
    border-radius: 2px;
    right: 5px;
    bottom: 5px;
    float: right;
}

.admin-score button::before {
    content: "";
    position: absolute;
    display: none;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url('../../../images/icons/wait-classic.gif') no-repeat center center;
}

.admin-score button.loading::before {
    display: block;
}

.admin-score-multiselect {
    width: 240px;
    background: #fafafa;
    z-index: 200;
}

.qa-admin-score-multiselect {
    width: 340px;
    background: #fafafa;
    z-index: 200;
    text-align: left;
    display: inline-block;
}

.admin-score-select-admin-score {
    position: relative;
}

.admin-score-select-admin-score select {
    width: 100% !important;
    font-weight: bold;
}

.admin-score-overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.qa-admin-score .admin-score-reason-checkboxes {
    position: absolute;
    background: #fafafa;
    z-index: 200;
}

.admin-score-reason-checkboxes {
    display: none;
    border: 1px #dadada solid;
    position: absolute;
    background-color: rgb(255, 255, 255);
    width: 240px;
}

.admin-score-reason-checkboxes label {
    display: block;
    padding: 3px 5px;
}

.admin-score-reason-checkboxes label:hover {
    background-color: #dddddd;
}

.admin-score-reason-checkboxes strong {
    font-weight: 600;
    padding-left: 5px;
}

.admin-score-reason-checkboxes input {
    margin-right: 4px;
}


/* end admin-score */

.badges-24px {
    width: 55px;
}

.translater-logo {
    margin: 0 15px 0 0;
    width: 140px;
}

.project-tab {
    margin: 0 0 15px;
    display: inline-block;
    width: 100%;
}

.upload-form p .wrp-small {
    position: static;
}

.workbench {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.workbench .wrapper {
    padding-top: 7px;
    position: absolute;
    height: auto;
}

.workbench-button-container {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
}

.disable-btn {
    position: absolute;
    left: 0;
}

.disable-btn.hide {
    display: none
}

.disable-btn.show {
    display: inline-block;
}

.translator-links a {
    line-height: 22px;
}

.workbench-link {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 30px;
    height: 30px;
    border: 1px solid #e8e8e8;
    border-radius: 7px;
    text-align: center;
}

.workbench-link img {
    vertical-align: middle;
}

.workbench a img {
    vertical-align: bottom;
}

.file-date {
    margin: 0 15px 0 0;
}

.cqr-review.admin-pane {
    width: 100%;
}
.spellcheck-report {
    line-height: 40px;
}

.spellcheck-report.loading img {
    display: block;
    height: 32px;
}

.spellcheck-report img {
    display: none;
    float: left;
    margin-right: 10px;
}


/*VOTE STARS*/

.vote,
.vote p,
.vote ul li {
    display: inline-block;
}

.vote {
    width: 100%;
    margin-left: -12px;
    /*same as margin of .vote ul li, removing the indent */
}

.vote p {
    padding: 2px 5px 0 0;
}

.vote ul li {
    margin: 0 0 0 12px;
    width: 12px;
    height: 26px;
    overflow: hidden;
    background: url(../../i/icons/vote-stars.png) no-repeat left top;
    cursor: pointer;
}

.vote ul li:nth-child(even),
.vote ul li.active:nth-child(even),
.vote.rate ul li.hover:nth-child(even) {
    margin-left: 0;
    background-position: top right;
}

.vote ul li label {
    width: 12px;
    height: 26px;
    display: inline-block;
}

.vote ul li.active,
.vote.rate ul li.active,
.vote.rate ul li.hover,
.vote.rate ul li:hover,
.vote.rate ul:hover .hover {
    background-position: bottom left;
}

.vote ul li.active:nth-child(even),
.vote.rate ul li.hover:nth-child(even) {
    margin-left: 0;
    background-position: bottom right;
}

.vote ul input {
    margin-left: -60px;
    width: 72px;
    height: 26px;
    border: none;
    opacity: 0;
}

.vote .text-area {
    display: block;
}


/*WRAPPER*/

.content .wrapper.bg-white {
    top: -7px;
}


/*REVIEWER SIDE*/

.cqr-review {
    margin: 0 0 25px;
    background: #f5fafe;
}

.cqr-review h4 {
    padding: 10px 10px 10px 55px;
    background: url(../../i/icons/review-tab.svg) no-repeat 25px 10px #dde8f3;
    margin: 0;
}

.discuss-block .toggle {
    text-align: center;
    font-size: 85%;
    padding: 12px 0px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    background-position: 98% -33px;
}

.discuss-block .toggle:hover {
    background-color: #eef5fc;
}

.discuss-block .toggle.active {
    background-position: 98% 15px;
}

.discuss-block.trans-admin-discussion .btn-orange,
.discuss-block.general-discussion .btn-orange {
    margin: 5px 5px 0px 0px;
}

.discuss-block.trans-admin-discussion h4 {
    background-color: #ffe68e;
}

.discuss-block .send-comment-button {
    position: relative;
}

.discuss-block .send-comment-button .btn {
    margin-left: 0;
}

.shopify-task-title {
    padding: 0 1%;
    box-sizing: border-box;
    width: 100%;
    color: #757575;
    border: 1px solid rgb(210, 214, 217);
    border-bottom: none;
    background-color: #fff;
}

.discussion-board-warning {
    position: absolute;
    font-size: 13px;
    left: 160px;
    top: 0;
}

.cqr-review .content {
    padding: 15px 20px;
}

.cqr-review .info {
    margin: -7px 0 0;
    padding: 7px 10px;
    border: 1px #e3edf6 solid;
    background: #fcfeff;
}

.cqr-review .reply {
    padding: 0 20px 30px;
}

.rw-reply h4 {
    margin: 0;
}

.rw-reply .vote input {
    cursor: auto;
}

.rw-reply .toggle .vote input {
    cursor: pointer;
}

.rw-reply .text-area {
    padding: 7px 1%;
    background: #fff;
    border: 1px solid #eee;
}

.rw-reply .comment {
    margin: 0 0 14px;
}

.rw-reply .abuse {
    padding: 10px 0;
    background: #de3400;
}

.rw-reply .thank {
    padding: 10px 0;
    background: green;
}

.rw-reply .abuse * {
    color: #fff;
}

.rw-reply .thank * {
    color: #fff;
}

.rw-ico {
    right: 35px;
    top: 9px;
}

.rw-ico span {
    margin: 0 0 0 10px;
    text-indent: -9999px;
    height: 18px;
    width: 18px;
    background: url(../../i/icons/thx-abuse-reply.png) no-repeat right top;
}

.rw-ico .rw-thx {
    background-position: right -18px;
}

.rw-ico .rw-reply {
    background-position: right bottom;
}

.comment-block {
    border-bottom: 1px dashed #ddd;
    padding: 0 0 15px;
    margin: 0 0 15px;
}

.comment-block:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0;
}

.reply-block {
    overflow: hidden;
    padding-right: 2px;
}

.reply-block form {
    padding-left: 50px;
    padding-bottom: 20px;
}

.reply-btn button {
    border-color: rgb(88, 87, 255);
    background: rgb(88, 87, 255);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: normal;
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 40px;
    margin-right: 10px;
}


/*TRANSLATOR SIDE*/

.translator .toggle {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}

.show-management-panel.active img {
    transition: 0.2s;
    transform: rotate(180deg)
}

.translator .toggle-tr {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

.comment-block.child:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(/public/images/icons/turn-left-arrow.svg) no-repeat;
    left: -15px;
    transform: rotate(180deg);
    top: 1px;
}

.comment-block .child {
    margin-left: 30px;
}

.translator .toggle:hover {
    background-color: #eef5fc;
}

.translator .content {
    margin: 0 0 7px;
}

.translator .toggle.active {
    background-position: 98% 21px;
}

.translator .toggle .vote {
    width: auto;
    display: block;
}

.translator .toggle .vote p,
.translator .toggle .trans-info img {
    margin: 0;
    padding-top: 0;
    line-height: 35px;
}

.translator .toggle .vote li {
    margin-top: 5px;
}

.translator .toggle .trans-info {
    padding: 0 20px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.translator .toggle .trans-info img {
    height: 18px;
    width: 18px;
}

.admin-rating {
    margin: 20px 0;
    background-color: rgb(255, 255, 255);
}

.admin-rating h3 {
    padding: 15px;
    margin-bottom: 20px;
}

.admin-rating .toggle {
    background-position: 98% -38px;
}

.admin-rating .toggle.active {
    background-position: 98% 10px;
}


/*CONFIRM USERNAME*/

.confirm-username h4 {
    margin: 0 0 20px;
    padding: 5px 0 10px 55px;
}

.confirm-username h4.modal_header_default {
    background: url(../../../images/icons/preloader_blend.gif) no-repeat center left / 26px 32px;
}

.confirm-username h4.modal_header_ready {
    background: url(../../i/pages/project-cqr/mb-username.png) no-repeat top left;
}

.confirm-username h4.modal_header_error {
    background: url(../../i/pages/project-cqr/OHT_project_stat_icons_sprite.png) no-repeat 0 -150px;
}

.confirm-username h4.modal_header_loading {
    background: url(../../../images/icons/preloader_blend.gif) no-repeat center left / 26px 32px;
}

.confirm-username h4,
.confirm-username label {
    color: #424242;
}

.confirm-username label {
    margin: 0 10px 0 0;
}

.confirm-username p {
    margin: 0 0 30px;
}

.confirm-username ul {
    padding: 0 0 10px;
    margin: 0 0 20px 15px;
}

.confirm-username input {
    padding: 10px 5px 10px 30px;
    border-radius: 5px;
    width: 210px;
    line-height: 20px;
    background: url(../../i/icons/login-box-sprite.png) no-repeat 9px -13px #fff;
}

.confirm-username input.validate-empty {
    margin-bottom: 20px;
}

.confirm-username input,
.confirm-username .btn {
    margin: 0 10px 0 0;
}

.confirm-username .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

.confirm-username a.btn {
    padding-top: 7px;
    padding-bottom: 8px;
}

.confirm-username .sign-next.disabled-link {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    user-select: none;
    pointer-events: none;
}

.btn.close-mb-btn {
    margin: 0 0 0 0;
}


/*CONFIRM ABANDON*/

.confirm-abandon h4 {
    margin: 0 0 20px;
}

.confirm-abandon p {
    margin: 0 0 20px;
}


/*PANES*/

.pane {
    margin: 0 0 25px;
    padding: 0 0 8px;
}

.pane.small-pane {
    margin-bottom: 15px;
}

.pane h3,
.pane.small-pane .h-group {
    margin: 0;
    padding: 0 15px;
    border: 1px solid #cacaca;
    line-height: 40px;
    border-width: 1px 1px 0;
    background: url(../../i/panes/panes-h.png) repeat-x left top;
}

.pane.bg-black h3 {
    background-position: left bottom;
}

.pane.small-pane .h-group {
    padding: 5px 15px 2px 0;
    line-height: 17px;
    background: none;
}

.pane .h-group b,
.pane.small-pane .h-group b,
.pane .h-group.arrow-ico {
    padding-left: 20px;
    background: url(../../i/icons/aside-arrows.png) no-repeat 7px 3px;
}

.pane .h-group b {
    background-position: 7px 4px;
}

.pane .h-group.arrow-ico {
    background-position: 7px 7px;
}

.pane.small-pane .h-group.active b {
    background-position: 7px -34px;
}

.pane .h-group.active b {
    background-position: 7px -32px;
}

.pane .h-group.arrow-ico.active {
    background-position: 7px -29px;
}

.pane.bg-green h3 {
    background-position: center -80px;
}

.pane.bg-blue h3 {
    background-position: center bottom;
}

.pane.bg-black h3 {
    background-position: center -40px;
}

.pane-content {
    padding: 20px;
}

.pane-content .add-draft {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pane-content .add-draft span:first-child {
    margin-right: 15px;
}

.pane-content .drafts-list {
    margin-bottom: 20px;
}
.pane-content .drafts-list .one-draft {
    margin-bottom: 5px;
}

.small-pane .pane-content {
    padding: 15px;
    border-width: 0 1px 1px;
}


/*PANE 2 COL*/

.col-2 .pane,
.col-and-aside .pane.small-pane {
    width: 470px;
    padding-bottom: 6px;
    background: url(../../i/panes/shadow-2col-b.png) no-repeat center bottom;
}

.col-2 .pane.float-l {
    margin-right: 20px;
}

.col-2 .pane.bg-blue {
    margin-right: 0;
}


/*PANE 3 COL*/

.col-3 .pane {
    margin-right: 25px;
    width: 303px;
}

.col-3 .pane.bg-black {
    margin-right: 0;
}


/*PANE COL AND ASIDE*/

.col-and-aside {
    display: inline-block;
    width: 100%;
}

.col-and-aside .aside,
.col-and-aside .pane.small-pane {
    width: 210px;
}

.col-and-aside .col {
    width: 720px;
}

.revoke_ext_reviewer {
    position: relative;
    left: 10px;
    cursor: pointer;
}

.remove_beneficiary {
    position: relative;
    left: 10px;
    cursor: pointer;
}


/* EXTERNAL_REVIEW_SECTION */

#external_review_list {
    padding-bottom: 25px;
}

#external_review_list .list-column {
    vertical-align: middle;
    display: inline-block;
    padding: 5px;
}

#external_review_list .first-column {
    width: 66px;
}

#external_review_list .second-column {
    width: 100px;
    text-align: center;
}

#external_review_list .third-column {
    width: 460px;
    cursor: pointer;
}

#external_review_list .fourth-column {
    width: 235px;
}

#external_review_list a {
    display: block;
}

#external_review .form-item {
    padding: 5px 0;
}

.external_review .toggle {
    background: url("../../i/icons/minus-plus.png") no-repeat scroll 98% -32px #DDE8F3;
}

.external_review .toggle.active {
    background-position: 98% 16px;
}

.col .external_review h4 {
    background-color: transparent;
}

.external_review .filename {
    border: none;
}

.modal-box-content .progress-bar,
.external_review .modal-box .progress-bar {
    width: 100%;
    height: 30px;
}

.modal-box-content .progress-bar .percentage,
.external_review .modal-box .percentage {
    background-color: #008000;
    height: 100%;
    width: 0;
}

.modal-box-content h3 {
    margin-bottom: 15px;
}

.modal-box-content form {
    margin-top: 15px;
}

.modal-box-content form button,
.modal-box-content form a {
    margin: 0 5px 0 0;
    padding: 4px 15px;
}

.modal-box-content form button:hover,
.modal-box-content form button:focus,
.modal-box-content form a:hover,
.modal-box-content form a:focus {
    position: relative;
    bottom: 0;
    right: 0;
    background-color: #f2f2f2;
}

.rw-reply .text-area.external-reviewer-comment {
    background-color: #f5ffdd;
}

#pane-your-rating .social-share-btns>* {
    display: inline-block;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
}

#pane-your-rating .social-share-btns>*:first-child,
#pane-your-rating .social-share-btns>*:last-child {
    min-height: 0px !important;
    margin-bottom: 5px;
}


/* Drafts: */

.drafts-pane-cont {
    width: 100%;
    margin-bottom: 10px;
}

.drafts-pane-cont #drafts-panel {
    background-color: rgb(255, 255, 255);
}

.drafts-pane-cont #drafts-panel .draft-title {
    padding: 10px 20px;
    font-weight: bold;
    border-bottom: 1px solid rgb(233, 233, 242);
}

.drafts-pane {
    float: right;
    margin-right: 0px !important;
    width: 405px !important;
}

.drafts-pane h3 {
    background: #F0F0F0 !important;
    font-style: italic;
}

.drafts-pane .pane-content {
    font-size: 14px;
}

.one-draft-mid span {
    font-size: 13px;
    line-height: 30px;
}

.one-draft-right {
    left: 10%
}

.one-draft-left,
.one-draft-right,
.one-draft-mid {
    height: 30px;
}

.one-draft-left,
.one-draft-right,
.one-draft-mid,
.one-draft-left *,
.one-draft-right *,
.one-draft-mid * {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.one-draft-left {
    width: 45%;
}

.one-draft-mid {
    width: 30%;
}

.one-draft-right {
    text-align: right;
}

#drafts {
    font-size: x-small;
    padding-left: 380px;
    padding-top: 10px;
}

.drafts-pane .drafts-list {
    border-bottom: 1px solid #E0DEDE;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.one-draft-right>span.draft-separator {
    border-left: 1px solid #C7C7C7;
    height: 20px;
    margin: 0px 5px;
}

.add-draft .btn {
    margin: 0 0 0 5px;
    padding: 5px 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    display: inline-block;
    font-size: 17px;
    color: #fff;
    background-color: #4097ED;
}

.one-draft-left>a {
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-constraints-errors td {
    padding: 10px;
}

.project-constraints-errors ul {
    margin: 0;
    padding: 0;
}

.fileElement select {
    margin-left: 5px;
    margin-right: 10px;
}

.fileElement>div {
    margin-top: 10px;
}

.sprite-smiley {
    float: left;
}


/* MODAL BOX */

.modal-box-content .send-accuracy-cert {
    text-align: center;
}

.modal-box-content .send-accuracy-cert .info {
    font-size: 18px;
    margin: 0 auto 15px;
    height: 420px;
    width: 420px;
    background: url("../../i/images/certificate-sample-thumb.png") no-repeat center 50px;
    background-size: 61%;
}

.modal-box-content .send-accuracy-cert button {
    margin: 0 42px;
}

#add-to-myteam {
    color: #4e4e4e;
}

#add-to-myteam .translator {
    text-align: center;
}

#add-to-myteam .userpic img {
    vertical-align: bottom;
    position: relative;
    z-index: -1;
    width: 100px;
    height: 100px;
    top: -4px;
    left: -4px;
}

#add-to-myteam .userpic {
    overflow: hidden;
    width: 93px;
    height: 93px;
    display: inline-block;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#add-to-myteam .add-title {
    font-size: 22px;
    font-weight: 300;
    padding: 15px 0 15px 0;
}

#add-to-myteam .add-title .name,
#add-to-myteam .service,
#add-to-myteam .service small {
    color: #0aa9ac;
}

#add-to-myteam .service {
    font-size: 18px;
    padding-top: 9px;
}

#add-to-myteam .dedicated {
    padding: 4px 0 15px 0;
    font-size: 13px;
    color: #808080;
    font-style: italic;
}

#add-to-myteam .whatIs {
    color: white;
    font-size: 12px;
    font-weight: 900;
    padding-top: 15px;
}

#add-to-myteam hr {
    height: 1px;
    width: 100%;
    background-color: #e5e5e5;
    margin: 20px 0 20px 0;
}

#add-to-myteam .feedback {
    padding: 20px 40px;
}

#add-to-myteam .feedback h4 {
    font-size: 14px;
    font-weight: 600;
    color: #353535;
}

#add-to-myteam .feedback label.allow-cb input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

#add-to-myteam .feedback label {
    font-size: 12px;
}

#add-to-myteam .feedback .feedback-note:before {
    content: '*';
    margin-left: -10px;
}

#add-to-myteam .feedback .feedback-note {
    font-size: 12px;
    font-style: italic;
    color: #808080;
    width: 65%;
    margin: 20px 0 0 10px;
}

.add-to-team-btn,
.add-to-team-btn b,
.plans p,
.plan-title {
    color: #FFF;
}

.add-to-team-btn {
    background: url(../../i/pages/project-cqr/statusbar.png) no-repeat 3px -197px #0aa9ac;
    width: 320px;
    height: 48px;
    padding-left: 35px;
    border: 1px solid #0aa9ac;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    cursor: pointer;
}

.plans {
    width: 600px;
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 15px 0;
    background-color: #0da8ad;
    color: white;
}

p.title {
    color: white;
    font-size: 20px;
    padding-bottom: 15px;
}

.subscribe,
.subscribe-contact {
    color: #0da8ad;
    background-color: #fff;
    border-color: #5bb5c2;
    border-radius: 25px;
    border: 2px solid transparent;
    padding: 5px 8px;
    margin-bottom: 10px;
}

.subscribe:hover,
.subscribe-contact:hover {
    color: #80c6d0;
    background-color: #fff;
    border-color: #88c9d3;
    cursor: pointer;
}

a.subscribe-contact {
    text-decoration: none;
    padding: 5px 8px;
    height: 24px;
    display: inline-block;
}

#add-to-myteam .text-light {
    color: #90cde2;
}

.plans-wrap .row {
    padding: 15px 0;
}

.plans-wrap .row::after {
    content: " ";
    display: block;
    clear: both;
}

.plans-wrap {
    width: 1000px;
}

.plans-wrap .col-sm-3,
.plans-wrap .col-md-3,
.plans-wrap .col-md-4 {
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
}

.plans-wrap .col-md-3,
.plans-wrap .col-sm-3 {
    width: 25%;
}

.plans-wrap .col-md-4 {
    width: 33.3333%;
}

.plans-wrap .col-md-offset-1 {
    margin-left: 8.33333%;
}

.plans-wrap .text-white {
    color: #fff;
}

.plans-wrap .text-bold {
    font-weight: 700;
}

.plans-wrap .text-uppercase {
    text-transform: uppercase;
}

.plans-wrap h4,
.plans-wrap .text-h4 {
    font-size: 20px;
}

.plans-wrap small {
    font-size: 75%;
}

.plans-wrap .padding-medium {
    padding-top: 20px;
    padding-bottom: 20px;
}

.plans-wrap .btn-info.btn-invert {
    color: #5bb5c2;
    background-color: #fff;
    border-color: #5bb5c2;
    font-size: 14px;
}

.plans-wrap .btn-info.btn-invert:hover,
.plans-wrap .btn-info.btn-invert:active,
.plans-wrap .btn-info.btn-invert.active,
.plans-wrap .btn-invert.open>.dropdown-toggle.btn-info {
    color: #3f9dab;
    background-color: #e6e6e6;
    border-color: #3d96a3;
}

.bg-oht-3 {
    background-color: #0da8ad;
}

.text-info,
.btn-info.btn-invert {
    color: #0da8ad;
}

.btn-info.btn-invert {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.myteam-features {
    overflow: hidden;
}

.bg-oht-3 .text-primary {
    color: #90cde2;
}

.myteam-description {
    max-width: 399px;
    margin: 0 auto;
}

.business {
    border-left: 1px solid white;
    border-right: 1px solid white;
}


/* New Rating Area of project page */

.rating-container {
    width: 100%;
    margin-bottom: 20px;
}

.rating-container .modal-rating {
    margin-bottom: -20px;
}

.rating-container .modal-rating .feedback {
    padding: 0;
}

.rating-container .client-rating {
    background-color: rgb(255, 255, 255);
}

.rating-table {
    border: 3px solid #e8e8e8;
}

.rating-container .line-separator {
    height: 1px;
    background: #dadada;
    margin: 12px auto;
    clear: both;
}

.rating-table .col-service {
    height: 400px;
    background: #f5f5f5;
    border: none;
    padding: 15px 15px 20px 20px;
    vertical-align: top;
}

.rating-table .col-quality {
    padding: 15px 15px 20px 20px;
    height: 400px;
    border: none;
    width: 65%;
    border-right: 3px solid #e8e8e8;
    border-left: 3px solid #e8e8e8;
    vertical-align: top;
}

.rating-container .blue {
    color: #117fbf;
}

.rating-container .vertical-align-top {
    vertical-align: super;
}

.rating-container .green {
    color: #11a528;
}

.rating-container .title {
    font-family: open_sanssemibold;
    font-size: 1.3em;
    margin-bottom: 0.2em;
}

.rating-container .overall-title {
    font-family: open_sanssemibold;
    font-size: 1em;
    margin-bottom: .3em;
    color: #434343
}

.rating-container .padding-bottom-10 {
    padding-bottom: 10px;
}

.rating-container .force-ltr {
    direction: ltr !important;
}

.col-quality .remarks-area {
    border: 1px solid #dadada;
    border-radius: 5px;
    height: 50px;
    width: 95%;
    resize: none;
    margin-top: 3px;
}

.rating-container .btn-submit {
    position: relative;
    margin: -27px auto 40px auto;
    display: block;
    color: #fff;
    background-color: #448ccb;
    border-color: #448ccb;
}


/* Categories area, configuring custom checkbox  */

.col-quality .breakdowns-container {
    width: 100%;
}

.col-quality .breakdowns-container .col {
    width: 50%;
}

.breakdowns-container input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    visibility: hidden;
    margin: 0 .9em 1.2em 0.9em;
}

.breakdowns-container input[type="checkbox"]:after {
    visibility: visible;
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    line-height: 10px;
    cursor: pointer;
    border: 2px solid #dadada;
    border-radius: 3px;
}

.breakdowns-container input[type="checkbox"]:checked:after {
    line-height: 13px;
    font-size: 21px;
    position: absolute;
    content: '\2714';
    color: #117fbf;
}


/* Microsoft Edge support */

_:-ms-lang(x),
.breakdowns-container input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    visibility: visible;
}


/* Firefox support */

@-moz-document url-prefix() {
    .breakdowns-container input[type="checkbox"] {
        position: relative;
        cursor: pointer;
        visibility: visible;
    }
}


/* service column elements */

.col-service .sprite-smiley {
    margin-bottom: 1em;
}

.col-service .radio-group {
    margin: 0.25em 0 1em 0;
}

.col-service .radio-group input[type="radio"] {
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle;
}

.col-service .radio-group .positive-radio {
    color: #11a528;
    width: 110px;
}

.col-service .radio-group .negative-radio {
    color: #db4424;
}


/* Feedback translator view */

.rating-container .translator-view {
    height: auto;
}

.translator-view .social-share-btns {
    margin: 10px 0 0 0;
    width: 45%;
}

.translator-view .share-btn {
    margin: 10px 15px 0 0 !important;
    line-height: 10px;
}


/**********************/

.yelp .yelp-text {
    display: inline-block;
    padding-top: 7px;
}

#yelp-biz-badge-plain-_0vnvIp6C7TVbO_peDvr7g {
    float: right;
    padding-right: 150px;
}

.please-rate-row {
    background: #f5f5f5;
    height: auto;
    width: 100%;
}

.please-rate-row .row {
    line-height: 35px;
    margin: 0 10px 0 10px;
    display: inline-block;
}

.please-rate-row .blue {
    color: #117fbf;
}

.please-rate-row .arrow-down {
    width: 20px;
    height: 20px;
    background: url(../../i/to-bottom.png) no-repeat top left;
    vertical-align: text-bottom;
    margin-left: 5px;
    background-size: 20px;
    display: inline-block;
}

.please-rate-row .rate-star {
    width: 20px;
    height: 22px;
    background: url(../../i/rate-star.png) no-repeat top left;
    vertical-align: text-bottom;
    margin-right: 5px;
    background-size: 20px;
    display: inline-block;
}

#progressBar {
    width: 100%;
    height: 25px;
    border-radius: 25px;
    border: 2px solid #73AD21;
}

#progressBar div {
    color: #000000;
    border-radius: 25px;
    position: absolute;
    text-align: right;
    background-color: #22ce17;
    margin: -2px 0 0 -2px;
    border: 2px solid #73AD21;
    min-width: 30px;
    max-width: 100%;
}

.rating-container .disabled-item {
    pointer-events: none !important;
    cursor: default !important;
}

.project-details .reduction-table {
    font-size: 11px;
}

.reduction-table table th {
    background: none;
    background-color: #fffef4;
}

button.btn.close-add-to-myteam {
    display: block;
    margin: 20px auto;
}

.editor-interface-xtm {
    width: 1200px !important;
    margin-left: -640px !important;
}

.editor-interface-regular {
    width: 1000px !important;
    margin-left: -540px !important;
}

.project-files-view .pf-block .document-counter {
    display: none;
    background: #fafafa;
    border: 2px solid #dadada;
    color: #448ccb;
    text-align: center;
    font-size: 13px;
    float: left;
    padding: 0 6px;
    margin: 0px 5px 5px 0px;
    position: relative;
    top: -5px;
}

.project-details .bundle-list {
    display: inline-block;
    font-size: 20px;
    margin-left: 20px;
}

.project-details .bundle-list .title {
    color: #448ccb;
}

.project-details .dropdown-bundle-list {
    background: #fafafa;
    border-radius: 5px;
    padding: 2px 5px;
}

.project-details .dropdown-bundle-list[disabled] {
    background: #eee;
    color: #a5a5a5;
}

.review-errors input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.review-errors.review-mistakes {
    padding: 5px;
    background: #fff;
}

ul.review-mistakes .cqr_error:before {
    top: 0px;
}

.cqr__err-item {
    margin-top: 10px;
}

.cqr__err-control.hide {
    float: right;
}

.cqr__err-control.show {
    /* To vertical align to index */
    position: relative;
    top: 3px;
}

.cqr_error__input {
    padding: 0 5px;
    resize: none;
    height: 24px;
    overflow: hidden;
}

.cqr__err-index {
    float: left;
}

.cqr_error {
    position: relative;
    padding-left: 25px;
    margin-right: 20px;
}

.cqr_error:before {
    content: attr(data-index);
    position: absolute;
    left: 0;
    top: 3px;
}

textarea[name="rateText"].error {
    border: 1px solid #cc0000;
    color: #cc0000;
    background: #FFFACD;
}


/* Spell Checker Report popup */

.spell-check-report .spell-check-warning p {
    color: #cc0000;
}

.spell-check-report .spell-check-mistakes {
    margin: 15px 0 20px;
}

.spell-check-report .spell-check-mistakes td:nth-child(odd) {
    width: 7%;
}

.spell-check-report .spell-check-mistakes td:nth-child(even) {
    width: 42%;
}

.spell-check-report .spell-check-confirm {
    width: 63%;
}

.spell-check-report .spell-check-label {
    position: relative;
    display: block;
    padding-left: 25px;
    font-family: open_sansbold;
}

.spell-check-report .spellCheckConfirm {
    position: absolute;
    left: 0;
    margin: 5px 5px 5px 0;
}


/* Highlight text in textarea */

.highlights-container {
    display: block;
    margin: 0 auto;
    background-color: #fcfcf6;
}

.highlights-backdrop {
    position: absolute;
    z-index: 1;
    overflow: auto;
    pointer-events: none;
    width: 395px;
}

.highlights-content {
    white-space: pre-wrap;
    word-wrap: break-word;
    color: transparent;
    padding: 5px 17px 5px 5px;
}

.pf-block .highlights-container textarea {
    display: block;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    width: 395px;
    padding: 5px 15px 5px 5px;
    background-color: transparent;
}

.highlights-container .highlights-text {
    color: transparent;
    background-color: #f3be8e;
}

#batchProject {
    background: url(../../i/icons/batch_project.png) no-repeat center center;
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: 30px;
    position: relative;
    cursor: pointer;
}

#batchProject .tooltip {
    visibility: hidden;
    width: 120px;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    background-color: lightyellow;
    top: -5px;
    left: 110%;
}

#batchProject:hover .tooltip {
    visibility: visible;
}

button.alert-mode {
    color: #fff;
    background: #929292;
}

#projectsTable td.project-alert {
    vertical-align: middle;
}

#projectsTable .alert-selected {
    background: #add;
}

#projectsTable .alert-icon-default,
#alertsContainer .alert-icon-default,
#alertsContainer .alert-icon-Low-margin-alert,
#alertsContainer .alert-icon-low-margin-alert {
    background: url(../../i/icons/error.png) no-repeat center center;
}

#projectsTable .alert-icon-abandon,
#alertsContainer .alert-icon-abandon {
    background: url(../../i/icons/alert_abandon.png) no-repeat center center;
}

#projectsTable .alert-icon-allocation,
#alertsContainer .alert-icon-allocation {
    background: url(../../i/icons/alert_allocation.png) no-repeat center center;
}

#projectsTable .alert-icon-dismiss,
#alertsContainer .alert-icon-dismiss {
    background: url(../../i/icons/alert_dismiss.png) no-repeat center center;
}

#projectsTable .alert-icon-expired,
#alertsContainer .alert-icon-expired {
    background: url(../../i/icons/alert_expired.png) no-repeat center center;
}

#projectsTable .alert-icon-incorrect-wordcound,
#alertsContainer .alert-icon-incorrect-wordcound {
    background: url(../../i/icons/alert_incorrect_wordcount.png) no-repeat center center;
}

#projectsTable .alert-icon-low-cqr,
#alertsContainer .alert-icon-low-cqr {
    background: url(../../i/icons/alert_low_cqr.png) no-repeat center center;
}

#projectsTable .alert-icon-delayed-results-exposure,
#alertsContainer .alert-icon-delayed-results-exposure {
    background: url(../../i/icons/alert_delayed_results_exposure.png) no-repeat center center;
}

#projectsTable .alert-icon-cqr-abuse,
#alertsContainer .alert-icon-cqr-abuse {
    background: url(../../i/icons/alert_cqr_abuse.png) no-repeat center center;
}

#projectsTable .alert-icon-need-time,
#alertsContainer .alert-icon-need-time {
    background: url(../../i/icons/alert_need_time.png) no-repeat center center;
}

#projectsTable .alert-icon-delayed-for-reopen,
#alertsContainer .alert-icon-delayed-for-reopen {
    background: url(../../i/icons/alert_delayed_for_reopen.png) no-repeat center center;
}

#projectsTable .alert-icon-delayed-for-reproof,
#alertsContainer .alert-icon-delayed-for-reproof {
    background: url(../../i/icons/alert_delayed_for_reproof.png) no-repeat center center;
}

#projectsTable .alert-icon-low-qa-2nd-round,
#alertsContainer .alert-icon-low-qa-2nd-round,
#alertsContainer .alert-icon-low-QA-2nd-round {
    background: url(../../i/icons/alert_low_qa_2nd_round.png) no-repeat center center;
}

#projectsTable .alert-icon-low-qa-1st-round-score,
#alertsContainer .alert-icon-low-qa-1st-round-score,
#alertsContainer .alert-icon-low-qa-1st-round-score {
    background: url(../../i/icons/alert_low_cqr.png) no-repeat center center;
}

#projectsTable .alert-icon-new-message,
#alertsContainer .alert-icon-new-comment,
#alertsContainer .alert-icon-new-message {
    background: url(../../i/icons/alert_new_message.png) no-repeat center center;
}

#projectsTable .alert-icon-new-message-translator,
#alertsContainer .alert-icon-new-translator-comment,
#alertsContainer .alert-icon-new-message-translator {
    background: url(../../i/icons/alert_new_message_translator.png) no-repeat center center;
}

#projectsTable .alert-icon-low-ll-score,
#alertsContainer .alert-icon-low-ll-score {
    background: url(../../i/icons/alert_low_ll_score.png) no-repeat center center;
    cursor: pointer;
}

#projectsTable .alert-icon-spell-checker,
#alertsContainer .alert-icon-spell-checker {
    background: url(../../i/icons/alert_spell_checker.png) no-repeat center center;
}

#projectsTable .alert-icon-too-fast,
#alertsContainer .alert-icon-too-fast {
    background: url(../../i/icons/alert_too_fast.png) no-repeat center center;
}

#projectsTable .alert-icon-low-trans-quality,
#alertsContainer .alert-icon-low-trans-quality {
    background: url(../../i/icons/alert_low_trans_quality.png) no-repeat center center;
}

#projectsTable .alert-icon-low-service,
#alertsContainer .alert-icon-low-service {
    background: url(../../i/icons/alert_low_service.png) no-repeat center center;
}

#projectsTable .alert-icon-format-mismatch,
#alertsContainer .alert-icon-non-matching-format,
#alertsContainer .alert-icon-format-mismatch {
    background: url(../../i/icons/alert_format_mismatch.png) no-repeat center center;
}

#projectsTable .alert-icon-dispute,
#alertsContainer .alert-icon-dispute {
    background: url(../../i/icons/alert_dispute.png) no-repeat center center;
}

#projectsTable .alert-icon-big-project,
#alertsContainer .alert-icon-big-project {
    background: url(../../i/icons/alert_big_project.png) no-repeat center center;
}

#projectsTable .alert-icon-urgent-waiting,
#alertsContainer .alert-icon-urgent-waiting {
    background: url(../../i/icons/alert_urgent_waiting.png) no-repeat center center;
}

#projectsTable .alert-icon-expedite-delays,
#alertsContainer .alert-icon-expedite-delays {
    background: url(../../i/icons/alert_expedite_delays.png) no-repeat center center;
}

#projectsTable .alert-icon-sla-breach-1,
#alertsContainer .alert-icon-sla-breach-1 {
    background: url(../../i/icons/alert_SLA_breach_1.png) no-repeat center center;
}

#projectsTable .alert-icon-sla-breach-2,
#alertsContainer .alert-icon-sla-breach-2 {
    background: url(../../i/icons/alert_SLA_breach_2.png) no-repeat center center;
}

#projectsTable .alert-icon-sla-breach-3,
#alertsContainer .alert-icon-sla-breach-3 {
    background: url(../../i/icons/alert_SLA_breach_3.png) no-repeat center center;
}

#projectsTable .alert-icon-draft-project,
#alertsContainer .alert-icon-draft-project {
    background: url(../../i/icons/alert_draft_project.png) no-repeat center center;
}

#projectsTable .alert-icon-fast-expedite,
#alertsContainer .alert-icon-fast-expedite {
    background: url(../../i/icons/alert_fast_expedite.png) no-repeat center center;
}

#projectsTable .alert-icon-message-on-moderation,
#alertsContainer .alert-icon-message-on-moderation {
    background: url(../../i/icons/alert_message_on_moderation.png) no-repeat center center;
}

#projectsTable .alert-icon,
#alertsContainer .alert-icon {
    display: block;
    height: 30px;
    width: 30px;
    background-size: 30px;
    margin: 0 auto;
}

#alertsContainer .alert-icon {
    margin: 0 10px 0 0;
    display: inline-block;
}

#alertsContainer {
    height: 30px;
}

#projectsTable .alert-icon.alert-icon-disable {
    opacity: 0.3;
}

.qa-job {
    padding-right: 23px;
    background: url(../../i/icons/qa-job.png) no-repeat right center/18px 18px;
}

.bonus_project:after {
    content: '*';
    color: #ff0011;
    font-size: 28pt;
    position: absolute;
}

#active-users {
    position: sticky;
    position: -webkit-sticky;
    top: 57px;
    z-index: 2;
    font-size: 12px;
    background-color: #fff8dc;
    text-align: center;
    padding: 2px 0;
}

.qa-review.translator {
    line-height: 0;
}

.qa-review.translator .toggle .vote {
    overflow: hidden;
    padding-right: 30px;
}

.qa-review.translator .toggle .vote ul {
    float: left;
}

.qa-review.translator .gear-btn {
    float: right;
}

.qa-review.translator .toggle {
    border-top: 1px solid #ccc;
    margin-top: -1px;
}

.qa-review.translator .toggle .trans-info {
    width: 320px;
    max-width: 320px;
}

.trans-info-right {
    overflow: hidden;
}

.qa-trans-name {
    line-height: 18px;
    white-space: nowrap;
}

.trans-info-right .review-status {
    float: right;
}

.qa-review.translator .gear-btn {
    margin: 2px 5px;
}

.qa-review.translator .rw-ico {
    float: left;
    position: static;
}

.qa-review.translator .rw-ico span {
    display: inline-block;
    margin-left: 6px;
}

.qa-review .vote ul li:nth-child(odd) {
    margin-left: 7px;
}

.qa-review.translator .toggle .vote p {
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 55px;
    white-space: nowrap;
}

.qa-round-title {
    padding: 5px 20px;
}

.rsc-heading {
    min-height: 30px;
}

.translator .qa-toggle {
    background-color: transparent;
    background-position: 98% -33px;
    border-bottom: none;
    font-weight: bold;
}

.translator .qa-toggle.active {
    background-position: 98% 15px;
}

.translator .qa-toggle .default-config {
    float: left;
    width: 47%;
    margin-top: 20px;
}

.translator .qa-toggle .default-config input[readonly] {
    opacity: 0.5;
    cursor: not-allowed;
}

.translator .qa-toggle .default-config input[type=number] {
    width: 55px;
}

.translator .qa-toggle input[type=submit] {
    float: left;
    margin-top: 10px;
}

.translator .ll-toggle {
    float: left;
    width: 97%;
    margin-top: 30px;
}


/* Pilot Projects */

.pilot-project .project-name.border-b {
    border-bottom-color: #6a3c87;
    position: relative;
}

.pilot-project .project-name::before,
.pilot-project .project-name::after {
    background: #6a3c87 url('../../../images/icons/paper_plane_icon_32.png') no-repeat 10px center;
    content: "PILOT";
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    padding: 15px 80px 15px 50px;
    position: absolute;
    right: -280px;
    top: -30%;
}

.pilot-project .project-name::after {
    background: transparent;
    content: "PROJECT";
    font-weight: normal;
    padding-right: 12px;
}

.pilot-project .customer-note h4 {
    color: #381ea8;
}

.pilot-project .customer-note {
    color: #4c4b48;
}

.pilot-project .customer-note #noteText .editor-preview {
    background-color: #fff;
}

.pilot-project .customer-note .editable #noteText .editor-preview {
    background-color: #fff;
}


/* END Pilot Projects */

.expedite-badge img {
    width: 50px;
    vertical-align: bottom;
}

.project-constraints-missing-rated-strings h5 {
    background: url(../../i/icons/el-actions/validation.png) no-repeat 0 5px;
    font-size: 18px;
    line-height: 20px;
    padding: 5px 0 5px 30px;
}

.pageAttention button.loading {
    background: url('../../../images/icons/wait-large-classic.gif') no-repeat center center #fff;
    border-color: #fff;
    color: transparent !important;
}

.with-paddings {
    padding: 15px 15px 0;
}

fieldset.no-border {
    border: none;
}

#canned_message {
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}


/* New Feedback Block*/

.feedback {
    clear: both;
    position: relative;
    width: 70%;
    margin: auto;
    padding: 20px;
}

.modal-box-content .feedback {
    width: 100%;
}

.feedback.disabled:hover {
    background: inherit;
    font-weight: inherit;
    color: inherit;
}

.feedback__step.step1 {
    padding: 30px;
}

.feedback__step.step3 {

}

.feedback__title {
    font-size: 20px;
    text-align: center;
    line-height: 1;
    padding: 20px;
}

.feedback__subtitle {
    font-size: 20px;
    text-align: center;
    margin: 0 0 30px;
    line-height: 1;
}

.feedback_text {
    font-size: 16px;
    text-align: center;
    color: #444444;
}

.step2 .feedback__title,
.step3 .feedback__title {
    margin: 0 0 15px;
}

.feedback_desc {
    text-align: center;
    color: #444444;
}

.feedback_description {
    font-size: 16px;
    text-align: start;
    color: #444444;
}

.feedback__items {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
}

.feedback__item {
    cursor: pointer;
    text-align: center;
}

.feedback__item img {
    max-width: 50%;
}

.hasScore .feedback__item {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    text-align: center;
}

.translator .feedback__item {
    cursor: default;
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.hasScore .feedback__item.active,
.translator .feedback__item.active {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.feedback__item.active .feedback__item-bullet {
    background-color: #c8c8c8;
}

.feedback__item.canAdd {
    cursor: default;
    pointer-events: initial!important;
}

.feedback__item.canAdd:hover {
    cursor: pointer;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.disabled .feedback__item,
.disabled .feedback__item:hover,
.disabled .feedback__item.canAdd,
.disabled .feedback__item.canAdd:hover {
    pointer-events: none!important;
}

.feedback__bullets {
    display: flex;
    justify-content: space-between;
    margin: -10px 33px 50px;
    height: 2px;
    background-color: #c8c8c8;
}

.feedback__item-bullet {
    width: 20px;
    height: 20px;
    border: solid 2px #c8c8c8;
    background-color: #ffffff;
    border-radius: 100%;
    display: block;
    position: relative;
    margin: 40px auto 0;
    cursor: pointer;
}

.feedback__item:hover .feedback__item-bullet {
    background-color: #c8c8c8;
}

.feedback__item:last-child .feedback__item-bullet {
    right: -3px;
}

.feedback__footer {
    display: flex;
    justify-content: space-between;
}

.feedback__footer-flopped {
    font-size: 18px;
    font-weight: normal;
    color: #d54311;
    position: relative;
    left: -10px;
}

.feedback__footer-rocked {
    font-size: 18px;
    font-weight: bold;
    color: #3ab94e;
    position: relative;
    right: -10px;
}

.feedback__step2-emoji {
    display: block;
    width: 40px;
    margin: 0 auto 20px;
}

.feedback_list {
    width: 100%;
    max-width: 100%;
    margin: 30px auto;
}

.feedback_list-item {
    padding: 0 15px;
    border-bottom: solid 2px #e6e6e6;
    display: flex;
}

.feedback__nav {
    display: flex;
    justify-content: space-between;
}

.feedback__nav.update-rate {
    justify-content: flex-end;
    margin-top: 20px;
}

.feedback__nav.close {
    justify-content: center;
    margin: 50px 0 0;
}

.feedback__results-nav {
    text-align: right;
    margin: 20px 0 0;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.checkbox label {
    position: relative;
    padding-left: 35px;
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.checkbox label input {
    display: none;
}

.checkbox input[type="checkbox"]~span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/public/lib/bootstrap/images/input-sprite.png) no-repeat top left;
    background-position: 0 0;
    content: '';
    display: block;
    z-index: 9;
    left: 0;
    top: -1px;
}

.checkbox input[type="checkbox"]:checked~span {
    background-position: 0 -40px;
}

.feedback__btn {
    font-size: 16px;
    padding: 10px 40px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #e6e6e6;
    transition: all 0.3s ease;
}

.feedback__btn:hover {
    background-color: #e9e9e9;
}

.feedback__btn.update,
.feedback__btn.next,
.feedback__btn.view,
.feedback__btn.prev {
    border-color: rgb(88, 87, 255);
    background: rgb(88, 87, 255);
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 40px;
    width: 100px;
}

.feedback__btn.update:hover,
.feedback__btn.next:hover,
.feedback__btn.prev:hover,
.feedback__btn.view:hover {
    background-color: rgb(106, 112, 255);
}

.rated_feedback_message textarea {
    display: block;
    height: 100px;
    border-radius: 7px;
    border: solid 2px #e6e6e6;
    resize: none;
    padding: 5px 10px;
    font-size: 16px;
    color: #727272;
}

.feedback__btn.submit {
    border-color: rgb(98, 181, 91);
    background-color: rgb(98, 181, 91);
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 40px;
    width: 100px;
}

.feedback__btn.submit:hover {
    background-color: #46d05c;
}

.feedback__btn.close {
    border: solid 2px #e6e6e6;
    background: #ffffff;
    color: #666666;
}

.feedback__btn.close:hover {
    border: solid 2px #ffffff;
    background: #e6e6e6;
}

.feedback_message {
    margin: 45px 0 30px;
}

.feedback_message textarea {
    height: 150px;
    border-radius: 7px;
    border: solid 2px #e6e6e6;
    resize: none;
}

.feedback_message textarea::-webkit-input-placeholder,
.rated_feedback_message textarea::-webkit-input-placeholder {
    font-family: 'open_sansitalic';
    color: #727272;
}

.feedback_message textarea::-moz-placeholder,
.rated_feedback_message textarea::-moz-placeholder {
    font-family: 'open_sansitalic';
    color: #727272;
}

.feedback_message textarea::-ms-input-placeholder,
.rated_feedback_message textarea::-ms-input-placeholder {
    font-family: 'open_sansitalic';
    color: #727272;
}

.feedback_message textarea::-moz-placeholder,
.rated_feedback_message textarea::-moz-placeholder {
    font-family: 'open_sansitalic';
    color: #727272;
}

.feedback__finish {
    position: relative;
    border-bottom: 1px #dadada solid;
    margin: 0 0 60px;
    display: flex;
    justify-content: center;
}

.feedback__finish img {
    position: relative;
    top: 25px;
}

.feedback__finish:after {
    content: '';
    display: block;
    background: #ffffff;
    width: 260px;
    height: 0;
    position: absolute;
    bottom: 0px;
    box-shadow: 0px -43px 81px 7px rgba(251, 72, 72, 0.7);
    z-index: -1;
}


/* New Feedback Block*/

.alerts-block {
    padding: 5px 0 0;
}

.alerts-block .alert-icon {
    cursor: pointer;
}

.alerts-block .alert-icon.alert-icon-disable {
    opacity: 0.3;
}

.alert-modal {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.alert-modal .confirm-blocking {
    background: #ffffff;
    padding: 20px 40px 20px 20px;
    position: relative;
    width: 350px;
}

.alert-modal .confirm-blocking h3 {
    font-size: 21px;
    margin: 0 20px 15px 20px;
    padding: 10px 0 15px 0;
    border-bottom: 3px solid #f4f4f4;
    color: #404040;
}

.alert-modal .confirm-blocking .btn {
    font-size: 16px;
}

.alert-modal .confirm-blocking .closeButton {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(/public/i/modal-boxes/close.png) no-repeat left top;
    cursor: pointer;
    float: left;
    width: 16px;
    height: 16px;
}

#snooze_time {
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 3px;
    cursor: pointer;
    background: #e6e6e6;
    font-size: 14px;
    margin-right: 15px;
}

.snooze-details {
    float: right;
    width: 190px;
}

#snooze_alert_form .show-snooze {
    border-color: #2973A5;
    background: #2973A5;
    color: #fff;
    padding: 0 25px;
}

#snooze_alert_form .btn-block {
    float: right;
    line-height: normal;
}

.changeAlertStatus {
    padding: 2px 15px;
}

#trans-admin-comments-urgent {
    float: right;
}

#trans-admin-comments-urgent label {
    font-size: 0.8em;
}

.reaction-comment {
    display: block;
    width: 16px;
    margin: 8px 7px 0 0;
}

.reaction-comment.noreply {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjM0JCMzAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTk1LDQ1YzAtMTkuMy0yMC4yLTM1LTQ1LTM1Yy05LjEsMC0xNy42LDIuMS0yNC43LDUuOEwxNC44LDUuMmwtNy4xLDcuMWw4MCw4MGwwLDBsNy4xLTcuMUw4MC40LDcwLjggIEM4OS40LDY0LjQsOTUsNTUuMiw5NSw0NXogTTczLjIsNjMuN0wzMi44LDIzLjJDMzcuOSwyMS4yLDQzLjgsMjAsNTAsMjBjMTkuMywwLDM1LDExLjIsMzUsMjVDODUsNTIuNCw4MC40LDU5LjEsNzMuMiw2My43eiI+PC9wYXRoPjxwYXRoIGQ9Ik01MCw3MGMtMTkuMywwLTM1LTExLjItMzUtMjVjMC01LjMsMi4zLTEwLjIsNi4yLTE0LjJsLTctN0M4LjQsMjkuNyw1LDM3LDUsNDVjMCwxMC4zLDUuOCwxOS42LDE1LDI2LjFWOTBsMTUuNy0xMS44ICBDNDAuMiw3OS40LDQ1LDgwLDUwLDgwYzYuMywwLDEyLjItMSwxNy42LTIuOGwtOC4xLTguMUM1Ni41LDY5LjcsNTMuMyw3MCw1MCw3MHoiPjwvcGF0aD48L3N2Zz4=);
    width: 20px;
    height: 20px;
    background-size: cover;
    float: right;
}

.reaction-submit {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    margin: 7px 10px 0 0;
    float: right;
    filter: grayscale(100%);
}

.reaction-submit.active {
    filter: grayscale(0);
}

.need-reply {
    width: 17px;
    height: 17px;
    background: url(/public/frontend/i/icons/validation-sprite.png) no-repeat left top;
    display: block;
    vertical-align: middle;
    background-size: cover;
    float: right;
    margin: 9px 7px 0 0;
}

#action_settings .row {
    margin: 10px 0;
}

#action_settings input[type=number] {
    width: 40px;
}

#action_settings input[type=number]:read-only {
    background-color: #d3d3d3;
    opacity: 0.5;
}

#action_settings h5 {
    font-weight: bold;
    font-size: 100%;
    margin: 10px;
}

#action_settings h6 {
    font-size: 80%;
    text-decoration: underline;
}

#auto_reopen {
    margin-left: 15px;
}

.status-small {
    font-size: 14px;
}

/* LL form in Cat Tools workbench */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: local('Manrope Regular'), url('../../../css/fonts/Manrope/Manrope-Regular.ttf') format('truetype');
}

.project-page-layout {
    width: 100%;
}

.ll-container {
    position: fixed;
    right: 20px;
    bottom: 25px;
    width: 600px;
    box-shadow: 0px 0px 4px 4px rgb(0 0 0 / 10%);
    height: fit-content;
}

.ll-container.collapse {
    width: 60px;
    overflow: hidden;
    height: 32px;
    right: 20px!important;
    bottom: 25px!important;
    top: unset!important;
    left: unset!important;
}

.ll-container-header {
    height: 30px;
    border: 1px solid #e1e1e1;
    background: #eeeeee;
    cursor: move;
    position: relative;
}

.ll-container-header .close-icon {
    background: url('/public/frontend/i/icons/arrow-down.svg') no-repeat;
    background-size: cover;
    width: 20px;
    height: 15px;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 8px;
}

.ll-container.collapse .ll-container-header .close-icon {
    transform: rotate(180deg);
    top: 9px;
}

.ll-container .ll-main {
    margin: 0;
}

.ll-container .dropdownType {
    width: auto;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px 3px;
    line-height: 1.2;
}

.ll-container .ll-body-placeholder {
    padding: 10px 20px;
}

.ll-container .ll-header-placeholder {
    padding: 10px 20px 10px;
}

.ll-container .ll-header .review-time {
    font-size: 12px;
    width: 100%;
    margin-left: 20px;
}

.ll-container .ll-header .review-time .btn-orange {
    font-size: 14px;
}

.ll-container .ll-errors-item .comment {
    word-break: unset;
}

.ll-container .ll-errors-item .category {
    flex: 0 0 150px;
}

.ll-container .ll-errors-item .severity {
    flex: 0 0 60px;
}

.ll-container .ll-total-score {
    margin: 0 0 0 10px;
    width: 170px;
    flex-shrink: 0;
}

.ll-container #add_hours {
    width: 50%;
    font-size: 12px;
    border: 1px solid rgb(211, 211, 211);
    padding: 2px 5px;
}

.ll-container .review-action {
    margin-top: 10px;
    font-size: 12px;
}

.ll-container .ll-form textarea {
    border: 1px solid #d3d3d3;
    width: 98%;
    padding: 7px 5px 2px;
}

.ll-container .severity-cell .dropdown-toggle {
    font-family: 'Manrope'!important;
}

.ll-container .ll-errors-list {
    overflow-y: scroll;
    max-height: 200px;
    padding-right: 10px;
}

.ll-container .ll-steps {
    margin: 20px 0 0;
    padding: 20px 0 0;
}

.ll-container .comment-cell {
    min-width: 150px;
}

.ll-container .ll-footer .btn {
    padding: 10px 40px;
    font-size: 14px;
}

.ll-container .ll-form .addBtn {
    font-size: 14px;
    font-weight: normal;
    align-self: baseline;
}

.ll-container #ll-answers .header {
    min-width: auto;
}

.ll-container #ll-answers .toggle-errors, #ll-answers .toggle-comments {
    margin-right: 0;
}
/* LL form in Cat Tools workbench */