#back_button_1 {
    width: 10.6%;
    bottom: 0.8%;
    left: 75%;
    position: absolute;
    display: none;
}

#back_button_2 {
    width: 10.6%;
    bottom: 0.8%;
    left: 69.5%;
    position: absolute;
    display: none;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

.subRadio {
    padding-left: 3vh;
}

.inactive {
    opacity: 0.2;
}

#next_button_2 {
    width: 10.6%;
    bottom: 0.8%;
    left: 85.5%;
    position: absolute;
    display: none;
}

#continue_button_2 {
    width: 10.6%;
    bottom: 0.8%;
    left: 85.5%;
    position: absolute;
    display: none;
}

#complete_button_2 {
    width: 15.6%;
    bottom: 2.3%;
    left: 80.5%;
    position: absolute;
    display: none;
}

#save_button_2 {
    width: 9.2%;
    bottom: 1.8%;
    left: 86.5%;
    position: absolute;
    display: none;
}

#cancle_button_2 {
    width: 13.6%;
    bottom: 0.3%;
    left: 70.5%;
    position: absolute;
    display: none;
}

.who_clearInput {
    position: absolute;
    cursor: pointer;
    width: 3.5vh;
    height: 3.5vh;
    border-radius: 2vh;
}

.who_p {
    position: absolute;
    display: block;
    font-size: 1.2vh;
    width: 11.6vh;
    font-family: Gotham-Book;
    vertical-align: middle;
    text-align: center;
    /* background: #66339957; */

    /* position: relative;
    height: 4vh;
    font-family: Gotham-Book;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; */
    /* width: 9vh; */
    /* padding: 10px; */
}

#firstname_ip_who_1 {
    top: 1.8vh;
    left: 3.5vh;
    overflow-wrap: break-word;
}

#designation_ip_who_1 {
    top: 1.8vh;
    left: 18vh;
    overflow-wrap: break-word;
}

#address_ip_who_1 {
    top: 1.8vh;
    left: 33vh;
    overflow-wrap: break-word;
}

#firstname_ip_who_2 {
    top: 7vh;
    left: 3.5vh;
    overflow-wrap: break-word;
}

#designation_ip_who_2 {
    top: 7vh;
    left: 18vh;
    overflow-wrap: break-word;
}

#address_ip_who_2 {
    top: 7vh;
    left: 33vh;
    overflow-wrap: break-word;
}

#why_referenceNfootnote_div,
#what_referenceNfootnote_div,
#measurement_referenceNfootnote_div,
#how_referenceNfootnote_div,
#tl_referenceNfootnote_div {
    position: absolute;
    bottom: 9vh;
    left: 7.5vh;
    width: 80vh;
    font-family: Gotham-Book;
    font-size: 1.15vh;
}

#background_select_storyboard_timeline_Screen {
    width: 100%;
    position: absolute;
    top: 16%;
}

#List_select_storyboard_timeline_Screen {
    width: 130vh;
    padding-left: 7.7vh;
    top: 35.7%;
    position: absolute;
}

.storyboard_timeline_div {
    background: white;
    padding: 2.5vh;
    box-shadow: 0 0 13px grey;
}

.note_storyboard_timeline {
    position: absolute;
    bottom: 2vh;
    left: 6vh;
    font-size: 1vh;
    font-family: Gotham-Book;
}


.card_title {
    color: blue;
    padding: 4%;
}

.st_card_Img {
    width: 48vh;
    top: 4vh;
    position: absolute;
}

.st_card_preview {
    margin-left: 18.5vh;
    padding-bottom: 0%;
    width: 16vh;
    position: absolute;
    /* height: 3vh; */
    top: 36.6vh;
}

/* .background_resources_Screen {
    width: 117vh;
    position: absolute;
    top: 19vh;
    left: 11vh;
} */

.measurement_background_resources_Screen {
    width: 112vh;
    position: absolute;
    top: 15.9vh;
    left: 7vh;
}


.background_resources_Screen {
    width: 92%;
    position: absolute;
    top: 14.5vh;
    left: 6vh;
}

.why_storyboard_img {
    position: absolute;
    left: 6vh;
    top: 24vh;
    width: 39vh;
}

.what_storyboard_img {
    position: absolute;
    left: 6vh;
    top: 42vh;
    width: 39vh;
}


.who_storyboard_img {
    position: absolute;
    left: 6.3vh;
    top: 62vh;
    width: 48.1vh;
}


.how_storyboard_img {
    position: absolute;
    left: 45.3vh;
    top: 24vh;
    width: 83.4vh;
}


.measurement_storyboard_img {
    position: absolute;
    left: 55.4vh;
    top: 61.8vh;
    width: 73vh;
}

.why_storyboard {
    top: 29.4vh;
    position: absolute;
    left: 7.1vh;
    height: 13vh;
    width: 37vh;
    opacity: 1;
}

.why_storyboard_page {
    position: absolute;
    left: 5.3vh;
    top: 32vh;
    height: 12vh;
    width: 37vh;
    opacity: 0;
}

/* body:has(.attrcrm_storyboard_page:hover) .storyboard_item {
    background: red;
    opacity: 0.5;
} */

.storyboard_item:hover {
    background-image: url("../images/storyboard_timeline/edit_img.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8vh;
    opacity: 1;
}



.what_storyboard {
    position: absolute;
    left: 7.3vh;
    top: 48vh;
    height: 13vh;
    width: 37vh;
    opacity: 1;
}

.how_1_storyboard {
    position: absolute;
    left: 48vh;
    top: 31vh;
    height: 28vh;
    width: 22vh;
    opacity: 1;
}

.how_2_storyboard {
    position: absolute;
    left: 75vh;
    top: 31vh;
    height: 28vh;
    width: 22vh;
    opacity: 1;
}

.how_3_storyboard {
    position: absolute;
    left: 102.5vh;
    top: 31vh;
    height: 28vh;
    width: 22vh;
    opacity: 1;
}

#how_1_storyboard_page_img,
#how_2_storyboard_page_img,
#how_3_storyboard_page_img {
    position: absolute;
    top: 8.5vh;
}


#how_1_storyboard_page_img img,
#how_2_storyboard_page_img img,
#how_3_storyboard_page_img img {
    padding-bottom: 0.5vh;
}

#how_1_convert_logo,
#how_2_convert_logo,
#how_3_convert_logo {
    position: absolute;
    top: 0vh;
    left: 0vh;
    width: 21%;
}


#how_1_convert_title,
#how_2_convert_title,
#how_3_convert_title {
    position: absolute;
    top: 0.6vh;
    left: 7vh;
    color: rgb(83 83 83 / 92%);
    font-size: 1.6vh;
    width: 16.5vh;
    font-family: 'Gotham-Book';
}

.who_storyboard {
    position: absolute;
    left: 6.3vh;
    top: 67.3vh;
    height: 12vh;
    width: 47vh;
}

.measurement_storyboard {
    position: absolute;
    left: 58.3vh;
    top: 67vh;
    height: 11vh;
    width: 72vh;
    opacity: 1;
}


.slider_div {
    position: absolute;
    width: 60vh;
    height: 45vh;
    top: 36vh;
    left: 65vh;
}

.how_slider_div {
    position: absolute;
    width: 47vh;
    height: 33vh;
    top: 51vh;
    left: 65vh;
}

.measurement_slider_div {
    position: absolute;
    width: 56vh;
    height: 45vh;
    top: 53vh;
    left: 38vh;
}

.sl_item {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* border: 3px solid green; */
}

.checkbox_sl_item {
    width: 4vh;
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
    margin-left: 2vh;
}

.mgs_sl_item {
    position: relative;
    left: 6vh;
    width: 48vh;
    margin: 0.5vh;
    font-family: 'Gotham-Book';
    font-size: 2vh;
    color: #003072;
}

.how_sl_item {
    width: 40vh !important;
}

.measurement_sl_item {
    width: 47vh !important;
}

.sl_checkbox {
    position: relative;
    width: 2.5vh;
    display: flex;
    align-items: center;
}

.check_sl_item {
    position: absolute;
    left: 2.6vh;
    opacity: 0;
    width: 2.8vh;
}

.sl_checkbox.active .check_sl_item {
    opacity: 1 !important;
}

.sl_page {
    display: none;
    min-height: 32vh;
}

