.modal-content {
    overflow: unset !important;
}

html {
    position: fixed;
}

.sd-container-modern {
    margin-bottom: 0;
}

.sd-root-modern form {
    margin: 0;
}

.sd-input {
    line-height: calc(2.6 * var(--base-unit, 0.45vw)) !important;
    height: calc(4 * var(--base-unit, 0.45vw)) !important;
    width: 100% !important;
    font-family: 'Open Sans' !important;
    padding: 0.6vw 1vw !important;
    font-size: 0.9vw !important;
    color: #1D1F21 !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    border: 0.01vw solid #e7e7df !important;
    border-radius: 0.8vw !important;
    font-weight: 300 !important;
}

span.sv-string-viewer {
    color: #1D1F21 !important;
}

.sd-input:focus {
    border: 0.1vw solid #ccc !important;
    box-shadow: none !important;
}

.sd-selectbase__label {
    display: inline-flex !important;
}

.sd-item__control-label {
    line-height: calc(2.5 * var(--base-unit, 0.45vw)) !important;
}

.sd-element__title .sd-element__num {
    color: #1D1F21 !important;
    font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 0.45vw)))) !important;
    padding-top: calc(0.2 * var(--sjs-base-unit, var(--base-unit, 0.45vw)));
}

.sd-element__title.sd-element__title--disabled {
    opacity: unset;
}

.sd-input--disabled {
    opacity: .6;
}

.sd-multipletext__item-container {
    display: flex !important;
    background: transparent;
    box-shadow: none !important;
    padding: 0 !important;
    background-color: unset !important;
    align-items: center !important;
    border: none !important;
}

.sd-tab-item {
    margin-right: 2vw !important;
    padding-bottom: 0.2vw !important;
    font-family: 'Open Sans' !important;
    font-size: 0.9vw !important;
}

.sd-boolean__thumb {
    box-shadow: var(--sjs-shadow-small, 0 0.05vw 0.15vw 0.15vw rgba(0, 0, 0, 0.25));
}

