/*====Review getting component====*/
.ls-group-result {
    margin-bottom: 0;
}

.ls-group-result li {
    white-space: nowrap;
}

.group-lr-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.mb-8 {
    margin-bottom: 8px;
}

.fb-block-review-getting {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: #fff;
}

.top-action {
    display: flex;
}

.owl-carousel .owl-stage {
    align-items: flex-start;
}

.owl-carousel.owl-loaded {
    flex: 1;
    overflow-y: clip;
    height: calc(100% - 110px);
}

.owl-carousel .owl-item {
    margin-left: 0;
}

.box-preview,
.box-preview-login {
    width: 293px;
    height: 529px;
    background: url('/static/img/frame-sp-938676de2f5635a772614b88266b70b4.png') top center no-repeat;
    margin: 0 auto;
    position: relative;
    padding-top: 1px;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}

.box-preview-login {
    padding-top: 0;
    padding-bottom: 10px;
}

.box-preview-login {
    background: none;
    border: 1px solid #d8e7ed;
}

.box-preview-login .owl-carousel {
    padding: 0;
}

.box-preview-login .item,
.box-preview-login .item-preview {
    margin-top: 0;
    padding-top: 87px;
}

.fb-footer-form-review {
    color: #92a1a8;
    display: flex;
    justify-content: center;
}

.fb-footer-form-review a {
    color: #92a1a8;
    padding: 0 15px;
}

.fb-footer-form-review a + a {
    padding-left: 15px;
}

.fb-footer-form-review .dropup {
    margin-left: 15px;
    color: #35afad;
    cursor: pointer;
}

.item,
.item-preview {
    height: 480px;
    padding: 65px 0 0 0;
    position: relative;
    margin-top: 40px;
}

.item-preview, .item-preview-inviroment {
    margin-left: 20px;
    margin-right: 20px;
    padding: 65px 0 0 0;
    margin-top: 40px;
    flex: 3 0 0;
    /*overflow: auto;*/
}

.item-preview-inviroment {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.item-preview-inviroment .info-preview {
    padding: 16px 21px 0 21px;
}

.item-preview-inviroment .content-preview {
    height: 304px;
}

.bg-main {
    width: calc(100% + 4px);
    height: 55px;
    position: absolute;
    left: -1px;
    top: 0;
    background-color: #82c7af;
}

.modal-download-review .bg-main {
    left: -2px;
}

.modal-download-review .item-preview-inviroment {
    margin: 0;
    padding-top: 85px;
    overflow-x: inherit;
    overflow-y: inherit;
}

.modal-download-review .item-preview-inviroment .bg-main {
    width: 100% !important;
    left: 0 !important;
}

.modal-download-review .item-preview-inviroment img {
    width: 100%;
}

.modal-download-review .item-preview-inviroment .info-inviroment {
    padding: 16px 16px 0 16px;
}

.modal-download-review .item-preview-inviroment .content-preview {
    height: 345px;
}

#divPreviewContainer {
    transition: all 0.5s ease;
}

.right-store-category .bg-main {
    width: calc(100% - 1px);
    left: 1px;
}

.mark-main {
    width: 211px;
    height: 53px;
    position: absolute;
    left: 21px;
    background: #fff;
    top: 20px;
    z-index: 10;
}

.mark-main img {
    width: 211px;
    height: 53px;
    object-fit: cover;
}

.modal-download-review .mark-main {
    width: 257px;
    left: 17px;
    height: auto;
}

.modal-download-review .mark-main img {
    height: 75px;
}

.progress {
    width: 211px;
    height: 8px;
    border: 1px solid #d3e3ea;
    border-radius: 4px;
    margin: 0 auto;
}

.progress .progress-bar {
    background: #82c7af;
}

.modal-download-review .progress {
    width: 100%;
}

.owl-carousel {
    padding: 0 20px;
    position: static;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    width: 32px;
    height: 32px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    color: #cbd9de;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: #e9f2f2;
    color: #35afad;
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
    display: none;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -64px;
}

