/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    /* font-weight: 400; */
    font-style: normal;
    font-size: normal;
}

.home {

    margin-bottom: 10px
}

.front {
    margin-bottom: 12px
}

.left {
    margin-bottom: 12px
}

.back {
    margin-bottom: 12px
}

.right {
    margin-bottom: 12px
}

.top {
    margin-bottom: 12px
}

.bottom {
    margin-bottom: 12px
}

.grid {
    margin-bottom: 12px
}

.info {
    margin-bottom: 12px
}

.sidebar img {
    width: 100%;
    height: auto;
    position: relative;


}

.sidebar {
    /* margin-top: 150px;  */
    margin: auto 0px;
    position: absolute;
    width: 2.5rem;
}

@media (min-width: 300px) {
    .sidebar {
        width: 2.5rem;
        top: 0;
        left: 12px;

    }
}

@media (min-width: 400px) {
    .sidebar {
        width: 2.5rem;
        top: 0;
        right: 14px;

    }
}

@media (min-width: 576px) {
    .sidebar {
        width: 2.5rem;
        top: 0;
        right: 18px;

    }
}

@media (min-width: 700px) {
    .sidebar {
        margin-top: 140px !important;
        width: 2.5rem;
        top: 0;
        right: 20px;

    }
}

@media (min-width: 900px) {
    .sidebar {
        width: 2.5rem;
        top: 0;
        right: 22px;

    }
}

@media (min-width: 1000px) {
    .sidebar {
        width: 2.5rem;
        top: 0;
        right: 24px;

    }
}



.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}


.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 12px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider.round {
    border-radius: 8px;
}

input:checked+.slider:before {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

input:checked+.slider {
    background-color: #000000;
}

input:focus+.slider {
    box-shadow: 0 0 1px #000000;
}

.slider.round:before {
    border-radius: 50%;
}

/* Rounded sliders */


.div__canvas {
    max-width: 1400px;
    /* background-color: #ececec; */
    padding-right: 15px;
    margin: auto auto;
    box-sizing: border-box;
    flex-wrap: nowrap;
}

#form_pc {
    padding: 0px 0px;
    margin: 0px 0px;
}

.div__form {
    background-color: white;
    border-radius: 15px;
    border: #cccccc solid 1px;
    /* width: 35% !important; */
    display: block;
    box-sizing: border-box;
    padding: 2px 2px;
    margin: 2px 2px;
    /* box-shadow: 10px 10px; */
}

.text__max,
.text__min {
    display: none;
}

.div__input {
    display: flex;
    flex-wrap: nowrap;
    padding: 5px 10px;
    padding-left: 0px;
}

.slider__range__parent {
    display: flex;
    align-items: center;
    padding: 0px 6px;
}

.div_input_name_parent {
    padding: 4px 6px;
}

.div_input_name_parent {
    display: flex;
}


#myForm-tab,
#myCheckout-tab {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.div__input input[type="number"] {
    max-width: 80px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #dddddd;
}

.div__input>div {
    margin: auto auto;
}

.slider__range {
    -webkit-appearance: none;
    background-color: #D9D9D9;
    background-image: linear-gradient(90deg, #F07E3C, #F07E3C);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    border-top: white 10px solid;
    border-bottom: white 10px solid;

}

.slider__range::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.slider__range:focus {
    outline: none;
}

.slider__range::-webkit-slider-runnable-track {
    appearance: none;
    -webkit-appearance: none;
    /* background-color: #F07E3C; */
    height: 4px;
    border-radius: 6px;
    /* box-sizing: content-box; */
}

.slider__range::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    background-color: #F07E3C;
    height: 20px;
    width: 20px;
    margin-top: 0px;
    border-width: 4px;
    border-color: white;
    border-radius: 10px;
    border-style: double;
    margin-top: -7px;
}

.slider__range::-moz-range-track {
    appearance: none;
    -webkit-appearance: none;
    /* background-color: #F07E3C; */
    height: 4px;
    border-radius: 6px;
}