.sl_page.active {
    display: block;
}

.left_sl_page {
    position: absolute;
    width: 4vh;
    height: 5vh;
    top: 49.5vh;
    left: 61vh;
}

.right_sl_page {
    position: absolute;
    width: 4vh;
    height: 5vh;
    top: 49.5vh;
    left: 125vh;
    /* background: red;
    opacity: 0.5; */
}


.left_what_page,
.left_why_page {
    position: absolute;
    width: 4vh;
    height: 6vh;
    top: 49vh;
    left: 61vh;
    /* opacity: 0.5;
    background: red; */
}

.right_what_page,
.right_why_page {
    position: absolute;
    width: 4vh;
    height: 6vh;
    top: 49vh;
    left: 125vh;
}

.left_how_page {
    position: absolute;
    width: 4vh;
    height: 6vh;
    top: 63vh;
    left: 61vh;
    /* opacity: 0.5;
    background: red; */
}

.right_how_page {
    position: absolute;
    width: 4vh;
    height: 6vh;
    top: 63vh;
    left: 116vh;
    /* opacity: 0.5;
    background: red; */
}

.left_measure_page {
    position: absolute;
    width: 4vh;
    height: 6vh;
    top: 62vh;
    left: 34vh;
}

.right_measure_page {
    position: absolute;
    width: 4vh;
    height: 6vh;
    top: 62vh;
    left: 96vh;
}



.sl_slider_indicator_div {
    position: relative;
    width: 100%;
    height: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2vh;
}

.sl_ind {
    position: relative;
    width: 0.8vh;
    height: 0.8vh;
    border-radius: 0.4vh;
    margin: 0.3vh;
    background: #66b4f7;
    /* width: 1vh;
    height: 1vh;
    border-radius: 1vh;
    border: 0.5vh solid pink;
    /* margin: 0.5vh; */
}

.sl_ind.active {
    background: #0024d7;
    /* border: 0.5vh solid #00b8ff; */
}

textarea[name="image-text"] {
    width: 100%;
    min-height: 240px;
    resize: none;
    padding: 0;
    margin: 0 auto;
    font-size: 3vh;
    font-family: Gotham-Book;
}

.image-display img {
    display: block;
    margin: 15px auto;
}

.code-example {
    display: none;
    font-family: FontAwesome, Menlo, Monaco, Consolas, "Courier New", monospace;
}

@media (max-width: 767px) {
    .fork-me img {
        width: 120px;
    }
}




/* ///////////Model//////////// */
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 149;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

#model_footnote {
    position: absolute;
    left: 6vh;
    bottom: 1vh;
    width: 47vh;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg {
        max-width: 90vh;
    }
}

.dynamic_button {
    font-size: 2.5vh;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h4 {
    width: -moz-available, -webkit-fill-available;
    font-size: 5vh;
}

.btn-danger {
    border-color: #FCD116 !important;
    background-color: #FCD116 !important;
    color: #6667AB !important;
}

.btn-info {
    border-color: #6667AB !important;
    background-color: #6667AB !important;
    color: #fcd115 !important;
}

.title {
    text-align: center;
    color: #6b6b6b;
}

.custom-control-label {
    font-size: 3vh;
}

.how_convert_img {
    position: absolute;
    top: 46vh;
    left: 16.5vh;
}

.how_convert_img img {
    padding-bottom: 1vh;
}

.what_convert_img {
    position: absolute;
    top: 45vh;
    left: 9.5vh;
}

.what_convert_img img {
    margin-bottom: 0.7vh;
}

.why_convert_img {
    position: absolute;
    top: 44.5vh;
    left: 9.1vh;
}

.why_convert_img img {
    margin-bottom: 0.7vh;
}

.measurement_convert_img {
    position: absolute;
    top: 37.5vh;
    left: 23vh;
    width: 70%;
}

.measurement_convert_img img {
    /* padding-left: 3vh;
    /* padding-right: 3vh;
    vertical-align: text-top; */
}

.measure_img_div {
    display: inline;
    width: 50%;
    padding-left: 3vh;
    padding-right: 3vh;
    vertical-align: text-top;
    position: absolute;
}

.measure_img_div:nth-child(1) {
    left: 0.5vh;
}

.measure_img_div:nth-child(2) {
    left: 47vh;
}


.selectDropdown {
    font-size: 4vh;
}

.selectDropdown option {
    font-size: 1vh;
}

.rButton {
    width: 2vh;
    height: 2vh;
}

.rLable {
    font-size: 4vh;
}

.iText {
    font-size: 2.5vh;
}


.cButton {
    width: 2vh;
    height: 2vh;
}

.chked {
    opacity: 1 !important;
}

.disallow {
    opacity: 0.3 !important;
}

#dynamic_content_modal {
    min-height: 29vh;
    max-width: 77vh;
    overflow: scroll;
    max-height: 73vh;
}

#dynamic_content_modal label {
    font-size: 3vh;
}

.disableCheckbox {
    opacity: 0.2;
}

/* .text_2_img img {
    margin-bottom: 0.7vh;
} */

#firstname_input_who_div_1 {
    /* top: 53.5vh; */
    top: 53vh;
    left: 17.8vh;
    opacity: 1;
    overflow-wrap: break-word;
}

#firstname_input_who_1 {
    top: 53vh;
    left: 19vh;
    opacity: 0;
}

#designation_input_who_div_1 {
    /* top: 44.5vh; */
    top: 53vh;
    left: 52.5vh;
    opacity: 1;
    overflow-wrap: break-word;
}

#designation_input_who_1 {
    top: 53vh;
    left: 53vh;
    opacity: 0;
}

#address_input_who_div_1 {
    /* top: 35.5vh; */
    top: 53vh;
    left: 87.1vh;
    opacity: 1;
    overflow-wrap: break-word;
}

#address_input_who_1 {
    top: 53vh;
    left: 88vh;
    opacity: 0;
}

#firstname_input_who_div_2 {
    /* top: 37.8vh; */
    top: 64.8vh;
    left: 17.8vh;
    opacity: 1;
    overflow-wrap: break-word;
}

#firstname_input_who_2 {
    top: 64.8vh;
    left: 19vh;
    opacity: 0;
}

#designation_input_who_div_2 {
    /* top: 28.8vh; */
    top: 64.8vh;
    left: 52.5vh;
    opacity: 1;
    overflow-wrap: break-word;
}

#designation_input_who_2 {
    top: 64.8vh;
    left: 53vh;
    opacity: 0;
}

#address_input_who_div_2 {
    /* top: 19.8vh; */
    top: 64.8vh;
    left: 87.1vh;
    opacity: 1;
    overflow-wrap: break-word;
}

#address_input_who_2 {
    top: 64.8vh;
    left: 88vh;
    opacity: 0;
}

.who_input_div {
    position: absolute;
    width: 28vh;
    height: 7vh;
    font-family: Gotham-Book;
    font-size: 2.9vh;
    padding: 10px;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.who_input {
    position: absolute;
    font-size: 2.9vh;
    width: 27vh;
    border: none;
    font-family: Gotham-Book;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    --textarea-height: 8vh;
    height: var(--textarea-height);
    padding: calc(var(--textarea-height) / 3);
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    background: transparent;
}

#clear_firstname_input_who_1 {
    top: 55.7vh;
    left: 47vh;
}

#clear_designation_input_who_1 {
    top: 55.7vh;
    left: 81.4vh;
}

#clear_address_input_who_1 {
    top: 55.7vh;
    left: 116.1vh;
}

#clear_firstname_input_who_2 {
    top: 67vh;
    left: 47vh;
}

#clear_designation_input_who_2 {
    top: 67vh;
    left: 81.4vh;
}

#clear_address_input_who_2 {
    top: 67vh;
    left: 116.1vh;
}

#dynamic_modal_div {
    width: 100%;
    font-family: 'Gotham-Book';
}

.dynamic_modal_backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 149;
    background-color: #000;
    opacity: .5;
}

.dynamic_modal_dialog {
    padding-left: 20.75vh;
    padding-top: 3vh;
    max-width: 90vh;
}

.dynamic_modal_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    /* background-color: #fff; */
    background-clip: padding-box;
    /* border: 1px solid rgba(0, 0, 0, .2); */
    border-radius: .3rem;
    outline: 0;
    z-index: 149;
}