.owl-carousel .owl-nav button.owl-prev:before {
    font-family: 'Material Design Icons';
    font-weight: 400;
    font-size: 24px;
    content: '\F0141';
}

.owl-carousel .owl-nav button.owl-next {
    right: -64px;
}

.owl-carousel .owl-nav button.owl-next:before {
    font-family: 'Material Design Icons';
    font-weight: 400;
    font-size: 24px;
    content: '\F0142';
}

.total-preview {
    text-align: right;
    padding: 0 10px;
}

.title-preview {
    margin: 0 0 16px 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4em;
}

.info-preview {
    font-size: 11px;
    padding: 16px 21px;
    height: 84%;
}

.right-store-category .info-preview {
    height: 260px;
}

.content-preview::-webkit-scrollbar {
    width: 5px;
    /*height: 10px;*/
}

.content-preview::-webkit-scrollbar-track {
    background-color: #cbd9de;
}

.content-preview::-webkit-scrollbar-thumb {
    background: #abbcc4;
    border-radius: 8px;
}

.info-preview-login {
    padding-left: 16px;
    padding-right: 16px;
}

.info-preview-login .alert {
    padding: 8px;
    box-shadow: rgb(78 97 97 / 20%) 0 3px 6px;
}

.info-preview .checkbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.content-preview {
    border-radius: 8px;
    padding: 16px 0;
    margin-top: 16px;
    overflow-x: hidden;
    height: inherit;
}

.action-preview,
.action-preview-login {
    display: block;
    text-align: center;
}

.action-preview .btn,
.action-preview-login .btn {
    margin-left: 4px;
    margin-right: 4px;
}
.btn-border{
    border:1px solid #cbd9de!important;
}
.btn-google {
    display: block;
    margin: 0 auto 5px auto !important;
}

.review-getting-comp .fb-block-table {
    overflow: visible;
    padding: 16px;
}

.review-getting-comp .fb-tab-element .nav-tabs {
    margin-left: -16px;
    margin-bottom: 12px;
}

.review-getting-comp .tbl-head .tbl-info {
    margin-left: auto;
}

.review-getting-comp .tbl-head .dropdown-menu {
    right: 0;
}

.review-getting-comp .btn-edit {
    align-items: center;
    margin-right: 5px;
    height: 32px;
    line-height: 10px;
    display: flex;
    margin-bottom: 12px;
}

.review-getting-comp .fb-block-table .tbl-head {
    margin-bottom: 12px;
}

.review-getting-comp .fb-block-table table td {
    padding: 10px 7px;
    vertical-align: middle;
}

.review-getting-comp .checkbox {
    margin-top: 10px;
    margin-bottom: 0;
}

#divTblStoreList .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.box-multie-select {
    width: 293px;
    margin-right: 12px;
}

.fb-toolbox-preview {
    display: inline;
}

.fb-toolbox-preview .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 115px;
}

.fb-toolbox-preview .btn-tbl-outline-default {
    color: #8fa0a9;
}

.fb-toolbox-preview .dropdown-menu .link-dropdown {
    display: flex;
    align-items: center;
    color: #000000;
}

.fb-toolbox-preview .dropdown-menu .link-dropdown:hover {
    background: #e9f2f2 !important;
    color: #000000 !important;
}

.fb-toolbox-preview .dropdown-menu .link-dropdown.link-dropdown-danger,
.fb-toolbox-preview .dropdown-menu .link-dropdown.link-dropdown-danger:hover {
    color: #e04a4d !important;
}

.status {
    padding: 1px 5px;
    border-radius: 16px;
    background-color: #e9f2f2;
    text-align: center;
    color: #35afad;
    max-width: 60px;
    margin: 0 auto;
    font-size: 12px;
    white-space: nowrap;
}

.grid-store-category {
    display: flex;
}

.left-store-category {
    flex: 0 0 calc(100% - 370px);
}

.left-store-category .fade {
    display: none;
}

.left-store-category .fade.in {
    display: block;
}

.right-store-category {
    width: 370px;
    padding-left: 16px;
}

.grid-times {
    display: flex;
}