.slider__range::-moz-range-thumb {
    appearance: none;
    -webkit-appearance: none;
    background-color: #F07E3C;
    height: 20px;
    width: 20px;
    margin-top: 0px;
    border-width: 4px;
    border-color: white;
    border-radius: 10px;
    border-style: double;
    margin-top: -7px;
}


/* .div_input_name{
    width: 150px !important;
} */

.div_switch_parent {
    /* margin: auto auto; */
    margin-left: 0px;
    margin-right: 20px;
    width: 20%;
    /* text-align: center; */
    width: 15px;
}


.div__input__panel {
    margin-left: 30px;
    position: relative;
}

@media (min-width: 300px) {
    .div__input__panel {
        margin-left: 5px;
    }
}

.input_select {
    background-color: white;
    /* height: 25px; */
    padding: 5px;
    border-radius: 8px;
    margin: 5px 0px;
}

.inp {
    -webkit-box-shadow: 0 0 5px 2px #8d8d8d;
    -moz-box-shadow: 0 0 5px 2px #8d8d8d;
    box-shadow: 0 0 5px 2px #8d8d8d;
    border-radius: 12px;
    margin: 10px auto;
    padding: 6px;
    box-sizing: border-box;
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-wrap: nowrap;
    /* justify-content: space-between; */
}

.div__form {
    min-width: auto;
    /* min-height: 1200px !important; */
    z-index: 150 !important;
}

.input_select {
    background-color: #dbdbdb;
}

.img_as {
    width: 50px;
    height: 50px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

#FeaturesTab>.nav-item .nav-link {
    border: none !important;
}

#FeaturesTab>.nav-item .nav-link {
    margin: auto auto;
}

#FeaturesTab>.nav-item .nav-link>img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

#FeaturesTab>.nav-item .nav-link.active>img,
#FeaturesTab>.nav-item .nav-link>img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.table_pdf {
    margin-top: auto;
}



.header__green {
    font-size: 9px !important;
    text-align: center;
    margin: 0px 0px !important;
    height: 14px !important;
    border: none !important;
}



.table_pdf {
    border-collapse: separate;
    /* Required for border-radius on tables */
    border-spacing: 0;
    /* Remove default spacing between cells */
    border: 1px solid #ccc;
    /* Example border */
    border-radius: 10px;
    /* Adjust the value for desired roundness */
}

.last_row>td:first-child {
    border-bottom-left-radius: 10px;
}

.last_row>td:last-child {
    border-bottom-right-radius: 10px;
}



.row_normal {
    font-size: 7px !important;
    text-align: center;
    height: 10px !important;
}

.row_normal>td,
.row_normal>td>p,
.row_normal>td>div {
    margin: 0px 0px !important;
    padding: 1px 2px !important;
}

.empty_row {
    height: 0px !important;
    font-size: 2px !important;
}

.empty_row,
.empty_row>td {
    border: 0px solid white;
    /* border-bottom: 1px solid black; */
    background-color: unset !important;
}

.empty_row td {
    border: none !important;
}

.table_pc .empty_row,
.table_pc .empty_row>td {
    height: 24px !important;
    padding: 0px !important;
}

.table_pe .empty_row,
.table_pe .empty_row>td {
    height: 10px !important;
    padding: 0px !important;
}

.table_pt .empty_row,
.table_pt .empty_row>td {
    height: 22px !important;
    padding: 0px !important;
}

#pdf_body {
    padding-left: 30px;
    padding-right: 30px;
    width: 990px;
    height: 765px;
    border: 1px solid black;
    margin: auto auto;
    position: relative;
    background-color: white;
}

.footer_notes_pdf {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0px;
}

#container_2d_pdf table.table_pdf {
    border: none !important;
    /* margin-left: 30px; */
}

#container_2d_pdf table.table_pdf td {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

#container_2d_pdf table.table_pdf td:first-child {
    border-left: 1px solid black;
}

.header__green>td {
    margin: 0px 0px !important;
    padding: 3px 3px !important;
    border: 1px solid black;
    /* border-left: none !important; */
    /* border-right: none !important; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important; */
}

.header__green>p {
    padding: 0px 0px !important;
}