.dynamic_modal_header {
    position: absolute;
    width: 100%;
    height: 6vh;
    top: 3vh;
}

#dynamic_modal_close {
    position: absolute;
    width: 7vh;
    height: 7vh;
    top: 0vh;
    right: 3vh;
}

.dynamic_modal_footer {
    position: absolute;
    width: 100%;
    height: 6vh;
    bottom: 3vh;
}

#dynamic_modal_cancle {
    position: absolute;
    width: 16vh;
    height: 6vh;
    bottom: 0vh;
    right: 19vh;
}

#dynamic_modal_save {
    position: absolute;
    width: 14vh;
    height: 6vh;
    bottom: 0vh;
    right: 4vh;
}

.dynamic_modal_form {
    position: absolute;
    top: 9vh;
    left: 7vh;
}

.dynamic_step img {
    width: 21vh;
}

.dynamic_input img {
    width: 53vh;
    position: absolute;
}

.dynamic_lable_img {
    width: 50% !important;
    padding-left: 2vh;
}

.dynamic_input input {
    position: absolute;
    background: transparent;
    border: 0;
    left: 1vh;
    width: 45vh;
}

.checkbox_dynamic {
    position: absolute;
    width: 4.2vh;
    height: 4.2vh;
}


.checkmark_dynamic {
    position: relative;
    top: 0.9vh;
    left: 0.9vh;
    width: 2.5vh;
    height: 2.5vh;
    opacity: 0;
}

.inline {
    display: inline-block;
    margin: 10px;
}

.checkbox_box {}

.checkboxdiv {
    /* max-height: 29vh;
    overflow: scroll; */
}

.dynamic_content_modal::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    width: 0.8vh;
}

.dynamic_content_modal::-webkit-scrollbar-thumb {
    display: block;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.cLable {
    position: relative;
    left: 4vh;
    width: 44vh;
    margin: 0.5vh;
    font-family: 'Gotham-Book';
    font-size: 2vh;
    color: #003072;
}

.cContent {
    position: relative;
    width: 4.5vh;
    display: inline;
    height: 4.5vh;
}

.cContent img {}

.custom-checkbox {
    padding-bottom: 0vh;
}

.dynamic_dropdown_div {
    font-size: 2vh;
}

.dynamic_dropdown_div img {
    width: 53vh;
    /* position: absolute; */
}

.dynamic_dropdown_item {
    cursor: pointer;
}

#dynamic_txt {
    width: 45vh;
    position: relative;
    top: -3.6vh;
    left: 1vh;
    font-family: "RobotoMono-Medium";
    color: rgb(0, 0, 78);
    z-index: 2;
    font-size: 2vh;
    text-overflow: clip;
    overflow: hidden;
    height: 3vh;
    display: block;
}

.dynamic_dropdown_box {
    border: 0.5vh;
    background: white;
    font-family: "RobotoMono-Medium";
    color: rgb(0, 149, 255);
    width: 58vh;
    position: relative;
    z-index: 100;
    border: solid grey;
    border-radius: 0.5vh;
    padding-left: 1vh;
    display: none;
    max-height: 20vh;
    overflow: scroll;
    top: -3vh;
}

.dynamic_dropdown_box::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    width: 1.5vh;
}

.dynamic_dropdown_box::-webkit-scrollbar-thumb {
    display: block;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

#how_icon_modal_div {
    width: 100%;
}

.how_icon_modal_backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 149;
    background-color: #000;
    opacity: .5;
}

.how_icon_modal_dialog {
    padding-left: 20.75vh;
    padding-top: 11vh;
    max-width: 90vh;
}

.how_icon_button {
    position: absolute;
    top: 35vh;
    left: 62vh;
    width: 18vh;
    height: 4vh;
}

.how_icon_modal_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    z-index: 149;
}

.how_icon_modal_header {
    position: absolute;
    width: 100%;
    height: 6vh;
    top: 1vh;
}

#how_icon_modal_close {
    position: absolute;
    width: 7vh;
    height: 7vh;
    top: 0vh;
    right: 3vh;
}

.how_icon_modal_form {
    position: absolute;
    top: 9.5vh;
    left: 5.5vh;
    width: 83vh;
    height: 50vh;
}

.how_icon_modal_footer {
    position: absolute;
    width: 100%;
    height: 6vh;
    bottom: 3vh;
}

#how_icon_modal_save {
    position: absolute;
    width: 14vh;
    height: 6vh;
    bottom: 0vh;
    right: 4vh;
}

.icon_div {
    width: 18.5%;
    height: 8vh;
    display: inline-flex;
    background: #ffffff;
    opacity: 0;
}

.icon_div img {
    height: 80%;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icon_div:hover {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: 1s ease;
}

.icon_div.active {
    border: solid 2px rgb(0, 149, 255);
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: 1s ease;
}


.how_dropdown_main_div {
    font-size: 2vh;
    width: 58vh;
    position: absolute;
    top: 45vh;
    left: 63vh;
}

.how_dropdown_event {
    width: 66vh;
    position: absolute;
    top: 0vh;
    left: 0vh;
    height: 5vh;
}

#how_dropdown_txt {
    width: 45vh;
    position: relative;
    top: 1vh;
    left: 1vh;
    font-family: "RobotoMono-Medium";
    color: rgb(0, 0, 78);
    z-index: 2;
    font-size: 2vh;
    text-overflow: clip;
    overflow: hidden;
    height: 3vh;
    display: block;
}

.how_dropdown_event_box {
    border: 0.5vh;
    background: white;
    font-family: "RobotoMono-Medium";
    color: rgb(0, 149, 255);
    font-size: 2vh;
    width: 58vh;
    top: 5.2vh;
    position: absolute;
    z-index: 100;
    border-color: grey;
    border-radius: 0.5vh;
    padding-left: 1vh;
    display: none;
}

.how_dropdown_event_item {
    cursor: pointer;
}

#how_icon_img {
    position: absolute;
    top: 34.5vh;
    left: 82vh;
    height: 5vh;
}

#how_convert_logo {
    position: absolute;
    top: 34.5vh;
    left: 17vh;
    width: 7vh;
}

#how_convert_title {
    position: absolute;
    top: 35vh;
    left: 26vh;
    color: rgb(83 83 83 / 92%);
    font-size: 2.3vh;
    width: 24vh;
    font-family: 'Gotham-Book';
}

/* /////////////////// Timeline /////////////////////// */

.tl_div_add {
    position: absolute;
    width: 4vh;
    height: 4vh;
    cursor: pointer;
}

.tl_div_add img {
    width: 75%;
    padding: 0.5vh;
}

.tl_div {
    position: absolute;
    width: 2.5vh;
}

.tl_div p {
    font-size: 1.5vh;
    font-family: 'Gotham-Book';
}

.tl_div img {
    width: 100%;
}

.tl_p_up {
    position: absolute;
    top: -3vh;
    left: 3vh;
    width: 24vh;
}

.tl_p_down {
    position: absolute;
    top: 5vh;
    left: 3vh;
    width: 24vh;
}

.tl_p_down_1 {
    position: absolute;
    top: 0.5vh;
    left: 3vh;
    width: 24vh;
}

.timeline_t1 {
    left: 20.5vh;
}

.timeline_t1_0 {
    top: 48.5vh;
    left: 18.7vh;
}

.timeline_t1_1,
.timeline_t3_1,
.timeline_p2_1,
.timeline_p4_1 {
    top: 41.5vh;
}

.timeline_t1_2,
.timeline_t3_2,
.timeline_p2_2,
.timeline_p4_2 {
    top: 33vh;
}

.timeline_t1_3,
.timeline_t3_3,
.timeline_p2_3,
.timeline_p4_3 {
    top: 25vh;
}

.timeline_t2 {
    left: 39.5vh;
}

.timeline_t2_0 {
    top: 55vh;
    left: 37.5vh;
}

.timeline_t2_1,
.timeline_t4_1,
.timeline_p1_1,
.timeline_p3_1 {
    top: 56vh;
}

.timeline_t2_2,
.timeline_t4_2,
.timeline_p1_2,
.timeline_p3_2 {
    top: 59vh;
}

.timeline_t2_3,
.timeline_t4_3,
.timeline_p1_3,
.timeline_p3_3 {
    top: 67vh;
}