.item-times {
    flex: 1;
}

.check-start,
.check-end {
    width: 115px;
}

.upload-picture,
.show-picture {
    margin-top: 8px;
    margin-bottom: 15px;
    background-color: #e9f2f2;
    width: 200px;
    min-height: 150px;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.upload-picture .mdi-40px {
    font-size: 40px;
}

.show-picture img {
    max-width: 100%;
}

.action-picture {
    position: absolute;
    display: flex;
    right: -60px;
    bottom: 30px;
}

.count-picture {
    position: absolute;
    right: -30px;
    bottom: 0px;
    font-size: 12px;
    color: #384747;
}

.cover-crop-img {
    width: 344px;
    height: 230px;
    text-align: center;
    margin: 16px auto 0 auto;
}

.cover-crop-img img {
    display: block;
    max-width: 100%;
}

/* Format Dropzone  */
.cover-dropzone {
    padding-left: 70px;
    padding-right: 70px;
    text-align: center;
}

.dropzone {
    margin-top: 16px;
    background: transparent;
    border-radius: 5px;
    border-image: none;
    max-width: 550px;
    border: none;
    color: #92a1a8;
    height: 150px;
}

.dropzone .dz-message {
    margin: 0;
}

.dropzone .dz-preview.dz-image-preview {
    background: transparent;
}

.box-action {
    padding: 24px 0;
    text-align: center;
}

.instruction {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 24px;
}

.info-register {
    text-align: left;
    font-weight: 600;
    max-width: 330px;
    margin: 16px auto 0 auto;
}

.text-detail {
    font-size: 13px;
    font-weight: bold;
}

.bootstrap-select .dropdown-menu li a .text {
    margin-left: 0;
}

.tooltip-inner {
    word-break: break-word;
    white-space: inherit;
}

/*==== Drag UI Item ===*/
.item-draggable {
    border: 1px solid #ccc;
    position: relative;
    border-radius: 8px;
    padding: 24px 16px;
    margin-bottom: 15px;
}

.item-draggable.active {
    border: 2px solid #82c7af;
}

.txtAreaOptRG.active,
.txtAreaGbpEnd.active {
    border: 2px solid #82c7af !important;
}

.draggable {
    text-align: center;
    display: block;
    width: 100%;
    color: #2c2c54;
    position: absolute;
    left: 0;
    top: 0;
    cursor: move;
}

.dad-placeholder {
    border: 2px dashed #82c7af;
    top: 0;
}

.post-copy-trash {
    position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
}

.form-group textarea {
    height: 76px;
    resize: vertical;
}

.form-group:last-child {
    margin-bottom: 0;
}

.dropdown-menu .divider {
    display: none;
}

.grid-choose,
.add-choose {
    display: flex;
    align-items: center;
}

.grid-choose {
    margin-bottom: 15px;
}

.add-choose {
    color: #92a1a8;
    cursor: pointer;
    display: inline-flex;
}

.add-choose:hover {
    color: #626b70;
}

.radio-choose,
.check-choose,
.pull-choose {
    width: 16px;
    height: 16px;
    border: 1px solid #d5dfe3;
    border-radius: 50%;
}

.check-choose {
    border-radius: 4px;
}

.pull-choose {
    text-align: center;
    border-radius: 0;
    border: none;
    height: auto;
}

.level-choose {
    min-width: 45px;
}

.input-choose {
    padding-left: 8px;
    padding-right: 5px;
    position: relative;
    width: 340px;
}

.form-control {
    margin-top: 3px;
}

.input-choose .form-control {
    border-radius: 0;
    border: none !important;
    border-bottom: 1px solid #c4d4d9 !important;
    box-shadow: none;
}

.name-choose {
    padding-left: 8px;
}

.form-choose {
    position: relative;
}

.form-choose button {
    position: absolute;
    border: none;
    display: block;
    width: 15px;
    height: 15px;
    line-height: 16px;
    font-size: 12px;
    border-radius: 50%;
    top: 8px;
    right: 15px;
    margin: auto;
    background: transparent;
    padding: 0;
    outline: none;
    cursor: pointer;
    transition: 0.1s;
    color: #abbcc4;
}

.form-choose button:hover {
    color: #384747;
}

.form-choose button.fb-close-textarea {
    top: 30px;
}

#divEndContent .form-choose button.fb-close-textarea {
    top: 60px;
}

