.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.2 * 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.8vw !important;
    color: #000 !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    border: 0.01vw solid #d1d4f4 !important;
    border-radius: 0.8vw !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: #000 !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;
}

.sd-multipletext__item-title {
    border-right: 0;
    margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 0.45vw)));
}

.sd-tab-item {
    margin-right: 2vw !important;
    padding-bottom: 0.2vw !important;
    font-family: 'Open Sans' !important;
    font-size: 0.8vw !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;
}

.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';
}

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


.sd-element__title .sv-string-viewer {
    font-size: 0.9vw;
}

.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.2vw !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 #ff893a !important;
}

.sd-tab-item:hover, .sd-tab-item:focus-visible {
    box-shadow: inset 0px -2px 0px #8c93e3 !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: #000 !important;
}

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

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

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

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


.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: none !important;
}

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

.sd-root-modern {
    width: 100% !important;
    height: 76.4vh;
    /* overflow: auto; */
    background-color: #ced1f3 !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 {
    margin: 2vw !important;
    padding: 0 !important;
    height: 69vh;
    overflow: auto;
}


.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: #000 !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 #000;
    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: #000 !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;
}

#coverViewContainer .sd-root-modern {
    height: 54vh !important;
    margin-bottom: 0.5vw;
}

#coverViewContainer .sd-input {
    border: none !important;
    border-bottom: 0.01vw solid #D7D7D7 !important;
    box-shadow: none !important;
    background: transparent;
    width: 100% !important;
    margin-bottom: 0.4vw !important;
    padding-left: 0 !important;
    height: 3vh !important;
}

#coverViewContainer .sd-input .sd-dropdown__value input {
    cursor: pointer;
    height: 2.1vh !important;
    padding-left: 0vw !important;
    margin-bottom: 0 !important;
}

#coverViewContainer .sd-question__header--location-top {
    padding-bottom: 0;

}

#coverViewContainer .sd-body.sd-body--static .sd-body__page {
    padding: 0 1vw;
}

#coverViewContainer .sd-body.sd-body--static {
    padding-top: 1vw;
}

#coverViewContainer .sd-element--with-frame {
    padding: 0.1vw 2vw 0.1vw 2vw;
    box-shadow: none;
}

#coverViewContainer .sd-page__title~.sd-row.sd-page__row:not(.sd-row--compact), 
#coverViewContainer .sd-page__description~.sd-row.sd-page__row:not(.sd-row--compact) {
    margin-top: 0.9vw;
}

#coverViewContainer .sd-question__content {
    width: 100% !important;
}

#coverViewContainer .sd-title.sd-element__title {
    margin: 0 !important;
}

#coverViewContainer .sd-element--with-frame[data-name="Description"] {
    display: block;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
    margin-bottom: 0.4vw;
}

#coverViewContainer textarea.sd-input.sd-comment {
    border: 0.01vw solid #D7D7D7 !important;
    margin-top: 0.6vw;
    width: 100% !important;
    padding: 0.3vw  !important;
    resize: none !important;
    height: 23vh !important;
}

#coverViewContainer .sd-row--multiple>div {
    min-width: 25% !important;
}

#coverViewContainer .sd-row__question {
    box-shadow: none;
    background: #FFF;
}

#coverViewContainer .sd-dropdown {
    height: 4vh !important;
    border: none !important;
    margin-bottom: 0 !important;
}

#coverViewContainer .sd-row--multiple>div .sd-row__question {
    padding-left: 0.8vw;
    padding-top: 0.4vw;
    padding-bottom: 0.4vw;
    border-radius: 0.25vw !important;
}

#coverViewContainer .sd-dropdown_chevron-button-svg, #coverViewContainer .sd-dropdown_clean-button-svg {
    width: calc(1.5*(var(--sjs-internal-font-editorfont-size))) !important;
}


#coverViewContainer .sd-dropdown_clean-button-svg {
    height: 14px !important;
}

.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.2vw !important;
}

.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;
}

@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)));
    }

}