.timeline_t3 {
    left: 77.3vh;
}

.timeline_t3_0 {
    top: 48.5vh;
    left: 75.5vh;
}

.timeline_t4 {
    left: 97.4vh;
}

.timeline_t4_0 {
    top: 55vh;
    left: 95.5vh;
}


.pr_div_add {
    position: absolute;
    width: 4vh;
    height: 4vh;
    cursor: pointer;
}

.pr_div_add img {
    width: 75%;
    padding: 0.5vh;
}

.pr_div {
    position: absolute;
    width: 2.5vh;
}

.pr_div p {
    font-size: 1.5vh;
}

.pr_div img {
    width: 100%;
}

.pr_p_up {
    position: absolute;
    top: -3vh;
    left: 3vh;
    width: 20vh;
}

.pr_p_down {
    position: absolute;
    top: 5vh;
    left: 3vh;
    width: 20vh;
}

.pr_p_down_1 {
    position: absolute;
    top: 0vh;
    left: 3vh;
    width: 20vh;
}

.pr_div_mgnt img {
    width: 100%;
}

.timeline_title {
    position: absolute;
    font-size: 2.2vh;
    width: 25vh;
}

.timeline_p1_t {
    top: 52vh;
    left: 13vh;
}

.timeline_p2_t {
    top: 48.5vh;
    left: 50vh;
}

.timeline_p3_t {
    top: 52vh;
    left: 70vh;
}

.timeline_p4_t {
    top: 48.5vh;
    left: 107vh;
}

.timeline_t1_t {
    top: 48.5vh;
    left: 22vh;
}

.timeline_t2_t {
    top: 52vh;
    left: 41vh;
}

.timeline_t3_t {
    top: 48.5vh;
    left: 78vh;
}

.timeline_t4_t {
    top: 52vh;
    left: 99vh;
}

.timeline_p1 {
    left: 11.4vh;
}

.timeline_p1_0 {
    top: 55vh;
    left: 9.5vh;
}

.timeline_p1_delete {
    position: absolute;
    top: 53vh;
    left: 8vh;
    width: 6vh;
    display: none;
}

.timeline_p1_edit {
    position: absolute;
    top: 76vh;
    left: 9vh;
    width: 6vh;
    display: none;
}

.timeline_p2 {
    left: 48.6vh;
}

.timeline_p2_0 {
    top: 48.5vh;
    left: 46.7vh;
}

.timeline_p2_delete {
    position: absolute;
    top: 47vh;
    left: 45.5vh;
    width: 6vh;
    display: none;
}

.timeline_p2_edit {
    position: absolute;
    top: 20vh;
    left: 46vh;
    width: 6vh;
    display: none;
}

.timeline_p3 {
    left: 68.5vh;
}

.timeline_p3_0 {
    top: 55vh;
    left: 66.5vh;
}

.timeline_p3_delete {
    position: absolute;
    top: 53vh;
    left: 65vh;
    width: 6vh;
    display: none;
}

.timeline_p3_edit {
    position: absolute;
    top: 76vh;
    left: 65vh;
    width: 6vh;
    display: none;
}

.timeline_p4 {
    left: 105.5vh;
}

.timeline_p4_0 {
    top: 48.5vh;
    left: 103.7vh;
}

.timeline_p4_delete {
    position: absolute;
    top: 47vh;
    left: 102.5vh;
    width: 6vh;
    display: none;
}

.timeline_p4_edit {
    position: absolute;
    top: 20vh;
    left: 102.5vh;
    width: 6vh;
    display: none;
}

#timeline_edit_lable {
    width: 23vh;
    height: 3vh;
    position: absolute;
    top: 46.8vh;
    left: 6vh;
    border: none;
    font-size: 2vh;
    font-family: Gotham-Book;
}

#clear_timeline_edit_lable {
    width: 3vh;
    height: 3vh;
    bottom: 50vh;
    right: 101vh;
}

.timeline_cyt_div {
    position: absolute;
    top: 43vh;
    left: 60vh;
    width: 68vh;
}

#edit_dropdown_bg {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0vh;
    left: 0vh;
}

.edit_Dropdown_img1,
.edit_Dropdown_img2,
.edit_Dropdown_img3 {
    width: 100%;
}

.addrow_edit_Dropdown_div {
    position: relative;
    top: 1vh;
    left: 5vh;
    width: 20vh;
}

.addrow_edit_Dropdown_div img {
    width: 100%;
}

#edit_provider_txt1,
#edit_provider_txt2,
#edit_provider_txt3 {
    /* position: relative;
    width: 50vh;
    left: 6vh;
    top: -4vh;
    font-family: "RobotoMono-Medium";
    color: rgb(0, 0, 78);
    z-index: 2;
    font-size: 2vh;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    position: absolute;
    width: 50vh;
    font-family: "RobotoMono-Medium";
    color: rgb(0, 0, 78);
    z-index: 2;
    font-size: 2vh;
}

#edit_provider_txt_div_1,
#edit_provider_txt_div_2,
#edit_provider_txt_div_3 {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50vh;
    left: -63vh;
    top: 0.7vh;
}

/* #edit_provider_txt1 {
    top: 0.6vh;
}

#edit_provider_txt2 {
    top: 6.7vh;
}

#edit_provider_txt3 {
    top: 12.6vh;
} */

.edit_dropdown_provider1,
.edit_dropdown_provider2,
.edit_dropdown_provider3 {
    position: absolute;
    left: 5vh;
    border: 0.5vh solid;
    background: white;
    font-family: "RobotoMono-Medium";
    color: rgb(0, 149, 255);
    font-size: 2vh;
    width: 56vh;
    height: 20vh;
    z-index: 100;
    border-color: grey;
    border-radius: 0.5vh;
    padding-left: 1vh;
    display: none;
    overflow: scroll;
}

.edit_dropdown_provider1::-webkit-scrollbar,
.edit_dropdown_provider2::-webkit-scrollbar,
.edit_dropdown_provider3::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    width: 1.5vh;
}

.edit_dropdown_provider1::-webkit-scrollbar-thumb,
.edit_dropdown_provider2::-webkit-scrollbar-thumb,
.edit_dropdown_provider3::-webkit-scrollbar-thumb {
    display: block;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.option_txt_dp {}

.option_txt_dp p {
    cursor: pointer;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.sortableItem {
    padding-bottom: 1.5vh;
    display: none;
}

.sortableItem .edit_provider_val {
    /* width: 49vh;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 0.9vh; */
}

.edit_Dp_open {
    position: absolute;
    height: 4vh;
    width: 7vh;
    right: 4.5vh;
}

.edit_Dp_delete {
    position: absolute;
    height: 4vh;
    width: 3vh;
    right: 0.5vh;
}

.edit_tl_up_1 {
    top: 37.5vh;
}

.edit_tl_down_1 {
    top: 50.3vh;
}

.timeline_t1_delete {
    position: absolute;
    top: 47vh;
    left: 17.5vh;
    width: 6vh;
    display: none;
}

.timeline_t1_edit {
    position: absolute;
    top: 20vh;
    left: 17.5vh;
    width: 6vh;
    display: none;
}

.edit_tl_up_2 {
    top: 29vh;
}

.edit_tl_down_2 {
    top: 58.9vh;
}

.timeline_t2_delete {
    position: absolute;
    top: 53vh;
    left: 36vh;
    width: 6vh;
    display: none;
}

.timeline_t2_edit {
    position: absolute;
    top: 76vh;
    left: 36vh;
    width: 6vh;
    display: none;
}

.edit_tl_up_3 {
    top: 21vh;
}

.edit_tl_down_3 {
    top: 67vh;
}

.timeline_t3_delete {
    position: absolute;
    top: 47vh;
    left: 74.5vh;
    width: 6vh;
    display: none;
}

.timeline_t3_edit {
    position: absolute;
    top: 20vh;
    left: 74.5vh;
    width: 6vh;
    display: none;
}

.timeline_t4_delete {
    position: absolute;
    top: 53vh;
    left: 94vh;
    width: 6vh;
    display: none;
}

.timeline_t4_edit {
    position: absolute;
    top: 76vh;
    left: 94vh;
    width: 6vh;
    display: none;
}

.edit_timeline_t1,
.edit_timeline_p1 {
    left: 10vh;
    display: none;
}

.edit_tl_div,
.edit_pr_div {
    position: absolute;
    width: 2.5vh;
}

.edit_tl_div p {
    font-size: 1.5vh;
    font-family: 'Gotham-Book';
}

.edit_tl_div img {
    width: 100%;
}

.edit_pr_div p {
    font-size: 1.7vh;
}

.edit_pr_div img {
    width: 100%;
}

#why_storyboard_page_img img {
    /* width: 100%; */
    padding-bottom: 0.5vh !important;
}

#what_storyboard_page_img {
    position: absolute;
    width: 91%;
    top: 1.1vh;
    left: 1.5vh;
}