.form-choose button.fb-close-textarea.fb-close-gbp {
    top: 10px;
}

.sel-pulldown {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sel-pulldown .dropdown-menu {
    max-width: 190px;
}

.tbl-emoji {
    border: none !important;
    width: 100%;
}

.tbl-emoji td {
    text-align: center;
    padding: 0 !important;
    vertical-align: top !important;
    position: relative;
}

.tbl-emoji .item-round-level {
    width: 17px;
    margin: 5px auto 0 auto;
}

.tbl-emoji .item-img-level {
    margin: 5px auto;
    width: 40px;
    height: 40px;
}

.tbl-emoji .item-img-level img,
.tbl-emoji .item-img-level5 img {
    display: inline-block;
    width: 40px;
}

.tbl-emoji .item-img-level5 {
    margin: 5px auto 0;
}

.tbl-emoji .item-name-level {
    font-size: 10px;
    margin: 0 auto;
    position: absolute;
    width: 100% !important;
    left: 0;
}

.tbl-emoji[data-level='5'] .item-name-level {
    font-size: 9px;
}

.grid-level10 {
    display: flex;
    margin-top: 0;
}

.grid-level10:first-child {
    margin-top: 14px;
}

.modal-download-review .grid-level10 {
    margin-top: 4px;
}

.modal-download-review .grid-level10:first-child {
    margin-top: 14px;
}

.modal-download-review .grid-level10.mt-10 {
    margin-top: 14px !important;
}

.modal-download-review .tbl-emoji .item-level-num {
    margin-top: 16px !important;
}

.grid-level10 .item-img-level {
    flex: 0 0 40px;
    height: 40px;
    margin-right: 8px;
}

.grid-level10 .item-img-level img {
    max-width: 100%;
}

.grid-level10 .item-name-level {
    display: flex;
    align-items: center;
}

.grid-level10 .item-name-level .lv-name {
    margin-top: -3px;
}

.grid-level10 .item-notgood {
    position: relative;
    top: 13px;
}

.grid-level10 .item-notgood-login {
    position: relative;
    top: 15px;
}

.grid-level10.mb-10:last-child {
    margin-bottom: 0 !important;
}

.item-level-num {
    flex: 0 0 15px;
    text-align: center;
}

.grid-level10 .item-level-num {
    margin-top: -3px !important;
    margin-right: 5px;
}

.note-preview {
    font-size: 12px;
    color: #626b70;
    padding-top: 3px;
}

.list-note {
    padding-left: 20px;
}

.list-note li {
    position: relative;
    padding-left: 5px;
}

.list-note li:before {
    content: '';
    width: 2px;
    height: 2px;
    background: #626b70;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

.list-desc {
    display: flex;
    padding-top: 8px;
}

.item-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 65px;
}

.caret-info {
    color: #0f7296 !important;
}

.left-character {
    position: relative;
    left: -6px;
}

.img-preview {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 8px;
    margin-top: 8px;
}

.img-preview img {
    border-radius: 8px;
    width: 100%;
}

.modal-footer .btn + .btn {
    margin-left: 0;
}

.fb-tab-element .nav-tabs > li.disabled > a {
    pointer-events: none;
}

.wrap-name {
    word-break: break-word;
    min-height: 15px;
}

/*====Modal local storage component====*/
@media (min-width: 768px) {
    .modal-dialog {
        width: 756px;
    }

    .modal-sm {
        width: 400px;
    }

    #divPreviewContainer .info-preview .gbpOn {
        padding-bottom: 50px;
    }
}

/*/Css 2022/05/17/*/
.fb-status-edit {
    position: absolute;
    right: -30px;
    bottom: 40px;
}