.sd-boolean.sd-boolean--checked .sd-boolean__label--true {
    color: var(--sjs-general-forecolor, var(--foreground, #161616));
}

.sd-tagbox {
    line-height: calc(3 * var(--base-unit, 0.45vw)) !important;
}

.sd-boolean {
    display: flex !important;
}

.sd-rating__item {
    display: flex !important;
}

.sd-radio.sd-matrix__label {
    display: flex;
}

.sd-html {
    background: #FFF;
    padding: 1vw;
    box-shadow: 0 0.05vw 0.1vw rgba(0,0,0,.15);
    border-radius: var(--sjs-panel-corner-radius, var(--sjs-corner-radius, 0.2vw));
}

.sd-question--table>.sd-question__content {
    padding-top: 0 !important;
    border-radius: 0.8vw;
}

.sd-boolean__label.sd-checkbox__label--disabled, .sd-action--disabled, .sd-item--disabled 
.sd-item__control-label, .sd-ranking--disabled .sv-ranking-item__text, .sd-question--disabled 
.sd-rating__item-text {
    opacity: .70;
    color: var(--sjs-general-forecolor, var(--foreground, #161616)) !important;
}

.sd-boolean--disabled .sd-boolean__thumb, .sd-boolean--disabled .sd-boolean__label {
    opacity: .50;
}

.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use, .sd-rating__item-star--selected.sd-rating__item-star--disabled svg {
    fill: var(--sjs-general-forecolor, var(--foreground, #979797)) !important;
}

.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {
    background-color: var(--sjs-border-default, var(--border, #979797));
}

.sd-dropdown_chevron-button {
    cursor: pointer;
    padding: 0 !important;
}

.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
    font-family: 'Open Sans';
    font-size: 0.9vw;
}

button.sd-action {
    font-family: 'Open Sans';
    gap: unset;
}


.sd-element__title .sv-string-viewer {
    font-size: 1vw;
    font-weight: 500;
}

.sd-page .sd-page__title span.sv-string-viewer {
    font-weight: 500;
    font-size: 1.5vw;
}
.sd-paneldynamic__header .sd-element__title .sv-string-viewer {
    font-size: 1vw;
}

.sd-row__question {
    padding-top: 1vw !important;
    padding-bottom: 1.68vw !important;
}

.sd-question--complex {
    /* padding-bottom: 0 !important; */
}

.sd-table-wrapper {
    margin-left: -1.4vw !important;
    min-width: 100% !important;
}

.sd-element--complex.sd-element--with-frame>.sd-element__header {
    padding-top: 0.4vw !important;
}

.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
    padding-top: 0.4vw !important;
    padding-bottom: 0.4vw !important;
}

.sd-matrixdynamic__content {
    border-radius: 5px;
    border: 1px solid lightgray;
    /* border-left: 4px solid #8c93e3; */
    margin: 0vw !important;
    padding-left: 1.6vw !important;
}

.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
    margin-left: -1.2vw !important;
}

.sd-element--complex>.sd-element__header:after {
    background: none !important;
}

.sd-panel__content {
    padding-top: 0vw !important;
}

.sd-row.sd-clearfix {
    margin-top: 0;
}

.sd-question__title~.sd-tabs-toolbar {
    margin-top: 1vw !important;
}

.sd-question__header--location-top {
    /* padding-bottom: 0vw !important; */
}


.sd-tab-item__title {
    height: unset !important;
}

.sd-tab-item.sd-tab-item--pressed {
    box-shadow: inset 0px -2px 0px #f9c650 !important;
}

.sd-tab-item:hover, .sd-tab-item:focus-visible {
    box-shadow: inset 0px -2px 0px #1D1F21 !important;
}

.sd-title.sd-element__title {
    margin: 0.2vw 0;
}

.sd-table__cell--header {
    padding: 0 !important;
    padding-bottom: 0.6vw !important;
    border-bottom: 0 !important;
}

/* project form */

.sd-dropdown__filter-string-input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Open Sans' !important;
    padding: 0.1vw !important;
    font-size: 0.8vw !important;
    color: #1D1F21 !important;
}

.sv-tagbox__item {
    padding-left: 0.45vw;
    background: transparent;
}

.sv-tagbox__item-text {
    color: #1D1F21;
    font-weight: 400;
}

.sd-tagbox-item_clean-button {
    background: transparent;
    color: #1D1F21;
    cursor: pointer;
}

.sd-tagbox-item_clean-button-svg use {
    fill: #1D1F21;
}


.sd-tagbox-item_clean-button-svg {
    position: relative;
    left: 1.3vw;
    height: calc(1.2 * var(--sjs-base-unit, var(--base-unit, 0.4vw)));
}

.sd-dropdown__value {
    position: relative;
}

.sd-tagbox__value.sd-dropdown__value .sd-dropdown__filter-string-input.focus {
    padding: 0.4vw !important;
}

.sd-dropdown__value .sd-dropdown__filter-string-input.focus {
    /*padding: 0 !important;*/
   /* margin: 0 !important;*/
}

.sd-multipletext__item-container.sd-input:focus-within {
    box-shadow: none !important;
}

.sd-rating__item-text.sd-rating__item-text {
    color: unset;
}


.sd-root--readonly .sd-input--disabled,
.sd-root--readonly .sd-input--disabled::placeholder {
    opacity: .85 !important;
    background-color: #f5f5f5 !important;
    color: unset;
}

.sd-dropdown {
    align-items: center;
}

.sd-comment {
    height: auto !important;
    min-height: auto !important;
    max-height: 45vh;
}

.sd-question__content p {
    font-size: 0.75vw;
    line-height: 1.3vw !important;
    font-family: 'Open Sans' !important;
}

.sd-html p {
    font-size: 0.75vw;
    line-height: 1.2vw !important;
    font-family: 'Open Sans' !important;
}

.sd-item--disabled.sd-item--disabled .sd-item__decorator, .sd-item__decorator {
    box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25)) !important;
}

.sd-imagepicker legend {
    border: none;
}

.sd-element__title--expandable:before {
    height: calc(1 * var(--sjs-base-unit, var(--base-unit, 0.45vw)));
}

.sd-body.sd-body--static {
    padding: 2vw 0;
    max-width: 100% !important;
}

.sd-title.sd-container-modern__title {
    padding: 2vw !important;
}

.sd-multipletext__item-title {
    border-right: 0;
    margin-top: calc(2.8 * var(--sjs-base-unit, var(--base-unit, 0.45vw)));
    border: none !important;
    min-width: 8%;
}

.sd-multipletext__item-title span {
    line-height: calc(0.85*(var(--sjs-internal-font-editorfont-size))) !important;
    font-size: 1vw;
    font-weight: 400;
}

.sd-root-modern {
    width: 100% !important;
    height: 76.4vh;
    /* overflow: auto; */
    background-color: #d8d9c8 !important;
    /* background-image: url(/self-publishing-portlet/Overlay.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* border-radius: 0.8vw; */
}


.sd-body.sd-body--responsive {
    padding: 0 2vw !important;
    /* padding: 0 !important; */
    height: 82vh;
    overflow: auto;
}

.sd-element__title-expandable-svg {
    top: 0.1vw;
}

.formHeight {
    height: 69.5vh !important;
}

.prev-next-left-reopen {
    background: #F7F7F7;
    width: 89% !important;
    margin-left: 4.5vw;
    border-bottom: 0.1vw solid #553772;
    display: flex;
    align-items: center;
    padding-left: 1vw;
}

.edit_save {
    background: transparent;
    border: none;
    font-size: 0.95vw !important;
    font-family: 'Open Sans' !important;
    display: inline-flex;
    align-items: baseline;
    padding: 0.5vw;
    color: #1D1F21 !important;
}

.edit_save:hover {
        color: #019001 !important;
}

.next-icon {
    margin-left: 0.5vw;
}

.prev-next-icon {
    font-size: 0.75vw !important;
    margin-right: 0.5vw;
    position: relative;
    top: 0.05vw;
}

.separator-smallform {
    border-left: 0.1vw solid #1D1F21;
    height: 3vh;
    margin: 0 0.25vw;
}


#bookCreatorView {
    /*margin-top: 2vw;*/
}

.sd-question__erbox {
    padding: 0.5vw 0vw;
    position: relative;
    background: #f9cfcf;
}

.sd-question__erbox .sv-string-viewer {
    padding-left: 1vw;
    color: #ff2424;
    font-size: 0.8vw;
}

.sd-file__choose-btn {
    display: flex !important;
    align-items: center !important;
}

.sd-root-modern .sd-container-modern__title {
    box-shadow: none !important;
    background: transparent !important;
    border-bottom: 0.01vw solid #BCBCBC;
}

.sd-header__text .sd-title {
    color: #1D1F21 !important;
    font-size: 1.2vw !important;
}

.sd-paneldynamic__btn {
    font-family: open sans !important;
}

.sd-item--disabled label {
    cursor: not-allowed;
}

.sd-imagepicker__item-decorator img {
    width: 299px !important;
}

.sd-body.sd-body--static .sd-body__page {
    padding: 2.3vw;
}

.sv-popup__container ul {
    margin-left: 0 !important;
}

.sd-dropdown_clean-button {
    padding: 0 !important;
}

#front-prompt-form {
    width: 100%;
    margin-left: 1.6vw;
    margin-top: 0;
}