#what_storyboard_page_img img {
    /* width: 100%; */
    padding-bottom: 0.5vh !important;
}


#why_storyboard_page_img {
    position: absolute;
    width: 91%;
    top: 1.3vh;
    left: 1.5vh;
}

#measurement_storyboard_page_img .meas_img_div {
    /* width: 42%; */
    padding-top: 1.5vh;
    padding-left: 1.5vh;
    padding-right: 2vh;
    vertical-align: text-top;
    display: inline;
    width: 60%;
    position: absolute
}

.meas_img_div:nth-child(1) {
    left: 0vh;
}

.meas_img_div:nth-child(2) {
    left: 35vh;
}


.tl_model_background {
    position: absolute;
    top: 42.5vh;
    left: 21vh;
    width: 66vh;
    height: 35vh;
    background: white;
}

.tl_background_resources_Screen {
    width: 94%;
    position: absolute;
    top: 4.5vh;
    left: 2vh;
}


.timeline_t1_c {
    left: 11.5vh;
}

.timeline_t1_0_c {
    top: 15vh;
    left: 10.3vh;
}

.timeline_t1_1_c,
.timeline_t3_1_c,
.timeline_p2_1_c,
.timeline_p4_1_c {
    top: 11.5vh;
}

.timeline_t1_2_c,
.timeline_t3_2_c,
.timeline_p2_2_c,
.timeline_p4_2_c {
    top: 7.5vh;
}

.timeline_t1_3_c,
.timeline_t3_3_c,
.timeline_p2_3_c,
.timeline_p4_3_c {
    top: 3.5vh;
}

.timeline_t2_c {
    left: 17.5vh;
}

.timeline_t2_0_c {
    top: 18.5vh;
    left: 16.5vh;
}

.timeline_t2_1_c,
.timeline_t4_1_c,
.timeline_p1_1_c,
.timeline_p3_1_c {
    top: 20.6vh;
}

.timeline_t2_2_c,
.timeline_t4_2_c,
.timeline_p1_2_c,
.timeline_p3_2_c {
    top: 22vh;
}

.timeline_t2_3_c,
.timeline_t4_3_c,
.timeline_p1_3_c,
.timeline_p3_3_c {
    top: 26vh;
}

.timeline_t3_c {
    left: 38.3vh;
}

.timeline_t3_0_c {
    top: 15vh;
    left: 37.1vh;
}

.timeline_t4_c {
    left: 45.4vh;
}

.timeline_t4_0_c {
    top: 18.5vh;
    left: 44.5vh;
}

.timeline_p1_t_c {
    top: 17.2vh;
    left: 7vh;
}

.timeline_p2_t_c {
    top: 15.6vh;
    left: 27vh;
}

.timeline_p3_t_c {
    top: 17.2vh;
    left: 33vh;
}

.timeline_p4_t_c {
    top: 15.6vh;
    left: 53vh;
}

.timeline_t1_t_c {
    top: 15.6vh;
    left: 13vh;
}

.timeline_t2_t_c {
    top: 17.2vh;
    left: 19vh;
}

.timeline_t3_t_c {
    top: 15.6vh;
    left: 40vh;
}

.timeline_t4_t_c {
    top: 17.2vh;
    left: 47vh;
}

.timeline_p1_c {
    left: 5.6vh;
}

.timeline_p2_c {
    left: 25.6vh;
}

.timeline_p3_c {
    left: 31.5vh;
}

.timeline_p4_c {
    left: 51.5vh;
}


.tl_div_add_c {
    position: absolute;
    width: 2vh;
    height: 2vh;
    cursor: pointer;
}

.tl_div_add_c img {
    width: 75%;
    padding: 0.5vh;
}

.tl_div_c {
    position: absolute;
    width: 1.2vh;
}

.tl_div_c p {
    font-size: 0.55vh;
}

.tl_div_c img {
    width: 100%;
}

.pr_div_add_c {
    position: absolute;
    width: 2vh;
    height: 2vh;
    cursor: pointer;
}

.pr_div_add_c img {
    width: 75%;
    padding: 0.5vh;
}

.pr_div_c {
    position: absolute;
    width: 1.2vh;
}

.pr_div_c p {
    font-size: 0.55vh;
}

.pr_div_c img {
    width: 100%;
}

.timeline_p1_0_c {
    top: 18.5vh;
    left: 4.5vh;
}

.timeline_p2_0_c {
    top: 15vh;
    left: 24.3vh;
}

.timeline_p3_0_c {
    top: 18.5vh;
    left: 30.5vh;
}

.timeline_p4_0_c {
    top: 15vh;
    left: 50.3vh;
}

.tl_p_up_c {
    position: absolute;
    top: -2vh;
    left: 2vh;
    width: 9vh;
}

.tl_p_down_c {
    position: absolute;
    top: 2.5vh;
    left: 2vh;
    width: 9vh;
}

.tl_p_down_1_c {
    position: absolute;
    top: 0vh;
    left: 2vh;
    width: 9vh;
}

.pr_p_up_c {
    position: absolute;
    top: -2vh;
    left: 2vh;
    width: 9vh;
}

.timeline_title_c {
    /* position: absolute; */
    font-size: 1vh;
    width: 15vh;
}


.disabled_dp {
    opacity: 0.5;
}

.or_div {
    padding-top: 3vh;
    padding-bottom: 2vh;
    font-size: 3vh;
    color: #0096ff;
}

/* /////////////////// Timeline /////////////////////// */


.sb_model_background {
    position: absolute;
    top: 39.5vh;
    left: 21vh;
    width: 65vh;
    height: 38vh;
    background: white;
}

.sb_background_resources_Screen {
    width: 94%;
    position: absolute;
    top: 1vh;
    left: 2vh;
}

.storyboard_item_img_c img {
    padding-bottom: 0.2vh;
}

.why_storyboard_page_img_c img {
    padding-bottom: 0vh;
}

.why_storyboard_c {
    top: 8.7vh;
    position: absolute;
    left: 3.2vh;
    height: 5vh;
    width: 17vh;
    opacity: 1;
}

#why_storyboard_page_img_c {
    position: absolute;
    width: 91%;
    top: 0.5vh;
    left: 0vh;
}

.what_storyboard_c {
    top: 18.4vh;
    position: absolute;
    left: 3.4vh;
    height: 5vh;
    width: 17vh;
    opacity: 1;
}

#what_storyboard_page_img_C {
    position: absolute;
    width: 91%;
    top: 0vh;
    left: 0.5vh;
}


.how_1_storyboard_c {
    position: absolute;
    left: 23vh;
    top: 9vh;
    height: 14vh;
    width: 12vh;
    opacity: 1;
}

.how_2_storyboard_c {
    position: absolute;
    left: 36.5vh;
    top: 9vh;
    height: 14vh;
    width: 12vh;
    opacity: 1;
}

.how_3_storyboard_c {
    position: absolute;
    left: 50vh;
    top: 9vh;
    height: 14vh;
    width: 12vh;
    opacity: 1;
}

#how_1_storyboard_page_img_c,
#how_2_storyboard_page_img_c,
#how_3_storyboard_page_img_c {
    position: absolute;
    top: 4.5vh;
}

#how_1_convert_logo_c,
#how_2_convert_logo_c,
#how_3_convert_logo_c {
    position: absolute;
    top: 0vh;
    left: 0vh;
    width: 20%;
}


#how_1_convert_title_c,
#how_2_convert_title_c,
#how_3_convert_title_c {
    position: absolute;
    top: 0.5vh;
    left: 3.5vh;
    color: rgb(83 83 83 / 92%);
    font-size: 0.8vh;
    width: 9vh;
    font-family: 'Gotham-Book';
}