.fb-status-delete {
    position: absolute;
    right: -30px;
    bottom: 8px;
}

.show-picture {
    min-height: inherit;
    background: transparent;
}

.show-picture .tooltip {
    width: auto;
}

.show-picture .tooltip .tooltip-inner {
    white-space: nowrap;
}

.content-preview .show-picture {
    width: 100%;
}

.previewItem .status-radio,
.previewItem .status-checkbox,
.previewItem .status-pulldown,
.previewItem .status-level {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
}

.previewItem .status-level {
    padding: 10px 0px;
}

.previewItem .status-preview {
    background: #fff;
    border-radius: 8px;
    padding: 10px 0;
}

.previewItem .status-radio .previewTitleRadio,
.previewItem .status-checkbox .previewTitleCheckbox,
.previewItem .status-pulldown .previewTitlePulldown,
.previewItem .status-level .previewTitleLevel,
.previewItem .status-level .previewAreaTitleRG {
    display: block;
    margin-bottom: 5px;
}

.status-preview .previewAreaRG {
    box-shadow: none;
}

.status-preview .img-preview {
    box-shadow: none;
    margin-bottom: 40px;
}

.right-store-category .status-preview .img-preview,
.modal-download-review .status-preview .img-preview {
    margin-bottom: 20px;
}

.tbl-emoji[data-level='2'] tr td {
    width: 50%;
}

.tbl-emoji[data-level='2'] tr td .item-name-level {
    position: relative;
    width: 100% !important;
    left: 0;
}

.tbl-emoji[data-level='3'] tr td {
    width: calc(100% / 3);
}

.btn-transparent[disabled],
.btn-transparent[disabled]:hover {
    background: transparent !important;
}

#tBodyStoreList td a.txtUrl {
    color: #4e6161;
}

#tBodyStoreList td a.txtUrl:hover {
    color: #35afad;
}

.checkbox-arrow:before {
    content: '';
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #92a1a8;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.checkbox-arrow {
    position: relative;
}

.border-radius-25 {
    border-radius: 25px !important;
}

.alert ul.list-style-none > li:before {
    display: none;
}

.alert-review-getting {
    padding: 6px 12px;
}

.list-store.error-item {
    padding-left: 5%;
}

.list-store.error-item ul > li:before {
    display: none;
}

.list-store.error-item ul > li {
    display: flex;
}

.color-success {
    color: #35afad !important;
}

.color-error {
    color: #e04a4d !important;
}

.store-name-batch {
    font-size: 14px;
    line-height: 1.4em;
    padding-bottom: 24px;
    text-align: center;
}

.btn-next-main-color,
.btn-close-main-color,
.btn-gbp-main-color {
    background-color: #82c7af;
}

.flex-end {
    align-items: flex-end;
}

/*Format dropdown select*/
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #384747;
}