.bottom_table td {
    border-left: none;
    border-bottom: 1px solid white;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.bottom_table_2 td {
    border-left: none;
    border-top: 1px solid white;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.bottom_table td:first-child {
    border-left: 1px solid black;
}

.bottom_table_2 td:first-child {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}



#container_2d_pdf {
    display: flex;
    flex-direction: column;
    border: 1px solid #333;
    overflow-x: auto;
    overflow-y: auto;
    transition: transform 0.3s;
    transform-origin: top left;
    /* background-color: white; */
    background-repeat: no-repeat;
    background-size: auto;
    /* background-attachment: fixed; */
    background-position: center;
    position: absolute !important;
    /* z-index: 3000 !important; */
    aspect-ratio: 22/17 !important;
    background-size: cover;
}


.section__controller {
    height: 100% !important;
    width: 120px;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 10px;
    box-shadow: 5px 10px 18px #888888;
    border-radius: 25px;
}

.section__controller {
    /* width: 200px !important; */
}

.button_heading {
    padding: 6px 20px !important;
}

.section__controller img {
    width: 100px;
}

.load_1_text::after,
.load_2_text::after {
    content: '@';
    right: 0px;
    padding-left: 45px;
}

@media screen and (min-width: 10px) {
    .section__controller {
        width: 30%;
        margin: 5px 5px;
        padding: 5px 5px;
    }

    .section__controller img {
        width: auto;
    }

    #FeaturesTab>.nav-item {
        border-radius: 10px;
        padding: 2px 2px;
        margin: 2px 2px;
    }

    #FeaturesTab>.nav-item .nav-link {
        padding: 2px 2px;
        margin: 2px 2px;
    }
}

@media screen and (min-width: 300px) {
    .section__controller {
        /* width: 30%; */
        width: 100px;
        margin: 5px 5px;
        padding: 5px 5px;
    }

    .section__controller img {
        width: auto;
    }

    #FeaturesTab>.nav-item {
        border-radius: 10px;
        padding: 2px 2px;
        margin: 2px 2px;
    }

    #FeaturesTab>.nav-item .nav-link {
        padding: 2px 2px;
        margin: 2px 2px;
    }
}




@media screen and (min-width: 520px) {
    .section__controller {
        width: 160px;
        margin: 5px 5px;
        padding: 5px 5px;
    }

    .section__controller img {
        width: auto;
    }

    #FeaturesTab>.nav-item {
        border-radius: 20px;
        padding: 5px 5px;
        margin: 5px 5px;
    }

    #FeaturesTab>.nav-item .nav-link {
        padding: 5px 5px;
        margin: 5px 5px;
    }
}

@media screen and (min-width: 768px) {
    .section__controller {
        width: 140px;
        min-height: 80px;
        margin: 5px 5px;
        padding: 5px 5px;
    }

    .section__controller img {
        width: auto;
    }

    #FeaturesTab>.nav-item {
        border-radius: 25px;
        padding: 6px 6px;
        margin: 6px 6px;
    }

    #FeaturesTab>.nav-item .nav-link {
        padding: 8px 8px;
        margin: 8px 8px;
    }
}

@media screen and (min-width: 1080px) {
    .section__controller {
        width: 180px;
    }

    .section__controller img {
        width: auto;
    }

    #FeaturesTab>.nav-item {
        border-radius: 35px;
        padding: 10px 10px;
        margin: 10px 10px;
    }

    #FeaturesTab>.nav-item .nav-link {
        padding: 10px 10px;
        margin: 10px 10px;
    }
}

@media screen and (min-width: 1280px) {
    .section__controller {
        width: 200px;
    }

    .section__controller img {
        width: auto;
    }
}

@media screen and (min-width: 1440px) {
    .section__controller {
        width: 200px;
    }

    .section__controller img {
        width: auto;
    }
}





.section__controller {
    background-color: #ffffff;
}

canvas {
    display: block;
}

#container_2d_osft>canvas {
    width: 100% !important;
    height: 100% !important;
}

#rate_container span {
    font-size: 8px;
}

#rate_container img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#rate_container>div {
    background-color: #d3d3d3;
    margin: 2px;
    border-radius: 15px;
    padding: 8px 6px;
}