.measurement_storyboard_c {
    position: absolute;
    left: 27.6vh;
    top: 27.5vh;
    height: 5vh;
    width: 34vh;
    opacity: 1;
}



#measurement_storyboard_page_img_c .meas_img_div_c {
    /* width: 42%; */
    padding-top: 0.8vh;
    padding-left: 2vh;
    padding-right: 2vh;
    vertical-align: text-top;
    display: inline;
    width: 50%;
    position: absolute
}

.meas_img_div_c:nth-child(1) {
    left: 0vh;
}

.meas_img_div_c:nth-child(2) {
    left: 17vh;
}

.who_storyboard_c {
    position: absolute;
    left: 3.3vh;
    top: 27.3vh;
    height: 5vh;
    width: 22vh;
}

#firstname_ip_who_1_c {
    top: 0.27vh;
    left: 0.5vh;
    overflow-wrap: break-word;
}

#designation_ip_who_1_c {
    top: 0.27vh;
    left: 7.7vh;
    overflow-wrap: break-word;
}

#address_ip_who_1_c {
    top: 0.27vh;
    left: 15.3vh;
    overflow-wrap: break-word;
}

#firstname_ip_who_2_c {
    top: 2.9vh;
    left: 0.5vh;
    overflow-wrap: break-word;
}

#designation_ip_who_2_c {
    top: 2.9vh;
    left: 7.7vh;
    overflow-wrap: break-word;
}

#address_ip_who_2_c {
    top: 2.9vh;
    left: 15.3vh;
    overflow-wrap: break-word;
}

.who_p_c {
    position: absolute;
    display: block;
    font-size: 0.6vh;
    width: 6vh;
    height: 2vh;
    font-family: Gotham-Book;
    vertical-align: middle;
    text-align: center;
    /* background: #ff000070; */
    /* position: relative;
    display: block;
    font-size: 0.6vh;
    width: 5vh;
    font-family: Gotham-Book;
    height: 2vh;
    display: table-cell;
    vertical-align: middle;
    text-align: center;*/
}

#customer_name_review_st_tl {
    width: 42%;
    height: 3%;
    position: absolute;
    top: 40.3vh;
    left: 68vh;
    border: none;
    font-size: 2vh;
    font-family: Gotham-Book;
}

#clear_customer_name_review_st_tl {
    position: absolute;
    width: 3vh;
    height: 3vh;
    top: 40.2vh;
    left: 125vh;
}

#present_date_review_st_tl {
    width: 42%;
    height: 3%;
    position: absolute;
    top: 50.5vh;
    left: 68vh;
    border: none;
    font-size: 2vh;
    font-family: Gotham-Book;
}

#clear_customer_name_review_st_tl {
    position: absolute;
    width: 3vh;
    height: 3vh;
    top: 40.2vh;
    left: 125vh;
}

#clear_present_date_review_st_tl {
    position: absolute;
    width: 3vh;
    height: 3vh;
    top: 50.5vh;
    left: 125vh;
}

#call2action_review_st_tl {
    position: absolute;
    width: 2.4vh;
    top: 61vh;
    left: 68.2vh;
    opacity: 0;
}

.txt_review_st_tl {
    position: relative;
    font-family: 'Gotham-Book';
    font-size: 1.97vh;
    color: white;
    left: 0vh;
    display: none;
    margin-bottom: -1vh;
}

#txt_customer-name_review_st_tl {
    position: absolute;
    top: 39.7vh;
    left: 23vh;
    color: white;
    font-size: 1.97vh;
    font-family: 'Gotham-Bold';
}

.slidertitle_review {
    position: absolute;
    top: 49.6vh;
    left: 23.2vh;
    color: white;
    font-size: 3.3vh;
    width: 60vh;
    font-family: 'Gotham-Bold';
}

.slidertitle_review_tl_1 {
    position: absolute;
    top: 48.6vh;
    left: 25.2vh;
    color: white;
    font-size: 3.3vh;
    width: 60vh;
    font-family: 'Gotham-Bold';
}

.txt_review_st_tl_1 {
    position: relative;
    font-family: 'Gotham-Book';
    font-size: 1.8vh;
    color: white;
    left: 0vh;
    display: none;
    margin-bottom: -1vh;
}

#txt_customer-name_review_st_tl_1 {
    position: absolute;
    top: 39vh;
    left: 25vh;
    color: white;
    font-size: 1.8vh;
    font-family: 'Gotham-Bold';
}

/* #txt_call2action_review_st_tl_1 {
    top: 48.7vh;
}

#txt_comm_frame_review_st_tl_1 {
    top: 52vh;
}

#txt_timeline_frame_review_st_tl_1 {
    top: 55vh;
} */

#comm_frame_review_st_tl {
    position: absolute;
    width: 2.4vh;
    top: 66.4vh;
    left: 68.2vh;
    opacity: 0;
}

#timeline_frame_review_st_tl {
    position: absolute;
    width: 2.4vh;
    top: 71.8vh;
    left: 68.2vh;
    opacity: 0;
}

#div_dr_finl_frame_review_st_tl {
    position: absolute;
    top: 78.5vh;
    left: 70.2vh;
    display: none;
}

#img_dr_finl_frame_review_st_tl {
    top: 79.3vh;
    left: 75.2vh;
    display: none;
}

#img_dr_finl_frame_review_st_tl.active {
    left: 78.2vh;
}

#preview_review_st_tl {
    position: absolute;
    width: 16vh;
    height: 3vh;
    top: 85.3vh;
    left: 12vh;
}

/* #orderbutton_st_tl {
    position: absolute;
    top: 93.4vh;
    left: 114vh;
    width: 14.5vh;
    height: 7vh;
} */

#back_button_st_tl {
    position: absolute;
    width: 10.6%;
    bottom: 0.4%;
    left: 74.5%;
    /* top: 93.5vh; */
}

#orderbutton_st_tl,
#final_button_st_tl {
    position: absolute;
    top: 93.4vh;
    left: 114vh;
    width: 14.5vh;
    height: 7vh;
}

#orderbutton_st_tl img,
#final_button_st_tl img {
    width: 100%;
}

#reviewResources_complete {
    display: none;
}

#submitted_Resources_page {
    display: none;
}

.title_review_st_tl {
    position: absolute;
    font-family: 'Gotham-bold';
    font-size: 2vh;
    color: #0096ff;
    left: 68vh;
}

#txt_customer_name_review_st_tl {
    top: 36.5vh;
}

#txt_present_date_review_st_tl {
    top: 47.5vh;
}

#timeline_page,
#edit_timeline_page {
    font-family: 'Gotham-Book';
}

.top_timeline_page {
    position: absolute;
    width: 100%;
    height: 10vh;
    top: 12vh;
    left: 0vh;
}

.bottom_timeline_page {
    position: absolute;
    width: 100%;
    height: 10vh;
    bottom: 8vh;
    left: 0vh;
}

.left_timeline_page {
    position: absolute;
    width: 7vh;
    height: 73%;
    top: 12vh;
    left: 0vh;
}

.right_timeline_page {
    position: absolute;
    width: 7vh;
    height: 73%;
    top: 12vh;
    right: 0vh;
}

.horizontal3_timeline_page {
    position: absolute;
    width: 122vh;
    height: 2vh;
    top: 60.5vh;
    right: 5vh;
    background: red;
}

.vertical1_timeline_page {
    position: absolute;
    width: 2vh;
    height: 39vh;
    top: 21.5vh;
    left: 44vh;
    background: red;
}

.vertical2_timeline_page {
    position: absolute;
    width: 2vh;
    height: 24vh;
    top: 60.5vh;
    right: 77vh;
    background: red;
}

/* .storyboard_background {
    background: rgba(0, 128, 0, 0.171);
} */

.storyboard_background_img {
    opacity: 0;
}

#editStoryboard_button {
    position: absolute;
    width: 22vh;
    top: 5.7vh;
    left: 96vh;
    display: none;
}

.resource_sample_div_st {
    position: absolute;
    top: 0vh;
    left: 0vh;
    display: none;
    width: 100%;
    height: 100%;
}