.dropdown-header {
    display: block;
    padding: 12px 12px 0px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.bootstrap-select.sltContent .dropdown-menu li:nth-of-type(3) a,
.bootstrap-select.sltContent .dropdown-menu li:nth-of-type(7) a,
.bootstrap-select.sltContent .dropdown-menu li:nth-of-type(8) a {
    border-bottom: transparent !important;
}

.status-sentence p,
.status-title-sentence p,
.status-preview .gbpOff p,
.status-preview .gbpOn p,
.status-end p {
    white-space: pre-wrap;
}

/*Format UI download template*/
.grid-download {
    display: flex;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
}

.left-item-download {
    flex: 1;
    padding-right: 24px;
}

.right-item-download {
    width: 600px;
    display: flex !important;
    flex-direction: column;
    align-content: center;
    align-items: center;
    min-height: 800px;
    padding-top: 37px;
}

.modal-static {
    width: 560px;
    margin: 0 auto;
}

.ls-download {
    max-height: 493px;
    overflow-y: auto;
}

.ls-download li {
    position: relative;
    padding: 0 40px 0 0;

    margin-bottom: 8px;
    font-weight: 600;
}

.ls-download li.active {
    color: #384747;
}

.ls-download li .ico-close {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: -3px;
    font-size: 18px;
    color: #92a1a8;
    cursor: pointer;
}

.name-download {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ls-date li {
    padding: 0 40px 15px 0;
    margin-bottom: 0px;
    font-weight: bold;
    display: flex;
}

.lbl-date {
    flex: 0 0 75px;
}

.mr-7 {
    margin-right: 7px;
}

.status-pulldown .bootstrap-select .dropdown-menu li a span.text {
    white-space: nowrap;
    max-width: inherit;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.heading-name {
    font-size: 14px;
    color: #384747;
    font-weight: bold;
    margin-bottom: 15px;
}

.form-group {
    margin-bottom: 24px;
}

.sp-replacer {
    background: #ffffff;
    padding: 4px 12px;
}

.sp-replacer:hover {
    background: #f5fbfc;
}

.lbl-red {
    width: 36px;
}

.dropup-review-getting .dropdown-menu {
    top: 100%;
    bottom: 0;
    margin-top: 0.125rem;
    position: static;
    width: 100%;
}

.btn.btn-fb-primary i {
    line-height: 0;
}

.radio.radio-error label::before {
    background: #ffd4d4;
}

.fb-user-review {
    padding-left: 15px;
    padding-right: 15px;
}

.txtRequireAlert p {
    font-size: 11px;
}

.txtRequireAlert .mdi-24px.mdi:before {
    font-size: 17px;
}

.txtRequireAlert .alert i {
    top: -6px;
}

.pt-60 {
    padding-top: 60px;
}

#footerLayout .dropdown-menu > .active > a,
#footerLayout .dropdown-menu a {
    position: relative;
    padding-left: 20px;
}

#footerLayout .dropdown-menu > .active > a:after {
    content: '\F0E1E';
    font-family: 'Material Design Icons';
    position: absolute;
    left: 5px;
    top: 5px;
}

.form-search-group {
    top: -2px;
    width:325px;
    max-width:inherit;
}
.form-search-group input.form-control{
    max-width:100%;
}
.right-store-category .item-preview {
    height: 440px;
    overflow: hidden;
}

@media (max-width: 1366px) {
    .modal-preview {
        align-items: flex-start;
        padding-top: 16px;
    }

    .modal-download-review .box-preview,
    .modal-download-review .box-preview-login {
        height: 483px;
    }

    .item-preview {
        height: 440px;
        overflow: auto;
    }

    .modal-download-review .item-preview-inviroment .content-preview {
        height: 302px;
    }

    #stepPreview .owl-carousel .status-preview {
        padding-bottom: 70px;
    }
}

.btn.btn-finish {
    display: block;
    margin: 0 auto 16px auto;
}

.title-finish {
    font-size: 13px;
    padding-top: 60px;
}

.alert-preview {
    margin-left: 16px;
    margin-right: 16px;
    font-size: 11px;
    padding: 10px;
    position: absolute;
    bottom: 68px;
    z-index: 100;
}