.rate_element {
    display: flex;
    flex-direction: row;
    /* width: 250px; */
    margin: 2px;
}

.rate_element>div:nth-child(1) {
    margin: auto auto;
    width: 30px;

}


.div__form,
button,
input,
select {
    font-size: 8px !important;
}

.img_container {
    width: 12px;
}

.img_as {
    width: 10px;
    height: 10px;
}

.inp {
    flex: 0 0 46%;
    min-height: 30px;
    margin: 2% 2%;
    padding: 0px 0px;
    border-radius: 5px 5px 5px 5px;
}

.input_number {
    width: 100%;
    margin: 0px 0px;
}

.inp.sd.div__input__show__dim.longer_form {
    padding: 4px 6px;
    flex: 0 0 92%;
}

.slider__range {
    width: 100%;
    /* flex: 0 0 auto; */
}

.div__canvas {
    padding: 5px 5px;
}

.input_select {
    padding: 2px 2px;
}

#container_3d_obj {
    /* max-height: 1080px; */
    height: 520px !important;
    margin-bottom: 30px;
}

#container_2d_obj {
    /* max-height: 1080px; */
    height: 520px !important;
    margin-bottom: 30px;
}

.zoomButtons>div:first-child {
    width: 150px;
}

.download_btn>img {
    width: 50px;
    height: 50px;
}

/* #bgimg {
    height: 920px !important;
} */
#container_2d_pdf {
    height: 840px;
}

.mobile_min_height.CadViewer3D {
    min-height: 720px;
}

.mobile_min_height.SpringLoadAnimationOSFT {
    min-height: 620px;
}

.mobile_min_height.SpringSpecsheetBlueprint {
    min-height: 980px;
}

@media screen and (min-width: 300px) {
    .zoomButtons>div:first-child {
        width: 50px;
    }

    .download_btn>img {
        width: 30px;
        height: 30px;
    }
}



@media screen and (max-width: 600px) {
    #container_3d_obj {
        /* max-height: 600px; */
        height: 520px !important;
        margin-bottom: 30px;
    }

    #bgimg {
        height: 420px !important;
    }
}

@media screen and (max-width: 400px) {
    #et_pc_inp , #st_pc_inp , #mt_pc_inp{
        width: 40%;
    }
}
@media screen and (max-width: 768px) {
    #et_pc_inp, #st_pc_inp, #mt_pc_inp{
        width: 80%;
    }
}
@media screen and (min-width: 769px) {
    #et_pc_inp , #st_pc_inp, #mt_pc_inp{
        width: 80%;
    }
}
@media screen and (max-width: 920px) {
    #container_3d_obj {
        /* max-height: 800px; */
        height: 620px !important;
        margin-bottom: 30px;
    }

    #bgimg {
        height: 420px !important;
    }
}

@media screen and (min-width: 300px) {
    .inp {
        flex: 0 0 44%;
        margin: 2% 2%;
        padding: 4px 4px;
    }

    .img_container,
    .img_as {
        width: 30px;
        height: 30px;
    }
}

.slider__range__parent {
    flex: 1 1 auto;
}

.input__number__parent {
    flex: 1 1 130px;
}

#InputFormTab .nav-link {
    background-color: #dbdbdb;
}

#InputFormTab .nav-link.active {
    background-color: #6eb532;
}

#sign_up_modal .nav-link {
    background-color: #dbdbdb;
    color: black !important;
}

#sign_up_modal .nav-link.active {
    background-color: #6eb532;
}

#sign_up_modal .modal-content {
    border-radius: 20px;
}

#sign_in-tab,
#sign_up-tab {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.checkout_card {
    box-shadow: 0 0 10px 1px #8d8d8d;
}

#subs_chooser {
    background-color: white;
    color: #000000;
}

.custom_dropdown {
    box-shadow: 0 0 10px 1px #8d8d8d;
    border-radius: 15px;
}

/* #plan_upgrade{
    border-radius: 15px !important;
    background-color: #69BE28;
    border: #69BE28 0px solid;
} */

.click_effect:active {
    /* color: white !important; */
    transform: translateY(2px);
}