.resource_complete_sample_st {
    position: sticky;
    border: 0.2vh solid rgb(0, 0, 78);
    display: none;
    width: 115vh;
    top: 22vh;
    opacity: 1;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
}

.cancel_resource_st {
    position: absolute;
    /* display: none; */
    width: 4vh;
    top: -2vh;
    right: -2vh;
    z-index: 15;
}

.resource_sample_img_st {
    width: 91%;
    padding: 5vh;
    background: white;
}

.draftImg_review_storyboard_timeline {
    position: absolute;
    top: 35.5vh;
    left: 11vh;
    width: 44.5vh;
    display: block;
}

#why_referenceNfootnote_div,
#what_referenceNfootnote_div,
#measurement_referenceNfootnote_div,
#how_referenceNfootnote_div {
    font-size: 1.1vh;
}

.canvas-container {
    /* display: none; */
}




#txt_customer-name_static_r1 {
    position: absolute;
    top: 5.1vh;
    left: 18.2vh;
    color: white;
    font-size: 2vh;
    font-family: 'Gotham-Bold';
}

.slidertitle_static_r1 {
    position: absolute;
    top: 15vh;
    left: 18.5vh;
    color: white;
    font-size: 1vh;
    width: 60vh;
    font-family: 'Gotham-Bold';
}

.txt_static_r1 {
    position: relative;
    font-family: 'Gotham-Book';
    font-size: 1.9vh;
    color: white;
    left: 0vh;
    display: none;
    margin-bottom: -1vh;
}

/* .txt_call2action_static_r1 {
    position: absolute;
    top: 48.6vh;
    left: 25.2vh;
    color: white;
    font-size: 3.3vh;
    width: 60vh;
    font-family: 'Gotham-Bold';
}

.txt_comm_frame_static_r1 {
    position: relative;
    font-family: 'Gotham-Book';
    font-size: 1.8vh;
    color: white;
    left: 0vh;
    display: none;
    margin-bottom: -1vh;
}

#txt_timeline_frame_static_r1 {
    position: absolute;
    top: 39vh;
    left: 25vh;
    color: white;
    font-size: 1.8vh;
    font-family: 'Gotham-Bold';
} */

.tearpad_print img {
    box-shadow: 0 0 13px grey;
}

.tearpad_print.draggable {
    position: absolute;
    width: 9vh !important;
    top: 31.1vh;
}

.tearpad_print.droppable {
    position: absolute;
    top: 55.2vh;
    width: 21vh;
}

.drop1_tearpad_print {
    left: 12.4vh;
}

.drop2_tearpad_print {
    left: 38.9vh;
}

#img1_content_tearpad_print {
    left: 12.3vh;
}

#img2_content_tearpad_print {
    left: 26.7vh;
}

#img3_content_tearpad_print {
    left: 41vh;
}

#img4_content_tearpad_print {
    left: 55.3vh;
}

#img5_content_tearpad_print {
    left: 69.8vh;
}

#img6_content_tearpad_print {
    left: 84vh;
}

#img7_content_tearpad_print {
    left: 98.3vh;
}

#img8_content_tearpad_print {
    left: 112.3vh;
}

/* ////tearpad dropdown//// */
#dropdown_tearpad_close,
#dropdown_tearpad_open {
    position: absolute;
    width: 6.8vh;
    top: 64vh;
    left: 65vh;
}

#dropdown_tearpad_input {
    position: absolute;
    width: 1.5vh;
    height: 2vh;
    top: 0.9vh;
    left: 0.8vh;
    border: none;
    font-size: 2vh;
    font-family: Gotham-Book;
    padding-left: 0.5vh;
}

#tearpad_option0 {
    top: 0vh;
}

#tearpad_option1 {
    top: 3vh;
}

#tearpad_option2 {
    top: 7vh;
}

#tearpad_option3 {
    top: 10vh;
}

.dropdown_tearpad_option {
    position: absolute;
    width: 6.5vh;
    height: 3.5vh;
    left: 0vh;
}

#add_another_tearpad,
#add_another_poster,
#add_another_four_brochure,
#add_another_eight_brochure {
    position: absolute;
    width: 36vh;
    height: 7vh;
    top: 89.5vh;
    left: 12vh;
}

#save_tearpad,
#save_poster,
#save_four_brochure,
#save_eight_brochure {
    position: absolute;
    width: 20vh;
    height: 7vh;
    top: 89.6vh;
    left: 104.8vh;

}

#save_tearpad.inactive,
#save_poster.inactive,
#save_four_brochure.inactive,
#save_eight_brochure.inactive {
    opacity: 0.5;
    background: white;
}


/* ////tear pad dropdown//// */

.four_brochure_print img {
    box-shadow: 0 0 13px grey;
}

.four_brochure_print.draggable {
    position: absolute;
    width: 9vh !important;
    top: 31.1vh;
}

.four_brochure_print.droppable {
    position: absolute;
    top: 55.2vh;
    width: 21vh;
}

#img1_content_four_brochure_print {
    left: 12.3vh;
}

#img2_content_four_brochure_print {
    left: 26.7vh;
}

#img3_content_four_brochure_print {
    left: 41vh;
}

#img4_content_four_brochure_print {
    left: 55.3vh;
}

#img5_content_four_brochure_print {
    left: 69.8vh;
}

#img6_content_four_brochure_print {
    left: 84vh;
}

#img7_content_four_brochure_print {
    left: 98.3vh;
}

#img8_content_four_brochure_print {
    left: 112.3vh;
}

.drop1_four_brochure_print {
    left: 12.4vh;
}

.drop2_four_brochure_print {
    left: 38.9vh;
}

.drop3_four_brochure_print {
    left: 65.4vh;
}

.drop4_four_brochure_print {
    left: 90vh;
}

/* ////four_brochure dropdown//// */
#dropdown_four_brochure_close,
#dropdown_four_brochure_open {
    position: absolute;
    width: 6.8vh;
    top: 64vh;
    left: 116vh;
}

#dropdown_four_brochure_input {
    position: absolute;
    width: 1.5vh;
    height: 2vh;
    top: 0.8vh;
    left: 0.8vh;
    border: none;
    font-size: 2vh;
    font-family: Gotham-Book;
}

#four_brochure_option0 {
    top: 0vh;
}

#four_brochure_option1 {
    top: 3vh;
}

#four_brochure_option2 {
    top: 7vh;
}

#four_brochure_option3 {
    top: 10vh;
}

.dropdown_four_brochure_option {
    position: absolute;
    width: 6.5vh;
    height: 3.5vh;
    left: 0vh;
}

/* //// four_brochure dropdown //// */
/* //// eight_brochure //// */

.eight_brochure_print img {
    box-shadow: 0 0 13px grey;
}

.eight_brochure_print.draggable {
    position: absolute;
    width: 9vh !important;
    top: 31.1vh;
}

.eight_brochure_print.droppable {
    position: relative;
    padding-right: 5vh;
    width: 21vh;
    left: 1vh;
}

#img1_content_eight_brochure_print {
    left: 12.3vh;
}

#img2_content_eight_brochure_print {
    left: 26.7vh;
}

#img3_content_eight_brochure_print {
    left: 41vh;
}

#img4_content_eight_brochure_print {
    left: 55.3vh;
}

#img5_content_eight_brochure_print {
    left: 69.8vh;
}

#img6_content_eight_brochure_print {
    left: 84vh;
}

#img7_content_eight_brochure_print {
    left: 98.3vh;
}

#img8_content_eight_brochure_print {
    left: 112.3vh;
}

/* .drop1_eight_brochure_print{
    left: 12.4vh;
}

.drop2_eight_brochure_print{
    left: 38.9vh;
}

.drop3_eight_brochure_print{
    left: 65.4vh;
}

.drop4_eight_brochure_print{
    left: 90vh;
}

.drop5_eight_brochure_print{
    left: 12.4vh;
}

.drop6_eight_brochure_print{
    left: 38.9vh;
}

.drop7_eight_brochure_print{
    left: 65.4vh;
}

.drop8_eight_brochure_print{
    left: 90vh;
} */

.eight_brochure_error_div {
    position: absolute;
    top: 55.2vh;
    width: 21vh;
}

.drop1_eight_brochure_error {
    left: 12.4vh;
}

.drop2_eight_brochure_error {
    left: 38.9vh;
}