#back-prompt-form {
    width: 100%;
    margin-left: 1.6vw;
    margin-top: 0;
}

.sd-dropdown_clean-button {
    padding: 0 !important;
    position: relative;
    left: 1vw;
}

.sd-paneldynamic__panel-wrapper {
    padding-bottom: 0 !important;
}

.sd-action-bar {
    right: 0px !important;
    top: 0vw !important;
}

.sd-panel__content .sd-row__question {
    padding-bottom: 0.8vw !important;
    border-radius: 0.8vw;
}

.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
    width: 18px !important;
    height: 18px !important;
}

.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
    margin-bottom: 0 !important;
}

.sd-boolean__thumb {
    padding-top: 0.2vw !important;
    padding-bottom: 0.2vw !important;
}

.sd-boolean__label {
    padding-top: 0.4vw !important;
    padding-bottom: 0.4vw !important;
}
.sd-table__cell--header span {
    font-weight: 400;
}

  /* Handle */
 .list-ul-wrap ::-webkit-scrollbar-thumb {
    background: #a8a89c !important;
  }
  
  .form-open-txt ::-webkit-scrollbar-thumb {
    background: #a8a89c !important;
  }

.sd-row__question ::-webkit-scrollbar-thumb {
    background: #d6d6d6 !important;
  }

@media only screen and (min-device-width: 1400px) and (max-device-width: 1580px) {

    .sd-element__title .sd-element__num {
        padding-top : calc(0.5 * var(--sjs-base-unit, var(--base-unit, 0.45vw)));
    }

}

@media only screen and (min-device-width: 1280px) and (max-device-width: 1370px) {

    .sd-element__title .sd-element__num {
        padding-top : calc(0.7 * var(--sjs-base-unit, var(--base-unit, 0.45vw)));
    }

}