/* Write review pages */

.write-review {
    background: #fff;
    border: solid 1px #ccc;
}


    .write-review form > .container {
        /* max-width: 50%; */
    }

    .write-review select.form-select,
    .write-review input.form-control,
    .write-review input.form-check-input {
        border-color: #666 !important;
    }

        .write-review select.form-select:focus,
        .write-review input.form-control:focus,
        .write-review input.form-check-input:focus {
            /* box-shadow: 0 0 0 .25rem rgba(251, 111, 24, .25); */
        }

    .write-review .fa-face-meh.text-warning {
        color: #FFB108 !important;
    }

    .write-review .fa-face-frown.text-danger {
        /* color: #EE5363 !important; */
        color: #EB5665 !important
    }

    .write-review .fa-face-smile.text-success {
        color: #2BBA78 !important;
    }

    .write-review input::placeholder {
        color: #888;
    }

    .write-review .step-indicator {
        /* border-bottom: solid 1px #ccc; */
    }

    .write-review .nav-pills {
        position: relative;
        z-index: 2;
    }

        .write-review .nav-pills li span {
            padding: 0;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 22px;
            color: #fff;
            background: #ccc;
            border-radius: 100px;
            margin: 0 16px;
            /* border: solid 4px #fff; */
            font-weight: 700;
        }

        .write-review .nav-pills span.active {
            background: #fc8035;
        }

        .write-review .nav-pills span.completed {
            background: #fc8035;
            /* background: #FEA772; */
            /* color: #222; */
        }

.nav-pills-bg {
    height: 4px;
    background: #ccc;
    width: 168px;
    margin: 0 auto;
    position: relative;
    bottom: 20px;
    z-index: 1;
}

    .nav-pills-bg.step-one-active {
        background: #ccc;
    }

    .nav-pills-bg.step-two-active {
        background: linear-gradient(to right, #fc8035 50%,#cccccc 51%);
    }

    .nav-pills-bg.step-three-active {
        background: #fc8035;
    }



.write-review .rating {
    /* display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 2px; */
}

    .write-review .rating label {
        /* color: #d3d3d3;
    cursor: pointer;
    transition: color 0.2s; */
    }

.write-review .trumbowyg-box {
    border-color: #666;
    border-radius: 8px;
}

.write-review .trumbowyg-button-pane {
    border-radius: 8px 8px 0 0;
}

.write-review .trumbowyg-editor-box {
    display: flex;
}

.write-review .trumbowyg-box .trumbowyg-editor {
    padding: .375rem .75rem;
    flex: 1;
}

.write-review .form-check {
    /* padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
	margin-bottom: 0; */
}

    .write-review .form-check .form-check-input {
        /* margin-left: 0; */
        /* float: none; */
    }

.nav-label {
    text-align: center;
    color: #666;
}
.nav-label p {
    display: inline-block;
    margin: 0px 8px;
    width: 176px;
}
.nav-label p b {
    font-weight: 500;
}
.nav-label .label-active {
    color: #E56110;
    /* color: #000; */
    font-weight: 700;
}
.nav-label .label-past {
    /* color: #E56110; */
}
.write-review .star {
    font-size: 24px;
}


/* up to sm screen size */
@media (max-width: 575px) {
    .write-review .nav-pills li span {
        margin: 0 24px;
    }
    .nav-label p {
        width: 72px;
    }
    .nav-label p b {
        display: block;
    }
}

/* sm screen size and up */
@media (min-width: 576px) {
    .write-review .nav-pills li span {
        margin: 0px 48px;
    }
    .nav-label p {
        width: 120px;
    }
    .nav-label p b {
        display: block;
    }
    .nav-pills-bg {
        width: 268px;
    }
}

/* md screen size and up */
@media (min-width: 768px) {
    .write-review .nav-pills li span {
        margin: 0 74px;
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
    .nav-pills-bg {
        width: 368px;
        bottom: 24px;
    }
    .nav-label p {
        width: 176px;
    }
    .nav-label p b {
        display: inline;
    }
}

/* lg screen size and up */

@media (min-width: 992px) {

}



/* swal2 saved draft modal */

div:where(.swal2-icon).swal2-question {
    border-color: #fc8035 !important;
    color: #fc8035 !important;
}

.swal2-container .swal2-html-container {
    font-size: 16px;
    color: #222;
}

.swal2-container .swal2-title {
    font-size: 24px;
    font-weight: 700;
}

.swal2-container .swal2-confirm {
    background: #fc8035;
    font-weight: 600;
    padding: 6px 12px;
    border: solid 2px #fc8035;
}

.swal2-container .swal2-deny {
    background: #fff;
    border: solid 2px #FB6F18;
    color: #FB6F18;
    padding: 6px 12px;
    font-weight: 600;
}

.swal2-container .swal2-cancel {
    background: #ccc;
    border: solid 2px #ccc;
    color: #000;
    padding: 6px 12px;
    font-weight: 600;
}