@media (max-width: 767px) {
    .box-layout {
        background: #fff;
    }

    .wrapper-review {
        min-height: auto;
        height: auto;
    }

    .fb-user-review {
        padding: 0;
        height: auto;
    }

    .modal-download-review .img-preview {
        border-radius: 0;
    }

    .modal-download-review .img-preview img {
        height: auto;
    }

    .modal-download-review .item-level-num {
        flex: 0 0 20px;
    }

    .modal-download-review .grid-level10 {
        margin-top: 8px;
    }

    .modal-download-review .box-preview-login {
        width: 100vw;
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }

    .modal-download-review .modal-body-scroll {
        height: inherit;
        padding: 0;
        max-height: inherit;
    }

    .modal-download-review .bg-main {
        width: 100%;
        left: 0;
        height: 65px;
        z-index: 10;
    }

    .modal-download-review .total-preview {
        margin-bottom: 8px;
    }

    .modal-download-review .item-round-level {
        position: relative;
        top: 2px;
    }

    .modal-download-review .item {
        padding: 10px 30px 0 30px;
        position: relative;
        height: 100vh;
    }

    .modal-download-review .status-preview .img-preview {
        margin-bottom: 40px;
    }

    .modal-download-review .info-preview-login, .modal-download-review .item-preview-inviroment {
        margin-top: 0;
        padding: 104px 0 16px 0;
    }

    .modal-download-review .item-preview-inviroment {
        padding: 104px 30px 16px 30px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-download-review .item-preview-inviroment .info-inviroment {
        padding: 16px 0 0 0;
    }

    .modal-download-review .link-rule {
        font-size: 11px;
        height: 30px;
        display: flex;
        background: #fff;
        justify-content: center;
        margin-bottom: 5px;
        width: 100%;
    }

    .modal-download-review .mark-main {
        width: calc(100% - 60px);
        left: 30px;
        height: auto;
        top: 30px;
    }

    .modal-download-review .progress {
        width: 100%;
    }

    .modal-download-review .title-preview {
        font-size: 1.25rem;
    }

    .modal-download-review .content-preview,
    .modal-download-review .item-preview-inviroment .content-preview {
        padding: 16px 0;
        overflow-y: auto;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .modal-download-review .action-preview-login {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 414px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .modal-static {
        width: 100%;
    }

    .modal-preview {
        align-items: flex-start;
        padding-top: 0;
        height: auto;
    }

    .modal-download-review .modal-content {
        box-shadow: none;
        border-radius: 0;
    }

    .box-preview-login {
        border: none;
    }

    .wrapper-review .log-footer {
        display: none;
    }

    .modal-download-review .action-preview-login .btn {
        flex: 1;
        margin: 0 4px;
        min-height: 44px;
    }


    .modal-download-review .action-preview-login .btn-google {
        flex-basis: 100%;
        display: block;
        margin: 0 4px 5px 4px !important;
    }

    .modal-download-review .action-preview-login .btn.btn-finish {
        flex-basis: 100%;
        margin: 0 4px 16px 4px !important;
    }

    .modal-download-review .content-preview label {
        font-size: 16px;
    }

    .modal-download-review .title-preview {
        text-align: left;
        font-size: 18px !important;
        line-height: 1.2em;
        margin-bottom: 8px;
    }

    .checkbox label,
    .radio label {
        padding-left: 15px;
    }

    .checkbox input[type='checkbox'],
    .checkbox input[type='radio'] {
        width: 25px;
        height: 25px;
    }

    .modal-download-review .checkbox label:before,
    .modal-download-review .radio label::before {
        width: 25px;
        height: 25px;
    }

    .modal-download-review .checkbox label::after,
    .modal-download-review .radio label::after {
        width: 25px;
        height: 25px;
        font-size: 21px !important;
    }

    .item-round-level label::before,
    .item-round-level label::after {
        top: 0 !important;
    }

    .modal-download-review .grid-level10 .checkbox label::before,
    .modal-download-review .grid-level10 .radio label::before,
    .modal-download-review .grid-level10 .checkbox label::after,
    .modal-download-review .grid-level10 .radio label::after {
        top: -6px !important;
    }

    .modal-download-review .status-title-sentence,
    .modal-download-review .status-sentence,
    .modal-download-review .content-preview {
        font-size: 16px;
    }

    .modal-download-review .tbl-emoji .radio {
        margin-top: 0 !important;
    }

    .modal-download-review .tbl-emoji .item-round-level {
        margin-top: 0 !important;
    }

    .grid-level10 .item-notgood-login {
        position: relative;
        top: 20px;
    }

    .modal-download-review .status-radio,
    .modal-download-review .status-checkbox,
    .modal-download-review .status-pulldown,
    .modal-download-review .status-level,
    .modal-download-review .status-preview {
        background: #fff;
        padding: 0 0 8px 0;
        border-radius: 8px;
        margin-top: 0;
    }

    .tbl-emoji[data-level='2'] tr td .item-name-level {
        width: 100% !important;
    }

    .modal-download-review .tbl-emoji .item-name-level {
        font-size: 12px;
    }

    .modal-download-review .status-preview .previewAreaRG {
        display: block;
    }

    .modal-download-review textarea.form-control {
        font-size: 16px !important;
        height: 192px;
    }

    .modal-download-review .note-preview {
        font-size: 16px;
    }

    .info-preview-login .alert {
        bottom: 16px;
    }

    .box-preview-login .owl-item {
        margin: 0 auto;
    }

    .info-preview-login .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
    .bootstrap-select .dropdown-menu li a .text {
        font-size: 16px;
    }

    .box-layout button.btn.dropdown-toggle.btn-default {
        padding: 9px 10px;
    }

    .box-layout .bootstrap-select .dropdown-menu > li > a {
        padding: 8px 10px;
    }

    .tbl-emoji .item-round-level {
        width: 25px;
    }

    .title-finish {
        position: absolute;
        text-align: center !important;
        top: 54%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        padding: 0 20px;
        font-size: 15px;
    }

    .alert-preview {
        margin-left: 4px;
        margin-right: 28px;
        font-size: 12px;
    }

    .info-preview .checkbox,
    .info-preview .radio {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .info-preview .grid-level10 .item-round-level .radio {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .get-review-checkbox.checkbox,
    .get-review-radio.radio {
        position: relative;
    }

    .get-review-checkbox.checkbox input[type='checkbox'],
    .get-review-radio.radio input[type='radio'],
    .emoji-radio input[type='radio'] {
        position: absolute;
        top: -7px;
        left: -10px;
        height: 150%;
        width: 100%;
        margin: 0;
    }

    .emoji-radio {
        position: relative;
        display: block;
    }

    .group-level10 .emoji-radio {
        display: flex;
    }

    .emoji-radio .radio {
        position: static;
    }

    .emoji-radio .item-round-level {
        position: static;
    }

    .emoji-radio input[type="radio"] {
        left: 0;
    }

    .tbl-emoji .emoji-radio .item-name-level {
        position: static !important;
    }

    .table-review-lv5 tr td {
        width: calc(100% / 5);
    }
    
    #stepPreview .owl-carousel .status-preview {
        padding-bottom: 70px;
    }
}

.link-rule {
    cursor: pointer;
    padding-top: 8px;
    font-size: 11px;
    text-align: center;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    color: #4e6161;
}

.text-note {
    padding: 0 5px;
    font-size: 11px;
    text-align: left;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    color: #4e6161;
    margin-bottom: 5px;
    display: flex;
    flex-basis: 100%;
}

.list-inviroment {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

.list-inviroment li {
    position: relative;
    padding-left: 8px;
}

.list-inviroment li:after {
    content: '';
    width: 3px;
    height: 3px;
    background: #4e6161;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    font-size: 11px;
    top: 7px;
}

.info-inviroment {
    font-size: 11px;
    padding: 16px 21px;
    height: 100%;
}

.is-truncase-tooltip {
    display: block;
}

.grid-bulk {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

/*.grid-bulk .flex-auto {*/
/*    word-break: break-all;*/
/*}*/

.date-range-group {
    display: flex;
    grid-gap: 8px;
    align-items: center;
}

.loading-bulk {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.review-getting-comp .tbl-display .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.review-getting-comp .tbl-display .checkbox label::after, .review-getting-comp .tbl-display .checkbox label::before {
    top: 2px;
}

.modal-body {
    max-height: calc(100vh - 100px);
}

.qr-name {
    display: block;
    padding-top: 6px;
}
#modalPreview #divModalPreview {
    height: calc(100% - 180px);
}

#modalPreview .info-preview {
    height: 78%;
}

#stepPreview .owl-carousel {
    height: calc(100% - 175px);
}

.minus-mt-1 {
    margin-top: -1px !important;
}

#divDownloadAnswers .owl-carousel {
    height: calc(100% - 175px);
}

#divDownloadAnswers .owl-carousel .status-preview {
    padding-bottom: 50px;
}

.pagination-nodata {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
}

.sltContent a {
    display: flex!important;
    align-items: center!important;
}

.sltContent a .text {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}