.upgrade_btn,
.buy_btn {
    white-space: nowrap;
    background-color: #69BE28;
    font-size: 18px !important;
    border: 0px !important;
    border-radius: 25px !important;
}

div:where(.swal2-container) button:where(.swal2-close) {
    width: 25px !important;
    height: 25px !important;
    font-size: 22px !important;
}

.tab-pane.holders>.custom_container {
    z-index: 100 !important;
}

.tab-pane.holders.active>.custom_container {
    z-index: 1000 !important;
}


.mat_info {
    margin-left: 20px;
    padding: 0px 5px;
    border: 1px solid black;
    border-radius: 9px;
    width: 15px;
    height: 15px;
}

.highlight-row td {
    background-color: #f0f9ff;
}

.highlight-col {
    background-color: #ffeeba !important;
}

.highlight-row>td.highlight-col {
    background-color: #ffbf00 !important;
}

.mat_info {
    cursor: pointer;
}

.pointer_cursor {
    cursor: pointer;
    text-decoration: underline;
}

.pointer_not_allowed {
    cursor: not-allowed;
}





/* 
    #container_2d_pdf {
        background-color: white;
        display: block !important;
        position: fixed;
        width: 100% !important;
        overflow-x: unset;
        overflow-y: unset;
    }
    #pdf_body{
        background-color: white;
    } 
    */
.pdf_table_container {
    height: 150px;
    margin-top: auto;
    display: flex;
    flex-direction: row;
}

.pdf_logo {
    max-width: 380px !important;
    width: 380px !important;
    /* margin: auto auto; */
    /* margin-left: 50px; */
    /* width: 200px !important; */
    margin-top: auto;
    margin-bottom: auto;
    box-sizing: border-box;
    flex-basis: 380px !important;
    /* background-color: grey; */
    display: flex;
}

.pdf_logo div {
    margin-left: auto;
    margin-right: auto;
}


.pdf_contact_info_01 {
    width: 100% !important;
    margin-left: 80px;
    margin-right: 20px;
    color: white;

}

.pdf_contact_info_01 h2 {
    text-align: end;
    font-size: 18px;
    color: black;
}

.pdf_logo_01 {
    margin-top: auto;
}

.pdf_logo_01>div {
    margin-left: auto;
    margin-right: auto;
}

.pdf_logo #imagePreview {
    max-height: 120px;
    max-width: 380px;
}

.pdf_logo_01 #imagePreview {
    max-height: 120px;
    /* width: 240px; */
}

.pdf_contact_info_02 {
    margin-left: 160px;
    margin-right: 0px;
    color: white;
    padding-top: 10px;
}

.pdf_contact_info_02 h2 {
    font-size: 22px;
    text-align: end;

}



.pdf_logo_02 {
    margin-top: auto;
}

.pdf_logo_02>div {
    margin-left: auto;
    margin-right: auto;
}

.pdf_logo_02 #imagePreview {
    max-height: 120px;
    /* width: 240px; */
}

.pdf_contact_info_03 {
    width: 100% !important;
    color: white;
    padding-top: 10px;
}

.pdf_contact_info_03 h2 {
    font-size: 22px;
    text-align: end;
    margin-left: 50px;
}



.pdf_logo_03 {
    margin-top: 15px;
    display: block;
}

.pdf_logo_03 #imagePreview {
    max-width: 200px !important;
    /* max-height: 100px; */
    /* width: 220px; */
}

.pdf_logo_03>div {
    margin-left: 0px;
    /* margin-right: 30px; */
    margin-right: 0px;
    /* width: 220px; */
    /* height: 104px; */
    display: flex;
    justify-content: start;
    align-items: start;
}

.pdf_contact_info_04 {
    width: 100% !important;
    /* color: white; */
    /* padding-top: 10px; */
}

.pdf_contact_info_04 h2 {
    font-size: 22px;
    text-align: end;
    margin-left: 50px;
}

.pdf_logo_04 {
    margin-top: 10px;
}