.drop3_eight_brochure_error {
    left: 65.4vh;
}

.drop4_eight_brochure_error {
    left: 90vh;
}

.dropable_slider {
    width: 100%;
    position: absolute;
    top: 55.2vh;
    left: 11.3vh;
    inline-size: 100%;
    display: inline-flex;
}

.droppable_title {
    position: relative;
    top: -3.5vh;
    left: 0vh;
    font-size: 0.9vh;
    font-family: Gotham-Bold;
    /* font-weight: bolder; */
    color: #0000c9;
    text-align: center;
    height: 0vh;
    width: 9vh;
}

.droppable_title_eight_brochure {
    position: relative;
    top: -3vh;
    left: 6vh;
    font-size: 1.8vh;
    font-family: Gotham-Bold;
    /* font-weight: bolder; */
    color: #0000c9;
    text-align: center;
    height: 0vh;
    width: 9vh;
}


.droppable_title_poster {
    position: relative;
    top: -3.5vh;
    left: 0vh;
    font-size: 1.5vh;
    font-family: Gotham-Bold;
    /* font-weight: bolder; */
    color: #0000c9;
    text-align: center;
    height: 0vh;
    width: 13vh;
}

.eight_brochure_img {
    position: absolute;
    top: 0px;
    /* border: solid; */
    width: 21vh;
}

#prev_btn_eight_brochure_print {
    position: absolute;
    top: 75vh;
    left: 116vh;
    width: 3vh;
    height: 7vh;
    display: none;
}

#next_btn_eight_brochure_print {
    position: absolute;
    top: 75vh;
    left: 119vh;
    width: 3vh;
    height: 7vh;
}

#prev_btn_eight_brochure_print img {
    position: absolute;
    width: 2.5vh;
}

#next_btn_eight_brochure_print img {
    position: absolute;
    width: 2.5vh;
}

/* ////eight_brochure dropdown//// */
#dropdown_eight_brochure_close,
#dropdown_eight_brochure_open {
    position: absolute;
    width: 6.8vh;
    top: 64vh;
    left: 116vh;
}

#dropdown_eight_brochure_input {
    position: absolute;
    width: 1.5vh;
    height: 2vh;
    top: 0.8vh;
    left: 0.8vh;
    border: none;
    font-size: 2vh;
    font-family: Gotham-Book;
}

#eight_brochure_option0 {
    top: 0vh;
}

#eight_brochure_option1 {
    top: 3vh;
}

#eight_brochure_option2 {
    top: 7vh;
}

#eight_brochure_option3 {
    top: 10vh;
}

.dropdown_eight_brochure_option {
    position: absolute;
    width: 6.5vh;
    height: 3.5vh;
    left: 0vh;
}

/* //// eight_brochure dropdown //// */
/* //// eight_brochure //// */

/* ///////////poster_brochure//////////////// */

.poster_content_1 {
    width: 100%;
    position: absolute;
    top: 30.2vh;
    left: 11vh;
    inline-size: 100%;
    display: inline-flex;
}

.poster_content_2 {
    width: 100%;
    position: absolute;
    top: 57.9vh;
    left: 11.3vh;
    inline-size: 100%;
    display: inline-flex;
}

.poster_content_div {
    position: relative;
    padding-right: 5vh;
    width: 25.4vh;
    left: 1vh;
}

.poster_brochure_img {
    position: absolute;
    top: 0px;
    /* border: solid; */
    width: 13vh;
}

.title_dropdown_poster {
    position: relative;
    top: -2.5vh;
    left: 0vh;
    font-size: 1.5vh;
    font-family: Gotham-Bold;
    color: #0000c9;
    text-align: center;
    height: 0vh;
}

.dropdown_poster {
    position: absolute;
    top: 8vh;
    left: 14.5vh;
    display: block;
}

#dropdown_poster_close,
#dropdown_poster_open {
    position: absolute;
    width: 6.8vh;
}

/* ////four_brochure dropdown//// */
#dropdown_poster_close1,
#dropdown_poster_open1,
#dropdown_poster_close2,
#dropdown_poster_open2,
#dropdown_poster_close3,
#dropdown_poster_open3,
#dropdown_poster_close4,
#dropdown_poster_open4,
#dropdown_poster_close5,
#dropdown_poster_open5,
#dropdown_poster_close6,
#dropdown_poster_open6,
#dropdown_poster_close7,
#dropdown_poster_open7,
#dropdown_poster_close8,
#dropdown_poster_open8 {
    position: absolute;
    width: 6.8vh;
    /* top: 64vh; */
    /* left: 116vh; */
}

#dropdown_poster_input1,
#dropdown_poster_input2,
#dropdown_poster_input3,
#dropdown_poster_input4,
#dropdown_poster_input5,
#dropdown_poster_input6,
#dropdown_poster_input7,
#dropdown_poster_input8 {
    position: absolute;
    width: 1.5vh;
    height: 2vh;
    top: 0.8vh;
    left: 0.8vh;
    border: none;
    font-size: 2vh;
    font-family: Gotham-Book;
}

#four_brochure_option0 {
    top: 0vh;
}

#four_brochure_option1 {
    top: 3vh;
}

#four_brochure_option2 {
    top: 7vh;
}

#four_brochure_option3 {
    top: 10vh;
}

.dropdown_poster_option1,
.dropdown_poster_option2,
.dropdown_poster_option3,
.dropdown_poster_option4,
.dropdown_poster_option5,
.dropdown_poster_option6,
.dropdown_poster_option7,
.dropdown_poster_option8 {
    position: absolute;
    width: 6.5vh;
    height: 3.5vh;
    left: 0vh;
}

/* //// four_brochure dropdown //// */







#print_count_img_review {
    left: 4vh;
    position: relative;
    width: 30vh !important;
}

#printPageTable_review {
    width: 74%;
    top: 42vh;
    left: 0vh;
    font-size: 1.9vh;
    font-weight: 500;
    font-family: Gotham-Book;
}

#printPageTable_review tbody {
    max-height: 28vh;
}

.printRow_review th {
    text-align: left;
    padding-left: 1vh;
}

.printRow_review td {
    text-align: left;
    padding-left: 1vh;
}

.printRow_review th:nth-child(1) {
    width: 21%;
    min-width: 22.2vh;
    max-width: 22.2vh;
    border-radius: 0px 0px 0px 0px;
}

.printRow_review th:nth-child(2) {
    min-width: 53vh;
    max-width: 53vh;
    width: 53vh;
}

.printRow_review th:nth-child(3) {
    min-width: 6vh;
    max-width: 6vh;
    width: 6vh;
}

.printRow_review th:nth-child(4) {
    min-width: 7vh;
    max-width: 7vh;
    width: 7vh;
}

.printRow_review th:nth-child(5) {
    min-width: 7vh;
    max-width: 7vh;
    width: 7vh;
}


.printRow_review td:nth-child(1) {
    min-width: 22.2vh;
    max-width: 22.2vh;
}

.printRow_review td:nth-child(2) {
    min-width: 50vh;
    max-width: 50vh;
    width: 50vh;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* text-align: center; */
}

.printRow_review td:nth-child(3) {
    min-width: 7vh;
    max-width: 7vh;
    width: 7vh;
    text-align: center;
}

.printRow_review td:nth-child(4) {
    min-width: 7vh;
    max-width: 7vh;
    width: 7vh;
}

.printRow_review td:nth-child(5) {
    min-width: 6.8vh;
    max-width: 6.8vh;
    width: 6.8vh;
}

.print_count_row {
    background: #ffffff00 !important;
    height: 5vh;
}

.print_count_row td {
    border-bottom: none !important;
    padding: 0vh;
}

.print_count_row td {
    min-width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
}

.print_totalcountDiv_review {
    position: absolute;
    font-size: 2vh;
    color: black;
    left: 55.7vh;
    padding-top: 1vh;
    z-index: 1;
}

#print_confrim_checkbox {
    position: absolute;
    width: 2.4vh;
    top: 73.4vh;
    left: 89.7vh;
    opacity: 0;
}

.mailto_txt_print_review {
    position: absolute;
    top: 27.3vh;
    left: 15vh;
    width: 60vh;
    height: 5vh;
    font-family: 'RobotoMono-Medium';
    font-size: 1.8vh;
}