.pdf_logo_04>div {
    margin-left: 0px;
    margin-right: 30px;
    margin-right: 0px;
    width: 340px;
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.pdf_contact_info_04 {
    color: white;
    padding-top: 45px;
}

.pdf_contact_info_05 {
    color: black;
    width: 100% !important;
    margin-right: 30px !important;
    padding-top: 20px;
    /* padding-top: 45px; */
}

.pdf_contact_info_05 h2 {
    font-size: 16px;
    text-align: start;
    margin-left: 50px;
}

.pdf_logo_05 {
    flex-basis: 1800px !important;
    margin-top: 0px;
    max-width: 1800px !important;
    width: 1800px !important;

}

.pdf_logo_05>div {
    /* background-color: red; */
    margin-left: 330px;
    margin-right: 0px;
    width: 260px;
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdf_logo_05 #imagePreview {
    max-height: 80px;
    max-width: 220px;
    margin: auto auto;
}

.pdf_logo_06 {
    margin-top: 10px;
    /* margin: auto auto; */
    /* margin-left: 60px; */
    margin-bottom: 40px;
    /* width: 200px !important; */
}

.pdf_logo_06>div {
    /* background-color: red; */
    margin-right: 0px;
    /* width: 260px; */
    /* height: 104px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdf_contact_info_06 {
    color: white;
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 80px !important;
    padding-top: 20px;
    text-align: end;
    /* padding-top: 45px; */
}

.pdf_contact_info_06 h2 {
    font-size: 24px;
}

.pdf_contact_info_07 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 70px !important;
    padding-top: 30px;
    color: white;
}

.pdf_contact_info_07 h2 {
    text-align: end;
    font-size: 26px !important;
}

.pdf_logo_07>div {
    /* background-color: red; */
    /* margin-left: 80px; */
    /* margin-right: 0px; */
    /* width: 200px; */
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdf_logo_07 img {
    max-width: 300px !important;
}

#container_pdf_2d_3,
#container_pdf_2d_2,
#container_pdf_2d_1 {
    /* border: 1px solid black; */
    margin: auto auto;
}


#container_pdf_2d_3.compression {
    transform: translateY(-62px);
}

#container_pdf_2d_2.compression {
    transform: scale(1.7) translateX(20px) translateY(42px);
}

#container_pdf_2d_1.compression {
    transform: scale(1.7) translateY(-42px) translateX(-22px);
}

#container_pdf_2d_3.extension {
    transform: translateY(-42px);
}

#container_pdf_2d_2.extension {
    transform: scale(1.8) translateX(20px) translateY(42px);
}

#container_pdf_2d_1.extension {
    transform: scale(1.8) translateY(-42px) translateX(-42px);
}

#container_pdf_2d_3.torsion {
    transform: translateY(-42px);
}

#container_pdf_2d_2.torsion {
    transform: scale(1.5) translateX(20px) translateY(0px);
}

#container_pdf_2d_1.torsion {
    transform: scale(1.5) translateX(0px) translateY(20px);
}

.profile_update_btn:disabled {
    background-color: grey !important;
    border: grey 0px solid !important;
}


.zoomButtons>div:nth-child(3) {
    width: 250px;
    display: flex;
    flex-direction: row;
}

.zoomButtons>div:nth-child(3) img {
    width: 32px;
    height: 32px;
}

@media screen and (max-width: 400px) {
    .zoomButtons>div:nth-child(3) {
        width: 200px;
        display: flex;
        flex-direction: column;
    }

    .zoomButtons>div:nth-child(3) img {
        width: 25px;
        height: 25px;
    }
}

.full-container {
    overflow-x: scroll;
    font-size: 16px;
}

@media screen and (max-width: 400px) {
    .full-container {
        overflow-x: scroll;
        font-size: 12px;
    }
}

.full-container tr th,
.full-container tr td {
    max-width: 85px;
    min-width: 85px;
    text-wrap: nowrap;
    padding: 0px 2px;
}

.full-container tr th:first-child,
.full-container tr td:first-child {
    max-width: 120px;
    min-width: 120px;
    white-space: unset;
}


#imagePreview {
    height: 100%;
    max-width: 250px;
    margin: 10px;
}

@media screen and (max-width: 400px) {
    #imagePreview {
        height: 100%;
        max-width: 150px;
    }
}

.footer_outer_2  h3{
    margin-top: 15px;
}