@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    color: #465461;
    font-size: 1rem;
}
a{
    cursor: pointer;
}

*,
::after,
::before {
    box-sizing: border-box;
}

.hide {
    display: none;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.load {
    width: 100px;
    height: 100px;
    margin: 110px auto 0;
    border: solid 10px #33C481;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    transition: all 0.5s ease-in;
    animation-name: rotate;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

::-webkit-scrollbar {
    width: 0.3125rem;
    height: 0.3125rem;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F5FDFF;

}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 0.625rem;
    background: #3b5559;
    border: solid 0.0625rem #3b5559;
}

.dashboard_sidebar::-webkit-scrollbar {
    width: 0.3125rem;
    height: 0.3125rem;
}

/* Track */
.dashboard_sidebar::-webkit-scrollbar-track {
    background: #F5FDFF;

}

/* Handle */
.dashboard_sidebar::-webkit-scrollbar-thumb {
    border-radius: 0.625rem;
    background: #3b5559;
    border: solid 0.0625rem #3b5559;
}

.dropdown-info::-webkit-scrollbar-track {
    background: #fff;
}

.dropdown-info::-webkit-scrollbar-thumb {
    background: #C4DCE0;
    border: solid 0.0625rem #C4DCE0;
}

.container {
    padding: 0 0.9375rem;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 36rem) {
    .container {
        max-width: 33.75rem;
    }
}

@media (min-width: 48rem) {
    .container {
        max-width: 45rem;
    }
}

@media (min-width: 62rem) {
    .container {
        max-width: 60rem;
    }
}

@media (min-width: 75rem) {
    .container {
        max-width: 71.25rem;
    }
}

@media (min-width: 87.5rem) {
    .container {
        max-width: 78.125rem;
    }
}

@media (min-width: 100rem) {
    .container {
        max-width: 81.25rem;
    }
}

@media (min-width: 112.5rem) {
    .container {
        max-width: 87.5rem;
    }
}

@media (min-width: 125rem) {
    .container {
        max-width: 100rem;
    }
}

@media (min-width: 137.5rem) {
    .container {
        max-width: 106.25rem;
    }
}

@media (min-width: 150rem) {
    .container {
        max-width: 112.5rem;
    }
}

img {
    max-width: 100%;
}

.header_left {
    text-align: left;
    margin-right: auto;
}

.app-header.navbar {
    margin-left: 0;
    padding: 0.9375rem 1.875rem;
    background: #ebf3f5;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_left h3 {
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 0;
}

.header_left h3 span {
    font-weight: 300;
}

.right-menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.right-menu ul li {
    padding: 0 0.625rem;
}

a.wbg_cls {
    height: 2.5rem;
    width: 2.5rem;
    background: #F5FDFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
}

.login_bg {
    background: #739CA2;
    min-height: 100vh;
}

.login-img {
    padding: 3.75rem 2.5rem;
    text-align: center;
}

.logo_wrap {
    padding: 2.5rem 1.5625rem 0rem;
}

.login-cont {
    padding: 1.875rem 6.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-cont h3 {
    font-size: 2.375rem;
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.form-cont p {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
}

.form-cont {
    margin-bottom: 3.75rem;
}

.form_control {
    min-height: 3.75rem;
    border-radius: 3.125rem;
    background: #ebf3f5;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0 2.5rem;
    width: 100%;
    color: #070A0E;
    font-family: 'Inter';
}

.form_group {
    margin-bottom: 1.25rem;
    position: relative;
}

.show_pass {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
}

.input_gruop {
    display: flex;
    align-items: center;
    padding: 0 0.625rem;
}

.forgot_cls {
    margin-left: auto;
}

.forgot_cls a {
    font-family: Inter;
    font-size: 0.75rem;
    font-weight: 300;
    color: #739CA2;
    text-decoration: none;
    border-bottom: 0.0625rem solid #739CA2;
}

.forgot_cls a:hover {
    color: #739CA2;
    border-bottom: 0.0625rem solid #739CA2;
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0.0625rem solid transparent;
    padding: .375rem 2rem;
    font-size: 1rem;
    border-radius: 0.625rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn_primary {
    padding: 0.96875rem 1.875rem;
    border-radius: 0.625rem;
    background: #739CA2;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    transition: all 0.5s;
    text-transform: uppercase;
}

.btn_primary:hover {
    background: #3b5559;
    color: #fff;
    transition: all 0.5s;
}

.btn_block {
    width: 100%;
}

.btn_round {
    border-radius: 3.125rem;
}

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #739CA2;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0.125rem;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 0.25rem;
    border: solid 0.1875rem #739CA2;
}

.custom-checkbox input:checked~.checkmark {
    background-color: #FE893A;
    border-color: #FE893A;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked~.checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 0.375rem;
    top: 0.125rem;
    width: 0.25rem;
    height: 0.5rem;
    border: solid white;
    border-width: 0 0.125rem 0.125rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Sidebar css start */
.dashboard_sec {
    display: flex;
}

.header-logo {
    margin: 0 0 1.5625rem;
    text-align: center;
    height: 4.125rem;
}

.dashboard_sidebar {
    background: #C4DCE0;
    height: 100vh;
    margin-top: 0;
    text-align: center;
    padding-top: 0rem;
    overflow-x: hidden;
    position: fixed;
    z-index: 1;
    width: 6.25rem;
    overflow-y: auto;
    transition: all .5s;
    flex: 0 0 6.25rem;
}

.open_sidebar .dashboard_sidebar {
    width: 15.625rem;
    flex: 0 0 15.625rem;
    transition: all .5s;
}

.sidebar-menu ul li.sidebar-menu-divider {
    display: inline-flex;
    height: 0.0625rem;
    width: 100%;
    background: #F5FDFF;
    margin: 0;
}

.dashboard_in {
    padding: 1.5625rem 0.625rem;
}

.dashboard_main {
    padding: 0.625rem 1.875rem 1.5625rem;
}

.sidebar-menu {
    padding: 0 1.625rem;
}

.sidebar-menu a {
    display: flex;
    align-items: center;
    color: #070A0E;
    font-weight: 500;
    padding: 0.6875rem 0;
    white-space: nowrap;
}

.sidebar-menu a:hover {
    color: #070A0E;
}

.header-logo img {
    max-height: 4.125rem;
}

.sidebar_ic {
    flex: 0 0 1.875rem;
    margin-right: 2.0625rem;
    display: flex;
    line-height: 1;
    transition: all .5s;
}

.sidebar-menu ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.sidebar-menu ul li {
    margin: 1.1875rem 0;
}

.sidebar-menu ul a {
    position: relative;
}

.sidebar-menu ul a::before,
.sidebar-menu ul a::before {
    content: "";
    background: #F5FDFF;
    height: 3.125rem;
    border-radius: 0.625rem 0 0 0.625rem;
    position: absolute;
    right: -2.375rem;
    top: -0.125rem;
    display: inline-block;
    width: 0;
    z-index: -1;
    transition: all .5s;
}

.sidebar-menu ul a:hover::before,
.sidebar-menu ul a.active::before {
    width: calc(100% + 3.625rem);
}

.sidebar-menu ul a.active::after {
    content: "";
    width: 0.3125rem;
    border-radius: 0 0.25rem 0.25rem 0;
    height: 100%;
    left: -2.25rem;
    position: absolute;
    top: 0;
    display: inline-block;
    background: #FE893A;
}

.sidebar-menu ul a span {
    line-height: 1;
}

main.main-cls {
    width: 100%;
    padding-left: 8.75rem;
    margin-top: 4.6875rem;
    padding-right: 2.5rem;
}

.right-menu ul li:last-child {
    padding-right: 0;
}

.link-col {
    flex: 0 0 14.25%;
    max-width: 14.25%;
    padding: 0 0.9375rem;
}

.link-col .card {
    background: #F5FDFF;
    border-radius: 1.25rem;
    border: 0;
}

.link-col a {
    font-size: 1.125rem;
    font-weight: 300;
    text-decoration: auto;
    color: #070A0E;
    text-align: center;
}

.link-icon {
    margin-bottom: 0.625rem;
}

.link-cont h4 {
    font-size: 1.125rem;
    margin-bottom: 0;
    font-weight: 300;
}

.link-cont h4 span {
    margin-top: 0.3125rem;
}

.link-col a.active .card {
    background: #C4DCE0;
}

.link-col .active .link-cont h4 {
    font-weight: bold;
}

.card-title-sec {
    display: flex;
    margin: 2.1875rem 0 1.25rem;
    align-items: center;
    border-bottom: 0.0625rem solid #FFFFFF;
    padding-bottom: 1.5625rem;
    justify-content: space-between;
}

.card-right {
    display: flex;
    margin: 0 -0.625rem;
}

.search-cls .form-control {
    min-height: 3.4375rem;
    background: #F5FDFF !important;
    border-radius: 0.625rem;
    padding-left: 3.125rem;
    width: 18.75rem;
}

.search-cls {
    margin-bottom: 0;
    padding: 0 0.625rem;
    position: relative;
}

.select-cls {
    padding: 0 0.625rem;
}

.filter-cls {
    padding: 0 0.625rem;
}

.import-cls {
    padding: 0 0.625rem;
}

.new-user-cls {
    padding-left: 0.625rem;
}

.search-cls .searc-icon {
    position: absolute;
    top: calc(50% - 0.8125rem);
    left: 1.5625rem;
}

.select-cls .form-select {
    width: auto;
    border: 0;
    background-color: #f5fdff;
    height: 3.4375rem;
    border-radius: 0.625rem;
}

.btn_default {
    background: #f5fdff;
    min-height: 3.125rem;
    padding: 0 1.25rem;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left h4 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
    color: #070A0E;
}

.card-left h4 span {
    font-size: 1.125rem;
    font-weight: 300;
    margin-left: 0.3125rem;
    color: #465461;
    line-height: 1;
}

td,
th {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: separate;
    border-spacing: 0 0.75rem;
    width: 100%;
}

.table td {
    background-color: #F5FDFF;
    padding: 0.625rem 0.625rem;
}

td:last-child {
    border-radius: 0 1.25rem 1.25rem 0;
}

td:first-child {
    border-radius: 1.25rem 0 0 1.25rem;
}

tr {
    position: relative;
}

.table_processing {
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
}







/*neww css*/
.container-fluid {
    padding: 0 1.875rem;
}

.login_sec_head_in {
    display: flex;
    padding: 0.9375rem 0;
    justify-content: space-between;
}

.login_sec {
    position: relative;
}

.login_sec::before {
    background: #F5FDFF;
    width: calc(62.5rem + 35%);
    height: 100%;
    content: "";
    display: inline-block;
    position: absolute;
    z-index: -1;
    min-height: 100vh;
    left: -62.5rem;
    transform: skew(30deg);
    box-shadow: inset -1.25rem 0rem 5rem rgba(0, 0, 0, 0.05);
}


.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.9375rem;
}

.col_1 {
    flex: 0 0 8.33333333%;
    width: 8.33333333%;
    max-width: 8.33333333%;
}

.col_2 {
    flex: 0 0 16.66666667%;
    width: 16.66666667%;
    max-width: 16.66666667%;
}

.col_3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
}

.col_4 {
    flex: 0 0 33.33333333%;
    width: 33.33333333%;
    max-width: 33.33333333%;
}

.col_5 {
    flex: 0 0 41.66666667%;
    width: 41.66666667%;
    max-width: 41.66666667%;
}

.col_6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}

.col_7 {
    flex: 0 0 58.33333333%;
    width: 58.33333333%;
    max-width: 58.33333333%;
}

.col_8 {
    flex: 0 0 66.66666667%;
    width: 66.66666667%;
    max-width: 66.66666667%;
}

.col_9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
}

.col_10 {
    flex: 0 0 83.33333333%;
    width: 83.33333333%;
    max-width: 83.33333333%;
}

.col_11 {
    flex: 0 0 91.66666667%;
    width: 91.66666667%;
    max-width: 91.66666667%;
}

.col_12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

[class*="col_"] {
    position: relative;
    width: 100%;
    min-height: 0.0625rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

.login_ic img {
    max-width: 9.375rem;
}

.login_logo img {
    max-width: 6.25rem;
}

.login_info {
    display: flex;
}

.form_group {
    margin-bottom: 2.5rem;
}

.login_info_con {
    padding-left: 8.125rem;
}

.heading_1 {
    font-size: 2.375rem;
    font-weight: 700;
    color: #465461;
}

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

.subheading_1 {
    font-size: 1.5rem;
    font-weight: 400;
}

.login_info_con form {
    margin-top: 1.875rem;
}

.mt_5 {
    margin-top: 3.125rem;
}

.mt_4 {
    margin-top: 2.5rem;
}

.mt_3 {
    margin-top: 1.875rem;
}

.mt_2 {
    margin-top: 1.25rem;
}

.mt_1 {
    margin-top: 0.625rem;
}

.mt_0 {
    margin-top: 0rem;
}

.mb_5 {
    margin-bottom: 3.125rem;
}

.mb_4 {
    margin-bottom: 2.5rem;
}

.mb_3 {
    margin-bottom: 1.875rem;
}

.mb_2 {
    margin-bottom: 1.25rem;
}

.mb_1 {
    margin-bottom: 0.625rem;
}

.mb_0 {
    margin-bottom: 0rem;
}

.login_info_con_para {
    text-align: center;
    color: #739CA2;
    font-size: 1.125rem;
}

a {
    color: #739CA2;
    text-decoration: none;
}

a:hover {
    color: #3b5559;
    text-decoration: none;
}

.login_info_con_para a {
    border-bottom: 0.0625rem solid #739CA2;
}

.login_info_con_para a:hover {
    border-bottom: 0.0625rem solid #3b5559;
}


.main_sec {
    overflow: hidden;
    background: #EBF3F5;
    min-height: 100vh;
}

.menu_logo {
    display: none;
}

.open_sidebar .dashboard_sidebar .menu_logo {
    display: inline-flex;
    width: 10.625rem;
    max-width: 10.625rem;
}

.open_sidebar .dashboard_sidebar .menu_logo_ic {
    display: none;
}

.open_sidebar .dashboard_sidebar .sidebar_ic {
    margin-right: 0.9375rem;
    transition: all .5s;
}

.main_content {
    padding-left: 6.25rem;
}

.breadcrum_sec ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1.375rem;
    font-weight: 400;
    margin-bottom: 0;
}

.breadcrum_sec li a {
    color: #070A0E;
    font-weight: 400;
}

.breadcrum_sec li:last-child,.breadcrum_sec li:last-child a  {
    color: #070A0E;
    font-weight: 600;
}

.breadcrum_sec li::after {
    /* content: ">"; */
    margin: 0 0.375rem;
    font-weight: 400;
    color: #070A0E;
}

.breadcrum_sec li:last-child::after {
    display: none;
}



.dashbaord_tabing .tab button {
    background-color: #F5FDFF;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.875rem 0.5rem;
    border-radius: 1.25rem;
    width: 10.625rem;
    overflow: hidden;
}

.dashbaord_tabing .tab button:hover {
    background-color: #C4DCE0;
}

/* Create an active/current tablink class */
.dashbaord_tabing .tab button.active {
    background-color: #C4DCE0;
}

/* Style the tab content */
.dashbaord_tabing .tabcontent {
    display: none;
}

.link-cont span {
    display: block;
}

.dashbaord_tabing .tab button.active .link-cont h4 {
    font-weight: 600;
}

.tab {
    margin: 0 -0.5rem;
    display: flex;
    flex-wrap: wrap;
}

.tab_itm {
    padding: 0 0.5rem;
}



.form_group {
    position: relative;
}

.card-right .form_group {
    margin: 0;
}

.card-right .form_group {
    margin: 0;
}

.searc-icon {
    position: absolute;
    top: 1.03125rem;
    left: 1.875rem;
}

.dashboard_main .form_control {
    border-radius: 0.625rem;
    min-height: 3.125rem;
}

.dashboard_main .search_cls .form_control {
    padding-left: 2.8125rem;
    font-size: 0.875rem;
    padding-right: 1.25rem;
}

.card-right .form_group {
    margin: 0;
    padding: 0 0.625rem;
}

.dashboard_main .form_group select.form_control {
    padding: 0 0.75rem;
    font-size: 1.125rem;
    min-width: 5.9375rem;
    background: #F5FDFF url(../img/down.png) no-repeat calc(100% - 0.625rem);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.dashboard_main .form_group select.form_control:hover,
.dashboard_main .form_group select.form_control:focus {
    background: #F5FDFF url(../img/down.png) no-repeat calc(100% - 0.625rem);
}

.dashboard_main .btn_primary {
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0.65625rem 1.875rem;
}

.dashboard_main .btn_primary img {
    margin-right: 0.5rem;
}

.w-200 {
    width: 12.625rem;
}

.table th {
    font-weight: 300;
    line-height: 1;
    text-align: left;
    padding: 0 0.625rem;
    padding-left: 2rem;
    position: relative;
    white-space: nowrap;
    font-size: 0.75rem;
}

.table th span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.125rem;
    position: absolute;
    left: 0.625rem;
}

.table_meta {
    background: #739CA2;
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    border-radius: 3.125rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.5rem;
}

.status_defalut {
    text-align: center;
    background: #FE893A33;
    padding: 0.5rem 0.75rem;
    border-radius: 2.5rem;
    color: #FE893A;
    font-weight: 400;
}

.status_active {
    text-align: center;
    background: rgba(51, 196, 129, 0.2);
    padding: 0.5rem 0.75rem;
    border-radius: 2.5rem;
    color: #33C481;
    font-weight: 400;
}

.action_table ul {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    justify-content: flex-end;
    align-items: center;
}

.action_table ul li {
    margin-left: 0.3125rem;
    flex: 0 0 1.5rem;
    max-width: 1.5rem;
}

.action_table ul li.dropdown {
    height: 1.5rem;
}


.dropbtn,
.dropbtn:hover,
.dropbtn:focus {
    background: none;
    color: white;
    padding: 0;
    border: none;
    cursor: pointer;
    outline: 0;
}

.action_table .dropbtn {
    width: 1.5rem;
    height: 1.5rem;
    background-size: cover !important;
    background-position: center !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 11.25rem;
    right: 0;
    text-align: left;
    z-index: 1;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0rem 2.5rem 4.375rem rgba(0, 0, 0, 0.05);
    border-radius: 1.25rem;
    padding: 0;
    margin-top: 0.3125rem;
}

.dropdown-filter.dropdown-content {
    padding: 1.25rem;
}

.dropdown-content a {
    color: #465461;
    padding: 0.625rem 1.25rem;
    text-decoration: none;
    display: block;
    font-size: 1rem;
    font-weight: 300;
}

.dropdown a:hover {
    background-color: #E5E5E5;
    color: #070A0E;
    font-weight: 400;
    border-radius: 0.625rem;
}

.dropdown a.active {
    background-color: #E5E5E5;
    color: #070A0E;
    font-weight: 400;
    border-radius: 0.625rem;
}

.show {
    display: block;
}

.dropbtn.wbg_cls {
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    /* border-radius: 50%; */
    background-size: cover !important;
    background-position: center !important;
}


.card-right .btn {
    min-width: 4.0625rem;
}


.table_name {
    display: flex;
    align-items: center;
}

.table_name .table_meta {
    margin-right: 0.9375rem;
}

.table td.table_sr_no {
    padding-left: 1.875rem;
}

.table th.table_sr_no {
    padding-left: 3.15rem;
}

.table th.table_sr_no span {
    left: 1.875rem;
}

.ml-auto {
    margin-left: auto;
}

.btn_secondary {
    background: #FE893A;
}

.btn_secondary:hover {
    background: #ef7f33;
    color: white;
}

.table .btn {
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.53125rem 0.5rem;
    border-radius: 0.625rem;
    white-space: nowrap;
}

.table .widthbtn {
    padding: 0.375rem 2.776rem;
}

.table .widthbtn2 {
    width: 9.375rem;
}

.switch_btn .switch {
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 0.9375rem;
    overflow: hidden;
}

.switch_btn .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
}

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

.switch_btn .slider:before {
    position: absolute;
    content: "";
    height: 0.71875rem;
    width: 0.71875rem;
    left: 0.125rem;
    bottom: 0.09375rem;
    background-color: #f5fdff;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch_btn input:checked+.slider {
    background-color: #739CA2;
}

.switch_btn input:focus+.slider {
    box-shadow: 0 0 0.0625rem #739CA2;
}

.switch_btn input:checked+.slider:before {
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
}

/* Rounded sliders */
.switch_btn .slider.round {
    border-radius: 2.125rem;
}

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

.action_table ul li.switch_btn {
    width: 1.5rem;
    height: 0.9375rem;
    flex: 0 0 1.5rem;
    max-width: 1.5rem;
}

.module_meta_td ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.module_meta_td ul li {
    width: 2.5rem;
    height: 2.5rem;
    background: #FE893A;
    margin-right: 0.5rem;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.module_meta_td ul li span {
    line-height: 1;
    display: flex;
}

.module_meta_td ul li span img {
    filter: brightness(0) invert(1);
}

.module_meta_st {
    font-weight: 300;
    font-style: italic;
    left: 0;
    position: absolute;
    top: 1.25rem;
}

.table th.module_meta_th {
    font-weight: 300;
    line-height: 1;
    text-align: left;
    padding: 0 0.625rem;
    padding-left: 3.25rem;
    position: relative;
}

.table th.module_meta_th span {
    left: 1.6875rem;
}

.table td.module_meta_td {
    padding-left: 1.6875rem;
    position: relative;
}




.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    z-index: 1;
    background: rgba(115, 156, 162, 0.2);
    backdrop-filter: blur(0.15625rem);
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 2.5rem 2.5rem 0rem 2.5rem;
    width: 45rem;
    border-radius: 0.9375rem;
    max-height: 90vh;
    overflow: auto;
    max-width: 90%;
    box-shadow: 0rem 2.5rem 4.375rem rgba(0, 0, 0, 0.05);
}

.close-button {
    float: right;
    width: auto;
    line-height: 1.0625rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    background: none;
    font-size: 1.875rem;
    position: absolute;
    right: 0.625rem;
    padding: 0;
    margin: 0;
    top: 0.625rem;
    z-index: 1;
}

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.hide-modal {
    opacity: 0;
    visibility:hidden!important;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.heading_type_modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.875rem;
}

.heading_type_modal .modal_heading {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
    color: #070A0E;
}

.upload_modal_sec {
    margin-top: 40px;
}

.upload_modal_sec.progress-sec {
    border: 1px dashed #465461;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 271px;
}

.upload_modal_sec.progress-sec .heading h2 {
    font-size: 38px;
    font-weight: 400;
}

.upload_modal_sec.progress-sec .progress-bar {
    width: 500px;
    background-color: #C4DCE0;
    border-radius: 15px;
    height: 15px;
}

.upload_modal_sec.progress-sec .progress {
    background-color: #FE893A;
    height: 100%;
    border-radius: 15px;
}

.upload_modal_sec .customTabelResponsive {
    border-radius: 10px;
    border-color: #739CA2;
}


/* -------------modal table section----------- */
/* .import_modal.modal.full_modal.table_modal */


/* --------------- */

.file_upload_btn {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.modal_form .form_group label {
    color: #465461;
    opacity: 1;
    font-weight: 300;
    padding-left: 1.25rem;
}

.modal_form .form_control {
    min-height: 2.5rem;
    border-radius: 0.625rem;
    background: #f5f5f5;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0.625rem 1.25rem;
    width: 100%;
    color: #070A0E;
}

.modal_form textarea.form_control {
    min-height: 5rem;
}

.modal_form .form_control::-webkit-input-placeholder {
    color: #465461;
    opacity: 1;
}

.modal_form .form_control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #465461;
    opacity: 1;
}

.modal_form .form_control::placeholder {
    color: #465461;
    opacity: 1;
}

.modal_form select.form_control {
    padding: 0 1.25rem;
    font-size: 1.125rem;
    background: #f5f5f5 url(../img/down.png) no-repeat calc(100% - 0.625rem);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-weight: 400;
    color: #465461;
}

.modal_heading_btn .btn {
    text-transform: uppercase;
    line-height: 1;
    padding: 0.6875rem 1.15625rem;
}

.upload_photo_image img {
    width: 100%;
    height: 100%;
}

.form_table_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.625rem;
}

.form_table_heading h4 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
}

.form_table_heading_right {
    display: flex;
    align-items: center;
}

.form_table_heading_right .switch_span {
    font-size: 1.125rem;
    font-weight: 500;
    color: #C4DCE0;
    margin-right: 0.625rem;
    font-style: italic;
}

.modal_form .switch_btn .switch {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 1.25rem;
    overflow: hidden;
}

.modal_form .switch_btn .slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 0.125rem;
    bottom: 0.125rem;
    background-color: #f5fdff;
    -webkit-transition: .4s;
    transition: .4s;
}

.modal_form .switch_btn input:checked+.slider:before {
    -webkit-transform: translateX(0.75rem);
    -ms-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.form_table_meta_itm {
    margin-top: 1.5625rem;
}

.form_table_meta_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form_table_meta_heading_l {
    display: flex;
    align-items: center;
}

.form_table_meta_heading_l h4 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
}

.form_table_meta_heading_l_ic {
    width: 2.5rem;
    height: 2.5rem;
    background: #FE893A;
    margin-right: 0.75rem;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_table_meta_heading_l_ic img {
    filter: brightness(0) invert(1);
}

.form_table .table {
    background: #F5FDFF;
    border-radius: 0.625rem;
    margin-top: 0.9375rem;
    border-spacing: 0;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.form_table .table thead {
    background: #C4DCE0;
}

.form_table td,
.form_table th {
    padding: 0.9375rem 1.25rem;
}

.modal_form .switch_btn label.switch {
    opacity: 1;
}

.switch_btn {
    display: flex;
}

.form_table th {
    font-size: 0.875rem;
    color: #070A0E;
    font-weight: 500;
}

.form_table td {
    font-size: 0.875rem;
    color: #070A0E;
    font-weight: 300;
}

.modal_form .form_table th label,
.modal_form .form_table td label {
    opacity: 1;
    font-weight: 500;
    padding-left: 1.625rem;
}

.modal_form .form_table td label .checkmark {
    border: solid 0.1875rem #465461;
    left: 0;
    margin-right: 0;
    top: -0.0625rem;
}

.modal_form .form_table th label .checkmark {
    border: solid 0.1875rem #465461;
    left: 0;
    margin-right: 0;
    top: -0.125rem;
}

.modal_form .form_table th label input:checked~.checkmark,
.modal_form .form_table td label input:checked~.checkmark {
    background-color: #465461;
}

.form_table .table th:first-child,
.form_table .table td:first-child {
    padding-left: 3.125rem;
}

.modal_form .form_table label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #070A0E;
}

.modal_form .form_table tbody label {
    font-size: 0.875rem;
    font-weight: 300;
    color: #070A0E;
}

.custom-checkbox-itm {
    padding: 0.3125rem 0;
}

.form_table td {
    font-size: 0.875rem;
    color: #070A0E;
    font-weight: 300;
    padding: 0.9375rem 1.25rem 0;
    vertical-align: text-bottom;
}

.form_table tbody tr:last-child td {
    padding-bottom: 0.9375rem;
}


.table_chbx .custom-checkbox .checkmark {
    margin: 0;
}

.table_chbx .custom-checkbox {
    padding-left: 0;
    width: 1.0625rem;
    height: 1.0625rem;
}

.table_chbx .custom-checkbox .checkmark {
    top: 0rem;
    height: 1.0625rem;
    width: 1.0625rem;
    left: 0;
}

.table.table_supplier td.table_chbx,
.table.table_supplier th.table_chbx {
    padding-left: 1.5rem;
}

.action_table_col {
    display: flex;
    flex-direction: column;
}

.action_table_col li {
    margin: 0.1875rem 0;
}

.table_info_s h4,
.table_address_s h4 {
    font-size: 1rem;
    font-weight: 400;
    color: #070A0E;
    margin: 0;
    line-height: 1.125rem;
    /* font-size: 0.875rem; */
}

.table_info_s p {
    font-size: 0.75rem;
    margin: 0;
    font-weight: 300;
    color: #465461;
    /* font-style: italic; */
    margin-top: 0.1875rem;
    line-height: 1;
}

.table_address_s p {
    font-size: 0.75rem;
    margin: 0;
    font-weight: 300;
    color: #465461;
    font-style: italic;
    margin-top: 0.3125rem;
}

.table {
    color: #070A0E;
}

.table a.table_info_a {
    color: #070A0E;
    border-bottom: 0.0625rem solid #070A0E;
    font-size: 0.875rem;
    font-weight: 600;
}

.table_supplier td {
    vertical-align: top;
    padding: 0.9375rem 0.625rem;
}

.table_supplier .text_right {
    text-align: end;
}

.table_info_s h4 {
    width: 10.56rem;
    white-space: nowrap;
}

.table-info2 h4 {
    width: 7.36rem !important;
}

.table_laign_top td {
    vertical-align: top;
    font-weight: 500;
    font-size: 0.8rem;
}

.table_chbx .custom-checkbox .checkmark:after {
    left: 0.21rem;
    top: 0.0225rem;
}

.action_table_col .switch_btn .slider:before {
    bottom: 0.10625rem;
}

.table_processing_in_bg {
    height: 0.625rem;
    border-radius: 0.625rem;
    background: #EBF3F5;
    width: 21.875rem;
}

.table_processing_in_scroll {
    position: absolute;
    width: 100%;
    background: #739CA2;
    left: 0;
    top: 0;
    height: 100%;
}

.table_processing_in {
    position: relative;
    overflow: hidden;
    border-radius: 0.625rem;
}

.table_processing {
    position: absolute;
    bottom: 0.625rem;
    left: 1.25rem;
    display: flex;
    align-items: center;
}

.table_processing_span {
    font-size: 0.75rem;
    margin-left: 0.8125rem;
    color: #33C481;
}

.table_processing_span span {
    font-weight: 500;
}

.pipeline_staging .table_processing_in_scroll {
    width: 40%;
    border-radius: 0.625rem;
}

.pipeline_staging .table_processing_span {
    color: #FB8B33;
}

.card_form {
    padding: 2.5rem 2.5rem 1.25rem 2.5rem;
    background: #F5FDFF;
    border-radius: 1.25rem;
    position: relative;
    margin-bottom: 1.875rem;
}

.card_form_heading {
    font-size: 1.125rem;
    color: #070A0E;
    margin: 0;
}

.card_form_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.5rem;
}

.card_form_head_btn .btn {
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    padding: 0.9375rem 3.125rem;
    border-radius: 0.625rem;
    min-width: 12.5rem;
}

.dashboard_main .card_form .form_control {
    border-radius: 0.625rem;
    min-height: 2.5rem;
    background: #EBF3F5;
    padding: 0.625rem 1.25rem;
}

.dashboard_main .card_form label {
    padding-left: 1.25rem;
    font-weight: 300;
}

.dashboard_main .card_form select.form_control,
.dashboard_main .card_form select.form_control:hover,
.dashboard_main .card_form select.form_control:focus {
    padding: 0 1.25rem;
    font-size: 1.125rem;
    min-width: 5.9375rem;
    background: #EBF3F5 url(../img/down.png) no-repeat calc(100% - 0.625rem);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.dashboard_main .card_form textarea.form_control {
    min-height: 7.25rem;
}

.card_tabing .tab_itm button {
    background-color: #F5FDFF;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.875rem 1.25rem;
    font-size: 1.0625rem;
    border-radius: 1.25rem;
    min-width: 9.375rem;
    min-height: 5rem;
    position: relative;
}

.card_tabing .tab_itm button:hover {
    background-color: #C4DCE0;
}

/* Create an active/current tablink class */
.card_tabing .tab_itm button.active {
    background-color: #C4DCE0;
}

.card_tabing .tab {
    margin: 0;
    padding-bottom: 0.9375rem;
    background: #EBF3F5;
}

.card_tabing .tab_itm {
    padding: 0;
    margin-right: 0.9375rem;
}

.card_tabing .tab_itm button.active {
    background-color: #F5FDFF;
    border-radius: 1.25rem 1.25rem 0 0;
    font-weight: 600;
}

.card_tabing .tab_itm button.active::before {
    content: "";
    position: absolute;
    bottom: -1.875rem;
    height: 1.875rem;
    width: 100%;
    background: #F5FDFF;
    left: 0;
}

.card_tabing .tab_content {
    border-radius: 1.25rem;
    background: #f5fdff;
    overflow: hidden;
}

.card_tabing .tab_content thead th {
    border-bottom: 0.0625rem solid #C4DCE0;
    padding-bottom: 0.625rem;
}

.add_btn_s .btn_round {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    font-size: 2rem !important;
    line-height: 1.0625rem;
    padding: 0 !important;
    font-family: ui-serif;
}

.btn_a {
    border: 0;
    display: flex;
    padding: 0;
    margin: 0;
    color: #FE893A;
    font-size: 1.125rem;
    cursor: pointer;
    background: none;
}

.btn_a:hover,
.btn_a:focus {
    outline: 0;
    background: none;
}

.prc_tbl {
    white-space: nowrap;
}

.td_a {
    font-size: 0.75rem;
    color: #FE893A;
    font-weight: 500;
}

.action_btns_itms ul,
.action_btns ul,
.cks_btns_itms ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
}

.action_btns_itms ul li,
.cks_btns_itms ul li {
    margin-left: 0.5rem;
}

.cks_btns_itms ul li {
    flex: 0 0 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
}

.action_btns_itms ul li {
    flex: 0 0 1.125rem;
    height: 1.125rem;
    max-width: 1.125rem;
}

.action_btns ul li {
    margin-left: 0.75rem;
    flex: 0 0 1.25rem;
    height: 1.25rem;
    max-width: 1.25rem;
}

.action_btns a {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
    max-width: 1.25rem;
    display: flex;
}

.input_group {
    display: flex;
}

.post_addon {
    font-size: 0.625rem;
    color: #739CA2;
    background: #ebf3f5;
    border-radius: 0 0.625rem 0.625rem 0;
    padding: 0.5625rem;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    display: flex;
}

.input_group .form_control {
    border-radius: 0.625rem 0 0 0.625rem;
}

table.table.table_laign_top {
    padding: 1.25rem 1.875rem;
}

.table td.table_chbx,
.table th.table_chbx {
    padding-left: 0;
}

.table_a {
    padding: 0.9375rem 1.25rem 1.875rem;
}

.table th.without_sort {
    padding-left: 0.625rem;
}

table.table.table_laign_top th:last-child,
table.table.table_laign_top td:last-child {
    padding-right: 0;
}

.table_laign_form .form_control {
    min-height: 2.5rem;
    background: #EBF3F5;
    padding: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
}

.description_tb {
    min-width: 15.625rem;
}


.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 5rem;
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 0;
    padding: 0.625rem;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -3.75rem;
    box-shadow: 0 0 0.625rem #ddd;
    font-size: 0.625rem;
    color: #092C4C;
    font-weight: 300;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.3125rem;
    border-width: 0.3125rem;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.full_modal .modal-content {
    background-color: #F5FDFF;
    width: 80%;
    /* height: 85%; */
    /* max-height: 90%; */
    padding: 2.5rem;
    /* min-height: 65%; */
}

.modal_heading_main p {
    margin: 0.625rem 0 0 0;
}

.modal_heading_btn_itms {
    display: flex;
    align-items: center;
}

.import_modal .modal_heading {
    font-size: 1.375rem;
}

.import_modal .modal_heading_main p {
    font-weight: 300;
}

.modal_heading_btn_itm .btn {
    font-size: 16px;
    white-space: nowrap;
    min-width: 9.375rem;
    border-radius: 0.625rem;
    font-weight: 700;
    min-height: 3.125rem;
    padding: 0.625rem 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal_heading_btn_itm {
    margin-left: 0.9375rem;
}

.modal_heading_btn_itm_image {
    flex: 0 0 1rem;
    max-width: 1rem;
    margin-left: 0.9375rem;
    display: flex;
}

.modal_btn_itm_ic {
    flex: 0 0 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    width: 1.5rem;
}

.modal_heading_btn_itm {
    position: relative;
}

.input_fule_upload_custom {
    width: 100%;
    background: rgba(217, 217, 217, 0.01);
    border: 0.0625rem dashed #465461;
    border-radius: 0.625rem;
    position: relative;
    overflow: hidden;
    min-height: 31.25rem;
}

.custom_file_upload {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 11;
}

.upload_modal_image_bg {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


.upload_modal_image_cn {
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: center;
    width: 37.5rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 1.875rem 0;
    font-size: 2.375rem;
}

.upload_modal_image_info a {
    color: #FE893A;
    border-bottom: 0.0625rem solid #FE893A;
}

.input_fule_upload_custom {
    width: 100%;
    height: 100%;
    background: rgba(217, 217, 217, 0.01);
    border: 0.0625rem dashed #465461;
    border-radius: 0.625rem;
    position: relative;
    overflow: hidden;
    min-height: 37rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.dashboard_main .form_control {
    border-radius: 0.625rem;
    min-height: 2.5rem;
    /* background: #F5F5F5; */
    padding: 0.625rem 1.25rem;
}

.dashboard_main .form_group select.form_control,
.dashboard_main .form_group select.form_control:focus,
.dashboard_main .form_group select.form_control:hover {
    border-radius: 0.625rem;
    min-height: 2.5rem;
    padding: 0.625rem 1.25rem;
    background: #EBF3F5 url(../img/down.png) no-repeat calc(100% - 0.625rem);
}

.dashboard_main .card-title-sec .form_group .form_control {
    border-radius: 0.625rem;
    padding: 0.625rem 1.25rem;
    min-height: 3.125rem;
    background: #f5fdff;
}

.dashboard_main .card-title-sec .form_group select.form_control,
.dashboard_main .card-title-sec .form_group select.form_control:focus,
.dashboard_main .card-title-sec .form_group select.form_control:hover {
    border-radius: 0.625rem;
    min-height: 3.125rem;
    padding: 0.625rem 1.25rem;
    background: #f5fdff url(../img/down.png) no-repeat calc(100% - 0.625rem);
    min-height: 3.125rem;
}

.card-right .form_group.search_cls .form_control {
    padding-left: 2.8125rem;
}

.tabcontent_body {
    padding: 1.875rem 1.875rem 0.625rem 1.875rem;
}

.card_tabing .tab_content .tabcontent .table-reponsive,
.card_tabing .tab_content .tabcontent .tabcontent_body {
    min-height: 21.875rem;
}

.card_content_body {
    background: #f5fdff;
    border-radius: 1.25rem;
    display: inline-block;
    width: 100%;
    padding: 1.25rem 1.875rem;
}

.tabcontent_body_form .td_a {
    font-size: 1.125rem;
}

.tabcontent_body_form .table_a {
    padding: 0.9375rem 0;
}

.table_a .upload_photo_btn {
    width: auto;
    display: inline-block;
}

.tab_doc_itm {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 400;
}

.tab_doc_itm_ic {
    flex: 0 0 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    margin-right: 0.3125rem;
}

.tab_doc_itms {
    display: flex;
    margin: 0 -0.625rem;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}

.tab_doc_itm_cross {
    margin-top: -0.3125rem;
}

.tab_doc_itm {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0.625rem;
}

.tab_doc_itm_span {
    border-bottom: 0.0625rem solid #465461;
}

.table_supplier th {
    vertical-align: top;
}

.table_date_calender {
    white-space: nowrap;
    padding-right: 1rem;
    font-size: 0.875rem;
    color: #070A0E;
}

.table_date_calender span {
    font-size: 0.75rem;
    color: #465461;
    font-weight: 300;
}

.table_date_calender img {
    margin-bottom: -0.125rem;
}

.table_date_calender_img {
    display: inline;
}

.table_supplier td.table_date_calender {
    white-space: nowrap;
    padding-right: 1.5625rem;
}

.table_info_a+p {
    font-size: 0.75rem;
    margin: 0.3125rem 0 0 0;
    font-weight: 300;
    color: #465461;
}

.table_mute {
    font-weight: 300;
    color: #465461;
}

.margin0 {
    margin: 0.3125rem 0 0 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 0.938rem;
    color: #465461;
}

.colorchangetd {
    color: #FF3237 !important;
}

.btnpending .btn {
    width: 83px;
    height: 39px;
    background: rgba(255, 50, 55, 0.2);
    border-radius: 30px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FF3237;
}

.btnGreen .btn {
    width: 83px;
    height: 39px;
    background: rgba(51, 196, 129, 0.2);
    border-radius: 30px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #33C481;
}

.table_mute.table_mute2 {
    color: #FF3237 !important;
}

.table_address_s {
    width: 13.125rem;
}

.table_address_s h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

input.form_control[disabled],
.form_control_desable {
    opacity: .4;
}

.ps-0 {
    padding-left: 0 !important;
}

.dashboard_main .form_group .form_control.form_control_date,
.dashboard_main .form_group .form_control.form_control_date:focus,
.dashboard_main .form_group .form_control.form_control_date:hover {
    background: #EBF3F5 url(../img/bx_calendar1.png) no-repeat calc(100% - 0.625rem);
}

.input_group .form_control {
    border-radius: 0.625rem 0 0 0.625rem !important;
}

.card_content_body .card-title-sec {
    padding: 0;
    margin: 0 0 40px;
    border-bottom: 0;
}

.card_content_body table.table.table_laign_top {
    padding: 0 0.0625rem;
}

.table_laign_form .form_control {
    padding: 0.625rem !important;
}

.table_laign_form .form_control.widthmmidum {
    width: 50%;
}

.table_laign_form .form_control.font_s {
    font-size: 0.95rem !important;
    font-weight: 400 !important;
}

.card_form_body_btn_s {
    margin-top: 0.9375rem;
}

.card_content_body .card-right {
    margin: 0;
}

.card_content_body thead th {
    border-bottom: 0.0625rem solid #C4DCE0;
    padding-bottom: 0.9375rem;
}

.orange {
    color: #FE893A;
}

.card_content_body .table_a {
    padding: 0;
}

.login_info .row {
    align-items: center;
}

.login_info {
    align-items: center;
    height: calc(100vh - 8.21875rem);
}

.link-cont h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
textarea,
select,
label,
p,
div,
span,
a,
th,
td,
tr,
thead,
tbody,
.modal {
    font-family: 'Inter', sans-serif;
}

.form_table_meta_itm th:first-child,
.form_table_meta_itm th:nth-child(2) {
    width: 37%;
}




.control_label {
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 0.6875rem, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    font-size: 1.125rem;
    padding-left: 1.25rem;
}

.form_group.focused .control_label {
    transform: translate3d(0, -1.125rem, 0) scale(1);
    font-size: 0.875rem;
}

select::-ms-expand,
select.form_control::-ms-expand {
    display: none;
}

.FinancesTaxes_form {
    padding: 3.75rem 1.875rem 1.25rem;
}

.add_stage td {
    padding-bottom: 1.5625rem;
}

.mt-2 {
    margin-top: 1.25rem;
}


.login_section_in .row {
    margin: 0;
}

.login_section_in .row [class*="col_"] {
    padding: 0;
}

.login_section_info {
    background: #465461;
    height: 100%;
    padding: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.login_section_cn h4 {
    font-size: 1.75rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
}

.login_section_cn p {
    font-size: 1.125rem;
    color: #F5FDFF;
    text-align: center;
    margin: 0rem;
    font-weight: 300;
}

.login_section_cn {
    margin-top: 3.75rem;
}

.login_section_content {
    height: 100%;
    min-height: 100vh;
    background-image: url(../img/bg_s.png);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_section_content_in {
    width: 28.125rem;
    max-width: 100%;
}

.heading_2 {
    font-size: 3rem;
    margin-bottom: 0.75rem;
}

.subheading_2 {
    font-size: 1.125rem;
    font-weight: 400;
}

.login_section_content_heading {
    margin-bottom: 3.125rem;
}

.login_section_content .form_control {
    min-height: 3.75rem;
    border-radius: 3.125rem;
    background: #fff;
    border: 0.0625rem solid #739CA2;
    outline: 0;
    box-shadow: none;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0 2.5rem;
    width: 100%;
    color: #070A0E;
    font-family: 'Inter';
}

.login_section_content .form_group {
    margin-bottom: 1.25rem;
}

.login_section_content .form_control::-webkit-input-placeholder {
    color: #739CA2;
    opacity: 1;
}

.login_section_content .form_control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #739CA2;
    opacity: 1;
}

.login_section_content .form_control::placeholder {
    color: #739CA2;
    opacity: 1;
}

.show_pass {
    cursor: pointer;
}

.show_pass img {
    margin-bottom: -0.3125rem;
}

.login_section_content .checkmark {
    border: 0.125rem solid #465461;
    top: -0.0625rem;
}

.login_section_content .custom-checkbox input:checked~.checkmark {
    background-color: #465461;
}

.login_section_content .custom-checkbox .checkmark:after {
    top: 0.1875rem;
}

.login_section_content .custom-checkbox {
    font-size: 0.875rem;
    color: #465461;
}

.login_section_content .input_gruop {
    padding: 0 0 0 0.625rem;
}

.login_section_content .forgot_cls a {
    font-size: 0.875rem;
    color: #465461;
    border-bottom: 0.0625rem solid #465461;
}

.login_section_content .forgot_cls a:hover {
    color: #3b5559;
    border-bottom: 0.0625rem solid #3b5559;
}

.login_section_content .form_group.mb_0 {
    margin-bottom: 0rem;
}

.login_section_content .btn_primary {
    background: #424F5B;
    box-shadow: 0rem 1.25rem 3.75rem rgba(0, 0, 0, 0.15);
}

.login_section_content .btn_primary:hover {
    background: #3b5559;
}

.mt-1 {
    margin-top: 0.625rem;
}

.login_section_content .login_info_con_para {
    text-align: center;
    color: #465461;
    font-size: 1.125rem;
}

.login_section_content .login_info_con_para a {
    color: #465461;
    border-bottom: 0.0625rem solid #465461;
}

.login_section_content .login_info_con_para a:hover {
    color: #3b5559;
    border-bottom: 0.0625rem solid #3b5559;
}
.seach_head .form_control {
    min-height: 2.5rem;
    width: 2.5rem;
    transition: all .5s;
    padding: 0;
}

.seach_head {
    position: relative;
}

.seach_head .wbg_cls {
    height: 2.5rem;
    width: 2.5rem;
    background: #F5FDFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
}

.open_search .seach_head .form_control {
    width: 15.625rem;
    transition: all .5s;
    padding: 0 3.125rem 0rem 1.25rem;
    font-size: 1rem;
}

.open_search .seach_head .form_control {
    width: 15.625rem;
    transition: all .5s;
    padding: 0 3.125rem 0rem 1.25rem;
    font-size: 1rem;
}

.open_search .seach_head .form_control::-webkit-input-placeholder {
    color: #465461;
    opacity: 1;
    font-weight: 300;
}

.open_search .seach_head .form_control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #465461;
    opacity: 1;
    font-weight: 300;
}

.open_search .seach_head .form_control::placeholder {
    color: #465461;
    opacity: 1;
    font-weight: 300;
}

.action_table .dropdown-content {
    padding: 0.625rem 0;
    margin: 0;
    min-width: 14.0625rem;
}

.action_table .dropdown-content a {
    color: #465461;
    padding: 0.625rem 1.25rem;
    text-decoration: none;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.action_table .dropdown-content a:hover {
    color: #070A0E;
    border-radius: 0;
}

.drbn_img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    margin-right: 0.625rem;
}

.form_group .dropdown .form_control.dropbtn {
    color: #465461;
    text-align: left;
    padding: 0.625rem;
    display: flex;
    align-items: center;
    width: auto;
    min-width: 5.9375rem;
    justify-content: space-between;
}

.modal_form .form_group .dropdown .form_control.dropbtn {
    padding: 0.625rem 1.25rem;
}

.card-title-sec .form_group .form_control.dropbtn img {
    margin-left: 0.625rem;
}

.form_group .dropdown {
    width: 100%;
}

.open_select_box .dropdown-content {
    display: block;
}

.open_select_box .dropdown-content {
    display: block;
    left: 0;
    right: auto;
    margin: 0;
}

.action_table .open_select_box .dropdown-content,
.header-right .open_select_box .dropdown-content {
    right: 0;
    left: auto;
}





.toggle_itm_a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left: .85rem;
}

.toggle_itm_a::after {
    content: "";
    height: 0.75rem;
    width: 0.75rem;
    background-image: url('../img/bi_check-circle.png');
    display: inline-block;
    position: absolute;
    left: -0.625rem;
    top: 0.28rem;
}

.dash_left {
    flex: 0 0 15.875rem;
    max-width: 15.875rem;
    margin-right: 2.5rem;
}

.dash_right {
    flex: 0 0 calc(100% - 18.375rem);
    max-width: calc(100% - 18.375rem);
}

.dash_info {
    display: flex;
    width: 100%;
}

.dash_left_head_t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.dash_left_head_b {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.dash_left_head_b p {
    margin: 0 0.625rem 0 0;
}

.toggle_itm_a_cn {
    font-size: 0.75rem;
    font-weight: 700;
    color: #070A0E;
}

.toggle_itm {
    padding: 1.25rem;
    border: 0.0625rem solid transparent;
    border-radius: 0.625rem;
}

.toggle_itm.open_toggle_itm {
    border: 0.0625rem solid #C4DCE0;
}

.toggle_itm.active .toggle_itm_a::after {
    content: "";
    height: 0.75rem;
    width: 0.75rem;
    background-image: url('../img/bi_check-circle-fill.png');
    display: inline-block;
    position: absolute;
    left: -0.625rem;
    top: 0.28rem;
}

.toggle_itm_body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.toggle_itm.open_toggle_itm .toggle_itm_body {
    max-height: unset;
    overflow: unset;
    transition: max-height 0.2s ease-out;
}

.dash_left_head_t span {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;
}

.dash_left_head_b p {
    font-style: italic;
    font-weight: 300;
    font-size: 0.75rem;
}

.toggle_itm_body_itm p {
    margin: 0;
}

.toggle_itm_body_itm_h {
    font-style: italic;
    font-weight: 300;
    font-size: 0.625rem;
    color: #465461;
}

.toggle_itm_body_itm_cn.toggle_itm_body_itm_id {
    font-weight: 500;
    font-size: 0.75rem;
    color: #333;
}

.toggle_itm_body_itm_cn {
    color: #465461;
    font-weight: 400;
    font-size: 0.75rem;
}

.toggle_itm_body_itm {
    display: flex;
}

.toggle_itm_body_itm_in:nth-child(2) {
    margin-left: 1.25rem;
}

.toggle_itm_body_itm_in {
    margin-top: 0.9375rem;
}

.toggle_itm_body_itm p.toggle_itm_body_itm_cn {
    margin-top: 0.1875rem;
}

.toggle_itm_body_itm_nm {
    font-size: 0.875rem;
    color: #070A0E;
    font-weight: 500;
}

.toggle_itm_body_itm p.toggle_itm_body_itm_cn {
    margin-top: 0.1875rem;
}

.toggle_itm_body_itm p.toggle_itm_body_itm_h {
    margin-bottom: 0.25rem;
}

.toggle_itm.open_toggle_itm .toggle_itm_a .toggle_itm_a_ic {
    transform: rotate(180deg);
}

.dash_right .dashbaord_tabing .tab button .link-cont h4 {
    font-size: 1rem;
    white-space: nowrap;
}

.dash_right .dashbaord_tabing .tab button {
    border: 0.5px solid #C4DCE0;
    border-radius: 20px;
    min-height: 60px;
    width: 147px;
    background: none;
    position: relative;
    overflow: unset;
}

.dash_right .dashbaord_tabing .tab button:hover {
    background: #F5FDFF;
    border: 0.5px solid #F5FDFF;
}

.dash_right .dashbaord_tabing .tab_itm button.active {
    background-color: #F5FDFF;
    border-radius: 1.25rem 1.25rem 0 0;
    font-weight: 600;
    border: 0.5px solid #F5FDFF;
}

.dash_right .dashbaord_tabing .tab_itm button.active::before {
    content: "";
    position: absolute;
    bottom: -1.875rem;
    height: 1.875rem;
    width: calc(100% + 2px);
    background: #F5FDFF;
    left: -1px;
}

.dash_right .dashbaord_tabing .tab button.tablinks.tab_itm_verified {
    background-color: #F5FDFF;
    border: 0.5px solid #F5FDFF;
}

.dash_right .dashbaord_tabing .tab_itm {
    padding: 0;
    margin-right: 0.525rem;
}

.dash_right .dashbaord_tabing .tab {
    margin: 0;
    padding-bottom: 0.9375rem;
    background: none;
}

.dash_right_btn {
    margin-top: 40px;
    text-align: right;
}

.dash_right_btn .btn {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    min-width: 250px !important;
    justify-content: center;
    min-height: 50px;
    position: relative;
}

.dash_right_btn .btn:hover {
    color: #fff;
}

.content_payment .dash_right_btn .btn img {
    position: absolute;
    right: 0;
    margin-right: 15px;
}

.dashbaord_tabing1 .tab_content .tabcontent:first-child .card_content_body {
    border-radius: 0 1.25rem 1.25rem 1.25rem;
}

.table_footer_itms {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

.table_footer_itm_error {
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    color: #FF3237;
}

.dashbaord_tabing1 .card-left {
    flex: 0 0 70%;
    max-width: 70%;
}

.table_laign_form select.form_control {
    min-width: 110px;
}

.btn_secondary.btn_border {
    background: none;
    border: 1px solid #FE893A;
    border-radius: 20px;
    color: #FE893A;
    font-size: 12px;
}

.action_btns_send {
    display: flex;
    align-items: center;
}

.action_btns_send img {
    margin-left: 10px;
}

.tab_content_tabing {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E8F0F2;
    margin-bottom: 50px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab {
    padding: 0;
    margin: 0;
    align-items: center;
    overflow: unset;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm .tablinks {
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    color: #465461;
    font-size: 14px;
    min-height: unset;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm .tablinks .tablinks_in {
    display: flex;
    align-items: center;
    text-align: left;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm .tablinks .tablinks_in .tablinks_in_img {
    margin-right: 8px;
    display: flex;
    align-items: center;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm::after {
    content: "";
    width: 1px;
    height: 25px;
    margin: 0 12px;
    background: #C4DCE0;
    display: inline-flex;
    align-items: center;
}

.tab_content_meta_itms {
    display: flex;
    align-items: center;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm {
    margin: 0;
    display: inline-flex;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm:last-child::after {
    display: none;
}

.tab_content_meta_itm p {
    margin: 0;
}

.tab_content_meta_itm_h {
    color: #070A0E;
    font-size: 13px;
    font-weight: 600;
}

.tab_content_meta_itm {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.tab_content_meta_itm_cn {
    color: #070A0E;
    font-size: 18px;
    font-weight: 600;
}

.tab_content_meta_itm p.tab_content_meta_itm_cn {
    margin-left: 5px;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm.active .tablinks {
    color: #FE893A;
    font-weight: 600;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm .tablinks_in_img {
    filter: grayscale(1);
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm.active .tablinks_in_img {
    filter: unset;
}

.dash_right .dashbaord_tabing .tab_content_tabing .tab .tab_itm.active .tablinks::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -12px;
    left: 0;
    background: #FE893A;
    display: inline-flex;
}

.action_btn_status {
    flex: 0 0 16px;
}

.form_control_select {
    display: flex;
    align-items: center;
    white-space: nowrap;
    min-width: 130px;
}

.dashboard_main select.form_control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #EBF3F5 url('../img/down_arr.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) center;
}

.dashboard_main select.form_control:focus {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #EBF3F5 url('../img/down_arr.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) center;
}

.form_control_select,
.form_control_select:hover {
    background: #EBF3F5 url('../img/down_arr.png') !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 7px) center !important;
}

.form_control_select {
    cursor: pointer;
}

.contact_modal .modal-content {
    padding: 2rem;
}

.contact_modal .card_content_body {
    padding: 0;
}

.form_control {
    border-radius: 0.625rem;
}

.contact_modal .card_content_body th:first-child span {
    left: 0;
}

.contact_modal th:first-child {
    padding-left: 22px;
}

.contact_modal .card_content_body td:first-child {
    padding-left: 0;
}

.quantity_tbl .form_control {
    width: 80px;
}

.contact_modal .card_content_body td:last-child,
.contact_modal .card_content_body th:last-child {
    padding-left: 0.625rem;
    padding-right: 0;
}

.contact_modal .card_content_body td:last-child .custom-checkbox,
.contact_modal .card_content_body th:last-child .custom-checkbox {
    margin-right: 0;
}

.contact_modal .card_content_body .card-title-sec {
    margin: 0 2.1rem 1.9375rem 0;
}

.contact_modal_card .close-button {
    right: 2rem;
    top: 1.845rem;
    font-size: 2rem;
}

.card-title-body-btns {
    display: flex;
    justify-content: flex-end;
    padding-right: 4px;
    margin-top: 15px;
}

.card-btn-primary {
    font-size: 18px;
    font-weight: 500;
    color: #739CA2;
    text-transform: uppercase;
}

.card-btn-secondary {
    font-size: 18px;
    font-weight: 500;
    color: #FE893A;
    text-transform: uppercase;
}

.card-title-body-btns .card-title-body-btn:last-child {
    margin-left: 20px;
}

.contact_modal_card .card-left h4 span {
    font-weight: 700;
    color: #070A0E;
    margin: 0;
}

.contact_modal .card_content_body .card-title-sec .card-left {
    flex: 0 0 80%;
    max-width: 80%;
}

.contact_modal .card_content_body .card-title-sec .card-left h4 {
    font-size: 1rem;
    font-weight: 500;
}

.sendmail_modal .modal-content {
    padding: 2rem;
}

.modal_body_head h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

.modal_body_head h4 span {
    font-weight: 700;
    color: #070A0E;
}

.modal_body_head_meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    font-size: 16px;
    align-items: center;
}

.modal_body_head_meta ul li {
    display: flex;
    align-items: center;
    line-height: 1;
}

.modal_body_head_meta ul li::before {
    content: "";
    width: 1px;
    height: 17px;
    margin: 0 8px;
    background: #465461;
    display: inline-flex;
    align-items: center;
}

.modal_body_head_meta ul li:first-child::before,
.modal_body_head_meta ul li:nth-child(2)::before {
    display: none;
}

.modal_body_head_meta ul li:nth-child(2) {
    margin-left: 10px;
}

.modal_body_head_meta ul li span {
    font-weight: 600;
}



.modal_body_head_mail {
    margin: 20px 0;
    font-size: 12px;
    color: #465461;
    font-weight: 300;
    display: flex;
    align-items: center;
}

.modal_body_head_mail_l {
    margin-right: 15px;
    font-style: italic;
}

.modal_body_head_mail_l .dropbtn {
    color: #465461;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #465461;
}

.modal_body_head_mail_r {
    display: flex;
    align-items: center;
}

.modal_body_head_mail_r img {
    margin-right: 5px;
}

.dropdown-content-itm-in {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #070A0E;
    font-weight: 300;
}

.modal_body_head_mail_l .dropdown-content {
    margin-top: 10px;
    min-width: 260px;
    padding: 0;
    font-style: normal;
}

.dropdown-content-itm-3dots {
    margin-left: auto;
    display: flex;
}

.dropdown-content-itm {
    border-bottom: 1px solid #C4DCE0;
    padding: 15px;
}

.dropdown-content-itm-cn {
    font-style: normal;
    margin-left: 8px;
}

.dropdown-content-itm-ic {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.dropdown-content-itm-ic-vc {
    background: #FE893A;
}

.dropdown-content-itm-h {
    padding-left: 24px;
    margin-bottom: 15px;
}

.dropdown-content-itm-h-current {
    margin: 5px 0 0;
}

.modal_body_info_table_in th span {
    display: block;
}

.modal_body_info_table_in th,
.modal_body_info_table_in td {
    padding: 10px;
}

.modal_body_info_head h4 {
    color: #070A0E;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.modal_body_info_table_in {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #C4DCE0;
}

.modal_body_info_table_in_h {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.modal_body_info_table_in .table th {
    border-bottom: 1px solid #C4DCE0;
    text-align: left;
    vertical-align: top;
}

.modal_body_info_table_in th span {
    display: block;
    position: initial;
    vertical-align: top;
    margin-right: 0;
    width: 100%;
    margin-top: 5px;
}

.modal_body_info_table_in .table th {
    background: none;
    padding: 0 10px 10px 0;
}

.modal_body_info_table_in .table td {
    background: none;
    padding: 10px 10px 10px 0;
}

.modal_body_info_form_in .form_control,
.modal_body_info_form_in .input_group .form_control {
    border-radius: 0.625rem !important;
    height: 2.5rem;
    background: #EBF3F5;
    padding: 0.625rem 1.25rem;
    font-size: 12px;
    min-height: unset;
    display: flex;
    align-items: center;
}

.modal_body_info_form_in .input_group {
    display: flex;
}

.modal_body_info_form_in .input_group label {
    min-width: 115px;
    margin-top: 9px;
    color: #070A0E;
    text-align: end;
    padding-right: 1.25rem;

}

.modal_body_info_form_in .form_group {
    margin-bottom: 1.8rem;
}

.modal_body_info_form_in .form_control {
    height: 15rem;
    min-height: 40px;
    display: inline-block;
}

.modal_body_info_form_in .input_group .form_control.form_control_textarea {
    height: 7rem;
    min-height: 40px;
}

.modal_body_info_table_a {
    position: absolute;
    right: 15px;
    bottom: 6px;
}

.modal_body_info_table_a a {
    color: #FE893A;
    font-size: 10px;
    font-weight: 500;
}

.modal_body_info_table_signature_c h4 {
    font-size: 10px;
    margin: 0;
    line-height: 1;
    font-weight: 500;
}

.modal_body_info_table_signature_c p,
.modal_body_info_table_signature_cn p {
    margin: 0;
    font-size: 8px;
}

.modal_body_info_table_signature_c {
    margin-bottom: 8px;
}

.modal_body_info_table_signature_cn h3 {
    margin: 0 0 5px;
    line-height: 1;
    font-size: 10px;
}

.modal_body_info_table_doc .tab_doc_itm_span {
    font-size: 12px;
}

.modal_body_info_table_doc .table_a {
    padding: 0;
    font-size: 14px;
}

.modal_body_info_table_doc .table_a .upload_photo_btn {
    height: auto;
    font-size: 14px;
}

.modal_body_info_table .btn_primary {
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0.65625rem 1.875rem;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.modal_body_info_table .btn_primary img {
    margin-left: 8px;
}

.text_right {
    text-align: right;
}

.modal_body_info [class*="col_"] {
    padding: 0 2rem;
}

.modal_body_info [class*="col_"]:first-child {
    border-right: 1px solid #C4DCE0;
}

.modal_body_info .row {
    margin: 0 -2rem;
}

.modal_body_info_s {
    width: 100%;
}

.modal_body_info_form_in .input_group .modal_body_info_s .form_control_textarea {
    border-radius: 0.625rem 0.625rem 0 0 !important;
}

.modal_body_info_form_in .input_group .modal_body_info_s .form_control_textarea_div {
    border-radius: 0 0 0.625rem 0.625rem !important;
}

.modal_body_info_table_signature {
    margin-top: auto;
}


.card_left_err {
    font-size: 14px;
    color: #FE893A;
    margin-top: 3px;
}

.card_left_err span {
    font-weight: bold;
}

.datepicker_s {
    position: relative;
}

.datepicker_s img {
    position: absolute;
    right: 12px;
    top: 12px;
}

.card-right .btn_border {
    min-width: 8rem;
    font-size: 18px;
    color: #739CA2;
    font-weight: 500;
    border: 1px solid #739CA2;
    padding: 0.65625rem 1.475rem;
    min-height: 50px;
}

.card-right .btn {
    min-height: 50px;
}

.dropbtn.btn_default {
    background: #f5fdff;
}

.seach_head .form_control {
    border-radius: 30px;
}

.dropdown-content.dropdown-filter {
    width: 430px;
    right: 0;
    left: auto;
    margin-top: 7px;
}

.dropdown-info .form_group {
    margin-bottom: 20px;
}

.dropdown-filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C4DCE0;
    padding-bottom: 15px;
}

.dropdown-filter-head h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.dropdown-filter-head-btn {
    display: flex;
    align-items: center;
}

.dropdown-content a.btn_filter {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #FE893A;
    font-weight: 400;
    margin-right: 10px;
}

.dropdown-content a.btn_filter:hover {
    background: none;
}

.dropdown-content a.btn_secondary {
    min-height: unset;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.dropdown-content a.btn_secondary:hover {
    min-height: unset;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    background: #ef7f33;
}

.dropdown-info {
    display: flex;
}

.dropdown-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dropdown-sidebar ul li a {
    font-size: 15px;
    padding: 12px 10px;
}

.dropdown-sidebar ul li a:hover {
    font-size: 15px;
    padding: 12px 10px;
}

.dropdown-sidebar {
    border-right: 1px solid #C4DCE0;
    padding: 15px;
    padding-left: 0;
    flex: 0 0 160px;
}

.dropdown-sidebar ul li {
    margin-bottom: 8px;
}

.dropdown .dropdown-sidebar a.active,
.dropdown .dropdown-sidebar a:hover {
    background-color: #C4DCE0;
    color: #070A0E;
    font-weight: 400;
    border-radius: 0.625rem;
}

.dropdown-info-con .form_group.search_cls {
    width: 100%;
}

.dropdown-info-con .form_group.search_cls .form_control {
    background: #f5f5f5;
}

.dropdown-info-con .form_group .form_control.form_control_date,
.dropdown-info-con .form_group .form_control.form_control_date:focus,
.dropdown-info-con .form_group .form_control.form_control_date:hover {
    background: #f5f5f5 url(../img/bx_calendar1.png) no-repeat calc(100% - 0.625rem);
    font-size: 16px;
    color: #739CA2;
}

.card-right .dropdown-info-con .form_group.search_cls {
    width: 100%;
    margin-bottom: 10px;
}

.dropdown-info-con {
    padding: 15px 0 15px 15px;
}

.dropdown-info-con .custom-checkbox {
    font-size: 15px;
    padding-left: 1.5rem;
}

.dropdown-info-con .checkmark {
    height: 1rem;
    width: 1rem;
}

.dropdown-info-con .custom-checkbox-itm {
    margin-top: 7px;
}

.dropdown-info {
    max-height: 278px;
    overflow: auto;
}

.modal-content.alert_modal {
    width: 30rem;
    max-width: 85%;
}

.alert_modal_S,
.success_modal_s {
    text-align: center;
}

.alert_heading {
    font-size: 22px;
    font-weight: 400;
}

.success_heading {
    font-size: 22px;
    font-weight: 600;
}

.modal-content.alert_modal,
.modal-content.success_modal {
    width: 30rem;
    max-width: 85%;
    padding: 2.5rem;
}

.alert_btn,
.success_btn {
    display: flex;
    flex-direction: column;
}

.success_modal_con p {
    font-size: 20px;
    font-weight: 300;
}

.alert_btn .btn_danger {
    background: #FF3237;
    width: 180px;
    margin: 0 auto 10px;
}

.success_btn .btn_success {
    background: #33C481;
    width: 180px;
    margin: 0 auto 10px;
}

.alert_btn .btn_danger:hover,
.success_btn .btn_success:hover {
    color: #fff;
}

.btn_text,
.btn_text:hover {
    color: #FF3237;
    font-size: 16px;
}

.success_btn .btn_text,
.success_btn .btn_text:hover {
    color: #33C481;
    font-size: 16px;
}

.alert_modal_con,
.success_modal_con {
    width: 272px;
    margin: 20px auto;
}

.error_text,
.error_text .tab_content_meta_itm_h,
.error_text .tab_content_meta_itm_cn {
    color: #FE893A;
}

.error_form_control,
.success_form_control {
    border: 1px solid #FE893A;
}

.table_footer_itm_error_right {
    margin-left: auto;
    margin-right: 15px;
}

.card-left h4 {
    display: flex;
    align-items: center;
}

.card-left h4 .tooltiptext {
    min-width: 230px;
    margin-left: 0;
    transform: translateX(-50%);
    top: calc(100% + 5px);
    font-size: 12px;
    text-align: left;
}

.card-left h4 span {
    margin-left: 10px !important;
    line-height: 1;
    display: flex;
}

.contact_modal_card .table_chbx_in {
    display: flex;
    justify-content: flex-end;
}

.table_chbx_in .action_btn_status {
    margin-left: 2px;
}

.card-left h4 span.tooltiptext {
    display: inline-block;
    line-height: 1.25;
    color: #465461;
}

.btn.disabled {
    opacity: .5;
    cursor: unset;
}

.modal_form .form_group label.custom-checkbox {
    font-size: 14px;
    padding-left: 27px;
}

.modal_form .form_group label.custom-checkbox .checkmark {
    top: -2px;
}

.modal_form .form_group .custom-checkbox-itm .tooltip {
    margin-left: 10px;
}

.modal_form .form_group .custom-checkbox-itm {
    display: flex;
    align-items: center;
}

.modal_form .form_group .custom-checkbox-itm .tooltip span {
    display: flex;
}

.modal_form .form_group .custom-checkbox-itm .tooltip .tooltiptext {
    min-width: 230px;
    margin-left: 0;
    transform: translateX(-50%);
    top: calc(100% + 5px);
    font-size: 12px;
    text-align: left;
    display: inline-block;
    line-height: 1.25;
    color: #465461;
}

.tablinks_in_img_active {
    display: none;
}

.tab_itm.active .tablinks_in_img_active {
    display: block;
}

.tab_itm.active .tablinks_in_img_a {
    display: none;
}

.tooltiptext {
    border-radius: 5px !important;
}

.contact_modal .contact_modal_s th:first-child {
    padding-left: 0;
}

.contact_modal_s td,
.contact_modal_s th {
    vertical-align: top;
}

.contact_modal_s .action_table_col {
    flex-direction: row;
}

.contact_modal_card .trigger_contact.btn_round {
    width: 23px;
    height: 23px;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 34px;
    top: 30px;
}

.contact_modal .card_content_body .card-title-sec {
    padding-right: 10px;
}

.modal_form .post_addon {
    background: #f5f5f5;
    font-size: 12px;
}

.modal_form .form_group .form_control.form_control_date,
.modal_form .form_group .form_control.form_control_date:focus,
.modal_form .form_group .form_control.form_control_date:hover {
    background: #f5f5f5 url(../img/bx_calendar1.png) no-repeat calc(100% - 0.625rem);
}

.modal_second_heading {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 35px;
}

.interest_status {
    width: 82px;
    height: 39px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
}

.interest_status_high {
    color: #FF3237;
    background: rgba(255, 50, 55, 0.2);
}

.interest_status_medium {
    color: #FE893A;
    background: rgba(254, 137, 58, 0.2);
}

.interest_status_low {
    color: #33C481;
    background: rgba(51, 196, 129, 0.2);
}

.pipeline_staging_heading {
    position: absolute;
    bottom: 13px;
}

.pipeline_staging_heading {
    position: absolute;
    bottom: 14px;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}

.table_processing_span.table_processing_span_complete {
    color: #33C481;
}

.table_processing_in_scroll.table_processing_in_scroll_20 {
    width: 20%;
}

.table_processing_in_scroll.table_processing_in_scroll_50 {
    width: 50%;
}

.table_processing_in_scroll.table_processing_in_scroll_100 {
    width: 100%;
}

.dropdown-sidebar-itm a {
    padding: 12px 10px;
    text-align: left;
}

.dropdown-sidebar-itm {
    margin-bottom: 5px;
}

.dropdown-info .tab-content {
    display: none;
}

.dropdown-info .tab-content.current {
    display: inline-block;
    width: 100%;
}

.dropdown-info-con-dt {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.card-right .form_group .dropdown .form_control.dropbtn.dropbtn_w {
    min-width: 200px;
    padding-left: 15px;
}

.st1 .card-title-sec {
    margin-top: 0;
}

.card_left_ar {
    margin-right: 20px;
    display: flex;
}

.st1_itm_meta_r_btns .dropbtn {
    width: 24px;
    height: 24px;
}

.st1_itm_meta_r_btns .dropbtn {
    width: 24px;
    height: 24px;
}

.col_55 {
    flex: 0 0 20%;
    max-width: 20%;
}

.st1_itm_meta {
    background: #F5FDFF;
    padding: 15px 20px;
    border-radius: 10px;
    display: flex;
}

.st1_itms .row {
    margin: 0 -8px;
}

.st1_itms .row .col_55 {
    padding: 0 8px;
}

.st1_itm_meta_l h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #070A0E;
}

.st1_itm_meta_r_active .sort_up_inactive {
    display: none;
}

.st1_itm_meta_r_active .sort_up_active {
    display: inline-flex;
}

.st1_itm_meta_r {
    margin-left: auto;
}

.st1_itm_meta {
    background: #F5FDFF;
    padding: 15px 8px 15px 20px;
    border-radius: 10px;
    display: flex;
}

.st1_itm_meta_r_inactive .sort_up_active {
    display: none;
}

.st1_itm_meta_r_inactive .sort_up_inactive {
    display: inline-flex;
}

.st1_itm_meta_r_btns {
    display: flex;
    align-items: center;
}

.st1_itm_meta_l {
    padding-right: 10px;
}

.st1_itm_meta_l_sec {
    display: flex;
    margin-top: 5px;
    font-size: 12px;
}

.st1_itm_meta_l_lead {

    font-weight: 300;
    margin-right: 20px;
}

.st1_itm_meta_l_prc {
    color: #FE893A;
    font-weight: 500;
}

.st1_itm_meta_r_btns .dropdown,
.st1_new_head_dt_meta .dropdown {
    margin-left: 5px;
}

.st1_itm_meta_r .dropdown-content a,
.st1_new_head_dt_meta .dropdown-content a {
    display: flex;
    align-items: center;
    border-radius: 0;
}

.st1_itm_meta_r .dropdown-content,
.st1_new_head_dt_meta .dropdown-content {
    left: auto;
    right: 0;
}

.st1_new_head_dt {
    font-style: italic;
    font-size: 10px;
    font-weight: 300;
}

.st1_new_head_dt_meta .dropbtn {
    width: 24px;
    height: 24px;
}

.st1_new_head {
    display: flex;
}

.st1_new_head_dt_meta {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.st1_new_head_dt_meta_itm {
    display: flex;
    margin-left: 5px;
}

.st1_itm_new {
    background: #FFFFFF;
    border: 1px solid #EBF3F5;
    border-radius: 20px;
    padding: 10px 10px 10px 20px;
    margin-top: 20px;
}

.st1_itm_new_itm_head {
    font-size: 12px;
}

.st1_itm_new_itm_h {

    font-weight: 300;
}

.st1_itm_new_itm_cn {

    font-weight: 500;
    color: #070A0E;
}

.st1_itm_new_itm_head {
    display: flex;
}

.st1_itm_new_itm_h {
    font-weight: 300;
    margin-right: 10px;
    color: #465461;
}

.st1_itm_new_itm {
    margin: 8px 0;
    display: inline-block;
    width: 100%;
}

.st1_itm_new_itms {
    margin-top: 10px;
    padding-right: 10px;
}

.st1_itm_new_itm_in .st1_itm_new_itm_h {
    margin: 0 0 3px;
}

.st1_itm_new_itm_in .st1_itm_new_itm_h h4 {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    color: #070A0E;
}

.st1_itm_new_itm_cn_prc {
    color: #FE893A;
}

.st1_itm_new_itmss {
    display: flex;
    justify-content: space-between;
}

.st1_itm_new_itm_cn_dt {
    display: flex;
    align-items: center;
}

.st1_itm_new_itm_cn_dt img {
    margin-left: 3px;
}

.st1_itm_new_itm_meta_addedby {
    text-align: right;
}

.st1_itm_new_itm_meta_addedby .st1_itm_new_itm_h {
    font-size: 10px;
    font-style: italic;
}

.st1_itm_new_itm:last-child {
    margin-bottom: 0;
}

.new_btn_sss .btn_text {
    color: #739CA2;
    font-size: 14px;
    font-weight: 300;
}

.new_btn_sss {
    margin-top: 20px;
}

.st1_itm_meta_l_lead {
    margin-right: 10px;
    white-space: nowrap;
}

.st1_itm_meta_l_prc {
    white-space: nowrap;
}

.st1_itm_meta_r_btns img {
    flex: 0 0 20px;
    height: 18px;
    max-width: 20px;
}

.st1_itm_new_itm_cn_dt {
    white-space: nowrap;
}

.dropdown-content-in-s-itm {
    display: flex;
    align-items: center;
}

.dropdown-content-in-s {
    padding: 20px;
    min-width: 250px;
}

.dropdown-content-in-s-itm span {
    margin-right: 0;
}

.dropdown-content-in-s-itm img {
    margin-left: 10px;
}

.dropdown-content-in-s-itm {
    font-size: 18px;
    color: #070A0E;
    margin-bottom: 20px;
}

.dropdown-content-in-btn {
    margin-top: 10px;
}

.dropdown-content-in-btn {
    margin-top: 20px;
    padding: 20px 15px 0px 15px;
}

.dropdown-content-in-btn a.btn,
.dropdown-content-in-btn a.btn:hover {
    font-size: 18px;
    font-weight: 500;
}

.right-menu .dropdown-content {
    padding: 15px;
}

.pipeline_modal .modal-content,
.newstage_modal .modal-content {
    width: 370px;
    padding: 30px;
}

.dropdown-content-in-s-itm.default::after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../img/check_ck.png);
    margin-left: 10px;
}

.communication_modal .modal-content {
    width: 720px;
}

.heading_type_modal_h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.heading_type_modal_h .modal_heading {
    margin-bottom: 0;
}

.modal_heading_btn .btn_text {
    color: #FE893A;
}

.modal_heading_btn .btn {
    margin-left: 15px;
}

.heading_type_modal_h .modal_heading {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
}

.p-0 {
    padding: 0;
}

.align_right {
    float: right;
}

.form_bottom_border {
    border-bottom: 2px solid #EBF3F5;
    margin-bottom: 40px;
}

.heading_type_modal_h_itm {
    display: flex;
    align-items: center;
}

.heading_type_modal_h_itms {
    display: flex;
    align-items: center;
}

.heading_type_modal .heading_type_modal_h {
    margin: 0;
}

.heading_type_modal_h_itm {
    margin-left: 15px;
}

.heading_type_modal_h_itms {
    margin-left: 10px;
}

.btn_text_big {
    font-size: 22px;
}

.communication_modal_itm {
    background: #F5FDFF;
    box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px;
}

.communication_modal_itm_h_title {
    margin: 0 15px 0 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.communication_status_high {
    margin-left: 20px;
    color: #FF3237;
    font-style: 18px;
}

.communication_status_medium {
    margin-left: 20px;
    color: #FE893A;
    font-style: 18px;
}

.communication_status_low {
    margin-left: 20px;
    color: #33C481;
    font-style: 18px;
}

.communication_modal_itm_h {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.communication_modal_itm_h_r {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 12px;
}

.communication_modal_itm_h_r_btns a {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.communication_modal_itm_h_r_btns {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.communication_modal_itm_h_r_dt {
    font-size: 12px;
    font-weight: 300;
    color: #465461;
}

.communication_modal_itm_h_r_dt span {
    font-weight: 300;
    color: #739CA2;
    font-style: italic;
    margin-right: 7px;
}

.communication_meta_l_h {
    font-size: 14px;
    color: #739CA2;
    font-weight: 300;
    font-style: italic;
}

.communication_meta_l_cn {
    font-size: 14px;
    color: #070A0E;
    margin-top: 5px;
}

.communication_meta_l_itm:last-child {
    margin-top: 45px;
}

.communication_meta_l_cn .tab_doc_itm {
    padding: 0;
    font-size: 12px;
}

.communication_meta_l_cn .tab_doc_itm .tab_doc_itm_ic {
    flex: 0 0 1rem;
    height: 1rem;
    max-width: 1rem;
}

.communication_meta {
    display: flex;
}

.communication_meta_l {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 0.5px solid #C4DCE0;
    flex: 0 0 calc(50% + 10px);
}

.communication_meta_itm {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.communication_meta_itm_h {
    font-size: 14px;
    font-weight: 300;
    color: #739CA2;
    font-style: italic;
    margin-right: 10px;
}

.communication_meta_itm_cn {
    margin-left: auto;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #070A0E;
    font-weight: 400;
}

.communication_meta_itm_cn_ic {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.communication_meta_itms {
    flex: 0 0 calc(50% - 30px);
}

.communication_meta_itm:last-child {
    margin-bottom: 0;
}

.modal_heading_btn {
    display: flex;
    align-items: center;
}


/* new css */
.compare_supplier_modal .main_content_ds {
    background-color: #fff
}

.compare_supplier_modal .main_content_ds .row {
    flex-wrap: nowrap
}

.compare_supplier_modal .main_content_ds .row.main_row_d {
    padding: 1.4rem 2rem
}

.compare_supplier_modal .main_content_ds .row.main_row_d.flex_wrep_r {
    overflow-x: auto;
    flex-direction: column;
    margin-bottom: 2.5rem
}

.compare_supplier_modal .main_content_ds .row.main_row_d.flex_wrep_r::-webkit-scrollbar-thumb {
    background: #eaf2f4;
    border: inherit
}

.compare_supplier_modal .main_content_ds .row.main_row_d .col_m_d {
    padding: 0rem
}

.compare_supplier_modal .main_content_ds .row.main_row_d .main_content_he {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.813;
    color: #070a0e
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .padding_left {
    padding-left: 0rem
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .main_cont_tol {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.188rem;
    color: #465461;
    margin-bottom: 5px
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .main_cont_tol.flex_wep {
    white-space: nowrap
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .main_cont_tol .tol_tip {
    padding: 0rem .313rem;
    width: 1.563rem
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .earning_poi {
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .earning_poi.erning_col {
    color: #1d85e8 !important
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .icon_img {
    display: flex;
    align-items: end;
    justify-content: end;
    cursor: pointer
}

.compare_supplier_modal .main_content_ds .row.main_row_d .columns_all .col-auto {
    flex: 0 0 auto;
    padding: 0rem .625rem;
    min-width: 10rem
}

.compare_supplier_modal .main_content_ds .row.main_row_d .col {
    flex: 1 0 0%;
    padding: 0rem .6rem 0 0;
    gap: 0.5rem;
}

.compare_supplier_modal .main_content_ds .row.main_row_d .col .redio_input {
    width: 1.5rem;
    height: 1.5rem;
}

.compare_supplier_modal .main_content_ds .row.main_row_d .col .redio_input .form-check {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compare_supplier_modal .main_content_ds .row.main_row_d .cusstomColPad {
    flex: 0 0 0;
}

.compare_supplier_modal .main_content_ds .row.main_row_d .coman_items {
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e;
    padding: 1.5rem 0rem;
    padding-bottom: 0 !important
}

.compare_supplier_modal .main_content_ds .row.main_row_d .table_custom {
    padding-left: 0
}

.compare_supplier_modal .main_content_ds .row.main_row_d .table_custom .table_custom {
    width: 100%;
    border-bottom: 1px solid #e8f0f2;
    margin: 0;
    padding: .938rem 0rem
}

.compare_supplier_modal .main_content_ds .row.main_row_d .table_custom .table_custom .text_table_p {
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.compare_supplier_modal .main_content_ds .row.main_row_d .table_custom .table_custom .text_table_p1 {
    padding-top: .938rem;
    font-style: normal;
    font-weight: 600;
    font-size: .75rem;
    line-height: .938rem;
    color: #070a0e
}

.compare_supplier_modal .main_content_ds .row.main_row_d .table_custom .table_custom .col_cus {
    display: flex;
    align-items: end
}

.compare_supplier_modal .main_content_ds .text_center {
    text-align: center
}

.compare_supplier_modal .main_content_ds .redio_col {
    display: flex;
    align-items: center
}

.compare_supplier_modal .main_content_ds .redio_input .form-check-input.check_in {
    width: 100%;
    height: 100%;
    appearance: none;
    border: 3px solid #739ca2;
    border-radius: 50%;
    margin: 0rem !important;
}

.compare_supplier_modal .main_content_ds .redio_input input[type=radio]:checked {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fe893a;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compare_supplier_modal .main_content_ds .redio_input input[type=radio]:checked::after {
    content: "";
    width: .855rem;
    height: .855rem;
    background-color: #fe893a;
    display: block;
    border-radius: 50%;
    border-color: #fe893a
}

.compare_supplier_modal .main_content_ds .padding_left {
    padding-left: 0rem !important
}

.compare_supplier_modal .main_content_ds .padding_top_and_bottom {
    padding: .625rem 0;
    white-space: nowrap
}

.compare_supplier_modal .main_content_ds .min-wid {
    min-width: 7.5rem
}

.finalItemSheetModal {
    z-index: 9999;
}

.finalItemSheetModal .modal-content {
    padding: 1rem;
}

.finalItemSheetModal .modal-content .modal_body .modal_body_info_head {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.finalItemSheetModal .modal-content .modal_body .modal_body_info_head h4 {
    margin: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070A0E;
}

.finalItemSheetModal .modal-content .modal_body .modal_body_info_head .btn_secondary {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    height: 3.125rem;
    width: 12.5rem;
    border: 0.063rem solid #739CA2;
    border-radius: 10px;
    color: #739CA2;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.063rem;
}

.finalItemSheetModal .modal-content .modal_body .customTabelResponsive {
    height: 16.75rem;
}

.finalItemSheetModal .modal-content .modal_body .customTabelResponsive .customTabel tbody tr td:nth-child(5) {
    min-width: 4rem !important;
}

.finalItemSheetModal .modal-content .modal_body .editBtnOuter {
    width: 100%;
    display: flex;
    margin-top: 1.5rem;
}

.finalItemSheetModal .modal-content .modal_body .editBtnOuter .btn_secondary {
    margin-left: auto;
    height: 3.125rem;
    width: 9.375rem;
    align-items: center;
    display: flex;
    justify-content: center;
}

@media(max-width: 460px) {
    .finalItemSheetModal {}

    .finalItemSheetModal .modal-content {}

    .finalItemSheetModal .modal-content .modal_body .modal_body_info_head {}

    .finalItemSheetModal .modal-content .modal_body .modal_body_info_head h4 {
        font-size: 0.75rem !important;
    }

    .finalItemSheetModal .modal-content .modal_body .modal_body_info_head .btn_secondary {
        gap: 0.3rem !important;
        height: 2.125rem !important;
        width: 9.5rem !important;
        font-size: 0.55rem !important;
    }

    .finalItemSheetModal .modal-content .modal_body .customTabelResponsive {}

    .finalItemSheetModal .modal-content .modal_body .customTabelResponsive .customTabel tbody tr td:nth-child(5) {}

    .finalItemSheetModal .modal-content .modal_body .editBtnOuter {}

    .finalItemSheetModal .modal-content .modal_body .editBtnOuter .btn_secondary {
        height: 2.125rem !important;
        width: 6.375rem !important;
        font-size: 0.55rem !important;
    }
}

@media(max-width: 576px) {
    .finalItemSheetModal {}

    .finalItemSheetModal .modal-content {}

    .finalItemSheetModal .modal-content .modal_body .modal_body_info_head {}

    .finalItemSheetModal .modal-content .modal_body .modal_body_info_head h4 {
        font-size: 1rem;
    }

    .finalItemSheetModal .modal-content .modal_body .modal_body_info_head .btn_secondary {
        height: 2.5rem;
        width: 10.5rem;
        font-size: 0.65rem;
    }

    .finalItemSheetModal .modal-content .modal_body .customTabelResponsive {}

    .finalItemSheetModal .modal-content .modal_body .customTabelResponsive .customTabel tbody tr td:nth-child(5) {}

    .finalItemSheetModal .modal-content .modal_body .editBtnOuter {}

    .finalItemSheetModal .modal-content .modal_body .editBtnOuter .btn_secondary {
        height: 2.5rem;
        width: 7.375rem;
        font-size: 0.65rem;
    }
}

@media(min-width: 280px)and (max-width: 575px) {
    .coman_items {
        padding: 1.5rem 0rem !important
    }

    .compare_supplier_modal .main_content_ds .row.main_row_d .table_custom .text_table_p1 {
        font-size: .6rem !important
    }
}

.customTabelOuter {
    padding: 0rem 1.5rem;
    background-color: #f5fdff
}

.customTabelOuter .customTabelHead {
    border: none
}

.customTabelOuter .customTabelHead .card-left h4 {
    font-weight: 700
}

.customTabelOuter .customTabelHead .customTitle {
    font-size: .875rem;
    align-items: center
}

.customTabelOuter .customTabelHead .customTitle .CustomFromGroup {
    margin-left: auto
}

.customTabelOuter .customTabelHead .customTitle .customCheckbox {
    flex: auto
}

.customTabelOuter .customModalButton {
    padding: 1.5rem .75rem
}

.customTabelOuter .customModalButton .dash_right_btn {
    margin: 0rem
}

.customTabelOuter .customModalButton .dash_right_btn img {
    margin: 0rem
}

.customTabelOuter .customModalButton .dash_right_btn .customEmailBtn {
    padding: .5rem .5rem;
    border-radius: .625rem;
    height: 2.7rem;
    width: 3.9rem;
    min-width: 3.9rem !important;
}

.customTabelOuter .customModalButton .dash_right_btn .CusomtomBtnPadding {
    padding: .5rem 3rem;
    margin-left: 1rem;
    min-height: 2.7rem !important;

}

.customTabelResponsive {
    overflow: auto;
    height: 350px;
}

.customTabelResponsive .customTabel {
    text-align: left;
    border-collapse: collapse;
    font-size: .75rem;
    line-height: 1.125rem
}

.customTabelResponsive .customTabel tr {
    border-top: .053rem solid #000;
    border-bottom: .053rem solid #000
}

.customTabelResponsive .customTabel tr th:first-child {
    position: sticky;
    left: 0rem;
    background-color: #c4dce0
}

.customTabelResponsive .customTabel tr td {
    border-left: .053rem solid #000;
    border-right: .053rem solid #000;
    border-radius: 0rem;
    white-space: nowrap;
    padding: .5rem;
    vertical-align: baseline;
    min-width: 8rem
}

.customTabelResponsive .customTabel tr td.customTabelData {
    white-space: unset
}

.customTabelResponsive .customTabel tr td:first-child {
    position: sticky;
    left: 0rem;
    background-color: #c4dce0
}

.customTabelResponsive .customTabel tr th {
    border: .053rem solid #000;
    border-radius: 0rem;
    padding: .5rem
}

.customTabelResponsive .customTabel tr.customActive {
    border-color: #fe893a
}

.customTabelResponsive .customTabel tr.customActive td:first-child {
    background-color: #fe893a;
    border-top-color: #000;
    border-bottom-color: #000
}

.customTabelResponsive .customTabel tr.customActive td {
    border-top-color: #fe893a;
    border-bottom-color: #fe893a
}

.customTabelResponsive .customTabel tr td:first-child {
    min-width: 1.5rem
}

.customTabelResponsive .customTabel .customTabelHeader {
    background-color: #c4dce0
}

@media(max-width: 1199px) {
    .customTabelOuter .customTabelHead {
        flex-wrap: wrap
    }

    .customTabelOuter .customTabelHead .customTitle {
        width: 100%;
        margin-top: 0rem
    }

    .content_payment .dash_right_btn .btn {
        min-width: 200px !important;
        min-height: 45px;
    }
}

@media(max-width: 460px) {
    .content_payment .dash_right_btn .btn {
        min-width: 150px !important;
        min-height: 40px;
    }

    .customTabelOuter .customModalButton .dash_right_btn {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }

    .customTabelOuter .customModalButton .dash_right_btn .CusomtomBtnPadding {
        width: 9.375rem;
        margin: 0;
    }
}

@media(max-width: 767px) {
    .customTabelOuter .customModalButton .dash_right_btn .CusomtomBtnPadding {
        padding: .5rem 2rem
    }
}

.compare_supplier_btn:hover {
    color: #fff !important
}

.compare_supplier_modal .modal-content {
    padding: 0 !important
}

.compare_supplier_modal .modal-content .compare_item_wrapper {
    margin: 0 !important
}


.compare_supplier_modal .editInput {
    position: relative;
    display: none;
}

.compare_supplier_modal .editInput input {
    background: #EBF3F5;
    border-radius: 0.63rem;
    height: 2.5rem;
    width: 100%;
    border: 1px solid #EBF3F5;
    color: #070A0E;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 0.5rem;
}

.compare_supplier_modal .form_control3 {
    background: transparent;
    border-radius: 0.63rem;
    height: 2.5rem;
    width: 100%;
    border: 1px solid #fff;
    color: #070A0E;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 0.5rem;
}

.compare_supplier_modal .form_control3:focus {
    outline: none !important;
}

.compare_supplier_modal .editInput input:focus {
    outline: none !important;
}

.compare_supplier_modal .editInput .editInputText {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 12px;
    color: #739CA2;
}

.saveInputImg {
    display: none;
    margin-bottom: 0.6rem;
}

.editInputImg {
    margin-bottom: 0.8rem;
}

.main_content_ds.showInput .editInput {
    display: block !important;
}

.main_content_ds .hideValue {
    height: 2.5rem;
}

.main_content_ds .hideValueCustom {
    width: 6rem;
}

.main_content_ds .customFormControl3 {
    width: 10rem;
}

.main_content_ds.showInput .hideValue {
    display: none;
}

.main_content_ds.showInput .saveInputImg {
    display: block;
}

.compare_supplier_modal .modal-content {
    min-width: 82% !important;
}

@media (max-width: 991px) {

    .compare_supplier_modal .compare_item_wrapper .main_content_ds,
    .compare_supplier_modal .compare_item_wrapper .customTabelOuter2 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.dashboard_main_right_side {
    margin: 0 .75rem
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg {
    background-color: #f5fdff;
    border-radius: 1.25rem;
    padding: .9375rem 1.2rem
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit {
    display: flex;
    align-items: center;
    margin: 0
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .col {
    flex: 1 0 0%;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .col .heading_main {
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #070a0e
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .col_auto {
    flex: 0 0 auto;
    width: auto
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .col_auto .edit_input_img {
    width: 15px
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuterRight .edit_input_img {
    margin-left: 1.5rem;
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuter {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuter .lightTextouter {
    font-style: normal;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 0.938rem;
    color: #465461;
    display: block;
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuter .darkTextOuter {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.938rem;
    color: #465461;
    display: block;
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .col_auto .edit_input_img img {
    width: 100%;
    cursor: pointer
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet {
    margin: 0;
    overflow: auto hidden !important;
    flex-wrap: nowrap
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col {
    flex: 1 0 0%;
    padding-top: .75rem;
    padding-bottom: .75rem;
    min-width: 9rem
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .content_name {
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461;
    height: .9rem
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .content_name.tooltip_flex {
    display: flex;
    align-items: center
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .content_name2 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    columns: #070a0e
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .content_name2.content_custom {
    color: #1d85e8 !important
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .plus_shine_content .content_underline {
    text-decoration: underline
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .plus_shine_content .plus_Shine_img {
    margin: 0px .313rem;
    cursor: pointer;
    display: inline-block;
    width: .813rem
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .plus_shine_content .plus_Shine_img img {
    width: 100%;
    cursor: pointer
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .tooltip {
    display: flex;
    align-items: center;
    margin-top: .225rem
}

.dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .tooltip span {
    margin: 0 .313rem;
    width: .938rem
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns {
    padding: 0
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner {
    margin: 0;
    border-radius: 1.25rem;
    background: #f5fdff;
    height: 100%
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    overflow-y: auto;
    flex-wrap: nowrap
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck.ck-toolbar {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
    position: relative;
    margin-bottom: .625rem
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck.ck-toolbar.ck-toolbar_grouping {
    margin-right: 130px
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck .ck-content.ck-rounded-corners.ck-editor__editable_inline {
    border: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
    min-height: 12.25rem
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck .ck-content.ck-rounded-corners.ck-editor__editable_inline:focus-visible {
    outline: none !important
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck .ck-content.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    outline: none !important;
    box-shadow: none !important
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck .ck-content.ck-rounded-corners.ck-editor__editable_inline p {
    font-style: normal;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #739ca2
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck .ck-reset_all {
    border-bottom: .063rem solid #e8f0f2
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck_editor_button_img {
    display: flex;
    right: 1.275rem;
    position: absolute;
    top: 1.25rem;
    z-index: 9
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck_editor_button_img .ek_edit_btn {
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(255, 255, 255, .01);
    border: .063rem solid #739ca2;
    border-radius: .625rem;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: .313rem;
    cursor: pointer !important;
    padding: 0
}

.dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck_editor_button_img .ek_edit_btn img {
    height: .8rem
}

@media(min-width: 280px)and (max-width: 575px) {
    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .col .heading_main {
        font-size: 1.05rem
    }

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .top_Header_contet .col .content_name2 {
        font-size: .925rem
    }

    .dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck_editor_button_img {
        right: 1.275rem
    }

    .dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck_editor_button_img .ek_edit_btn {
        margin: 0 .113rem
    }
}

@media(min-width: 0px)and (max-width: 767px) {
    .dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side {
        margin-bottom: 1.25rem
    }

    .dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck .ck-content.ck-rounded-corners.ck-editor__editable_inline p {
        font-size: .825rem
    }
}

@media(min-width: 0px)and (max-width: 1920px) {
    .dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
        right: -10.125rem;
        top: 2.813rem
    }
}

@media(min-width: 280px)and (max-width: 992px) {
    .dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck_editor_button_img {
        top: 1.45rem !important
    }

    .dashboard_main_right_side .content_Bottom .content_Inner_columns .content_Inner_row .content_Left_Side .content_Left_Side_Inner .content_Ck_Editor .ck_editor_button_img .ek_edit_btn {
        height: 2rem;
        width: 2rem
    }

    .content_Ck_Editor .ck .ck-editor__top.ck-reset_all .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
        margin-right: 100px !important
    }

    .content_Ck_Editor .ck .ck-editor__top.ck-reset_all .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar .ck-toolbar__items .ck-dropdown {
        width: 65px !important
    }
}

.mainOuter .mainOuterInner {
    margin: 0;
    gap: 1.25rem
}

.mainOuter .mainOuterInner .col {
    flex: 1 0 0;
    padding-left: .75rem;
    padding-right: .75rem
}

.mainOuter .mainOuterInner .colAuto {
    flex: 0 0 auto;
    width: auto;
    padding-left: .75rem;
    padding-right: .75rem
}

.mainOuter .mainExpanceOuter {
    background: #f5fdff;
    box-shadow: 0rem 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem;
    /* height: 36.375rem; */
    overflow: hidden auto;
    padding: 1rem 1.5rem
}

.mainOuter .mainExpanceOuter .expenses {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #070a0e
}

.mainOuter .mainExpanceOuter .agentCostSectionParent {
    margin: 0rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection {
    border-bottom: .063rem solid #c4dce0;
    padding: 1.5rem 0rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCost {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #465461
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner {
    margin-top: 1.5rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .agentCostSectionInner2 {
    gap: .8rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col {
    flex: 1 0 0%;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper {
    min-width: 7rem;
    position: relative
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper .fixedInutText {
    top: 50%;
    right: 0.7rem;
    margin-top: -0.48rem;
    width: auto;
    height: 0.938rem;
    position: absolute;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #739ca2;
    text-align: end;
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .75rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .9rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper .customInput {
    display: block;
    width: 100%;
    padding: 0.375rem 3.55rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #ebf3f5;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: .15s ease-in-out, box-shadow .15s ease-in-out
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper .customInput:focus~label {
    opacity: .65;
    transform: translateY(-2rem) translateX(-0.4rem) !important;
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper .customSelect {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-weight: 400;
    color: #212529;
    background-color: #ebf3f5;
    background-clip: padding-box;
    border-radius: .375rem;
    transition: .15s ease-in-out, box-shadow .15s ease-in-out;
    border: none;
    font-family: "Inter";
    font-style: normal;
    font-size: 0.75rem;
    line-height: .938rem;
    min-height: 2.5rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper .customSelect:focus-visible {
    outline: none !important
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper input {
    width: 180px;
    height: 40px;
    border: none
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper input:focus-visible {
    outline: none;
    border: none;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .inputWraper .commissionOuter {
    display: flex;
    justify-content: space-between
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .rightCheckImage {
    height: 100%;
    width: 100%;
    display: flex
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .rightCheckImage .ightcheckImageOuter {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    margin-top: auto;
    text-decoration: none
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col .rightCheckImage .ightcheckImageOuter .img {
    width: 100%
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .rightCheckImageParent {
    flex: 0 0;
    min-width: 5rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .secondAgentCost {
    display: flex;
    align-items: center;
    font-size: .875rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .secondAgentCost .tooltip {
    margin-left: .5rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .secondAgentCost .tooltip .tooltipImgOuter {
    display: block;
    height: .938rem;
    width: .938rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .secondAgentCost .tooltip .tooltipImgOuter img {
    width: 100%;
    height: 100%
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .checkLabelTextOuter {
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .checkLabelTextOuter .checkLabelText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461;
    margin-left: .8rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner3 {
    margin-top: 0
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 {
    border: none
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .scrollContentOuter {
    margin: 0
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .scrollContentOuter .scrollContent {
    overflow-x: auto;
    padding-bottom: 1rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .supplierCostHeadingOuter {
    padding-top: .5rem;
    padding-bottom: 1.5rem;
    padding-left: 0;
    padding-right: 0
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .supplierCostHeadingOuter .supplierCostHeading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.188;
    color: #070a0e
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 {
    flex-wrap: nowrap
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .customMaxWidth {
    max-width: min-content
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 {
    white-space: nowrap
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .checkLabelText2 {
    margin-left: 0
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .customSelect2 {
    min-width: max-content;
    color: #070a0e
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .agentCost {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: .75rem;
    line-height: .938rem;
    color: #070a0e
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .checkLabelText2Outer {
    flex-direction: column;
    align-items: start;
    gap: 0.3rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .checkLabelText2Outer .documentIconOuter {
    display: flex;
    align-items: baseline
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .checkLabelText2Outer .documentIconOuter .documentIcon {
    width: .75rem;
    height: 1.125rem
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .checkLabelText2Outer .documentIconOuter .documentIcon img {
    width: 100%
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .checkLabelText2Outer .documentIconOuter .fileText {
    display: inline-block;
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #739ca2
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .fixedInutText {
    top: 50%;
    right: .7rem;
    margin-top: -0.48rem;
    width: 1.688rem;
    height: .938rem;
    position: absolute;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #739ca2;
    text-align: end;
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .customInput {
    font-size: .75rem;
    padding-right: 2.4rem;
    transition: none
}

.mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 .agentCostSectionInner2 .customInput:focus-visible {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.mainOuter .mainExpanceOuterTwo {
    background: #f5fdff;
    box-shadow: 0rem 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem;
    padding: 2rem 1.5rem
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter {
    align-items: center
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .quoteDateText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #070a0e
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .calenderClassOuter .calenderClass {
    width: 15.625rem;
    height: 2.5rem;
    background: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding: .4rem
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .calenderClassOuter .calenderClass:focus-visible {
    outline: none
}

.mainOuter .mainExpanceOuterTwo .custom_col {
    flex: 1 0 0%;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.mainOuter .mainExpanceOuterTwo .custom_col_auto {
    flex: 0 0;
    white-space: nowrap
}

.mainOuter .dash_right_btn_custom .btn {
    display: inline-flex;
    align-items: center;
    font-size: 1.125rem;
    min-width: 12.5rem;
    justify-content: center;
    min-height: 2.5rem;
    display: flex;
    align-items: center
}

.mainOuter .dash_right_btn_custom .btn:hover {
    color: #fff
}

.mainOuter .dash_right_btn_custom .btn img {
    margin-left: .8rem
}

.mainOuter .uploadButtons {
    display: flex;
    gap: .5rem
}

.mainOuter .uploadButtons .uploadButtonImage {
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .01);
    border: 1px solid #fe893a;
    border-radius: 10px
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd {
    flex: 0 0;
    width: 100%;
    max-width: 100%;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 {
    flex: 0 0;
    width: 50%;
    max-width: 100%;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .calenderClassOuter {
    width: 12rem;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .calenderClassOuter .inputWraper {
    position: relative;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .inputWraper .customInput {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #ebf3f5;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-right: 3rem;
    border: none;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .inputWraper .customInputLabel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.75rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .9rem;
    color: #739CA2;
    ;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .inputWraper .customInput:focus~label {
    opacity: .65;
    transform: translateY(-2rem) translateX(-0.4rem) !important;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .inputWraper .customInput:focus-visible {
    outline: none;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .inputWraper .fixedInutText {
    top: 50%;
    right: 0.7rem;
    margin-top: -0.48rem;
    width: 1.688rem;
    height: 0.938rem;
    position: absolute;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #739ca2;
    text-align: end;
}

.mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd3 {
    flex: 0 0 auto;
    width: 50%;
    max-width: 100%;
    padding-bottom: .5rem
}

@media(max-width: 1600px) {
    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner3 .customCol {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .rightCheckImageParent {
        min-width: 3rem
    }


}

@media(max-width: 1400px) {
    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .calenderClassOuter {
        width: 9rem;
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner3 .customCol {
        padding-left: .4rem;
        padding-right: .4rem;
        width: 50%;
        flex: 0 0 auto;
        padding-bottom: 1rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .rightCheckImageParent {
        min-width: 3rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd {
        flex: 0 0;
        width: 100%;
        max-width: 100%;
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 {
        flex: 0 0;
        width: 50%;
        max-width: 100%;
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd3 {
        flex: 0 0;
        width: 50%;
        max-width: 100%;
        padding-bottom: 1rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .calenderClassOuter .calenderClass {
        width: 100%
    }
}

@media(max-width: 1200px) {
    .mainOuter .mainExpanceOuterTwo {
        padding: 1rem 1.5rem;
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 {
        flex: 0 0 auto;
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .calenderClassOuter {
        min-width: 9rem;
        width: 100%;
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection {
        padding-bottom: 0;
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col {
        flex: 0 0 auto;
        width: 50%;
        padding-left: .4rem;
        padding-right: .4rem;
        padding-bottom: 1.5rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .rightCheckImageParent {
        min-width: 2rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection2 .agentCostSectionInner3 .custom_col2 {
        max-width: min-content
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        padding-bottom: 1.5rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .calenderClassOuter .calenderClass {
        width: 100%
    }

    .mainOuter .dash_right_btn_custom .btn {
        min-width: 8.625rem
    }
}

@media(max-width: 992px) {
    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 .calenderClassOuter {
        min-width: 7.5rem;
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .secondAgentCost {
        font-size: .775rem;
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .checkLabelTextOuter .checkLabelText {
        font-size: .7rem;
        margin-left: 0.6rem;
    }
}

@media(max-width: 767px) {
    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .col_auto {
        width: 100%;
        padding: 0;
    }

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter {
        gap: 0;
        justify-content: space-between;
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .secondAgentCost {
        font-size: .875rem;
    }

    .mainOuter .mainExpanceOuter {
        height: 100% !important
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        padding-bottom: 1.5rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 {
        flex: 0 0 auto;
        width: 50%;
        max-width: 100%;
        padding-bottom: .5rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd3 {
        flex: 0 0 auto;
        width: 50%;
        max-width: 100%;
        padding-bottom: .5rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .calenderClassOuter .calenderClass {
        width: 100%
    }

    .mainOuter .dash_right_btn_custom .btn {
        min-width: 10.625rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .checkLabelTextOuter .checkLabelText {
        font-size: .75rem;
        margin-left: 0.6rem;
    }
}

@media(max-width: 576px) {

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter {
        flex-direction: column;
        align-items: start;
    }

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuterRight {
        margin-top: .4rem;
        width: 100%;
    }

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuterRight .edit_input_img {
        margin-left: auto;
    }

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuter {}

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuter .lightTextouter {}

    .dashboard_main_right_side .top_Header_Side .top_Header_Side_bg .main_Heading_Edit_inpuit .editInputOuter .paymentTermTextOuter .darkTextOuter {}
}

@media(max-width: 460px) {
    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection {
        padding: .5rem 0rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .custom_col {
        flex: 0 0 auto;
        width: 100%;
        padding-left: .4rem;
        padding-right: .4rem;
        padding-bottom: 1.5rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .customCol {
        flex: 1 0 0
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner .rightCheckImageParent {
        flex: 0 0 auto;
        width: auto;
        min-width: 2rem
    }

    .mainOuter .mainExpanceOuter .agentCostSectionParent .agentCostSection .agentCostSectionInner3 .customCol {
        width: 100%;
        flex: 0 0 auto
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        padding-bottom: 1.5rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd2 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        padding-bottom: 1.5rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .qouteDateOuterMd3 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        padding-bottom: 1rem
    }

    .mainOuter .mainExpanceOuterTwo .qouteDateOuter .calenderClassOuter .calenderClass {
        width: 100%
    }

    .mainOuter .dash_right_btn_custom {}
}

.sendmail_modal2 .modal-content {
    /* min-width: 82%; */
}

.sendmail_modal2 .modal-content .modal_body .modal_body_in .modal_body_info .modal_body_info_table .table-reponsive {
    min-width: 31.25rem;
}

.sendmail_modal2 .modal-content .modal_body .modal_body_in .modal_body_info .form_group .btn {

    font-size: 1.125rem;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0.65625rem 1.875rem;
}

.sendmail_modal2 .modal-content .modal_body .modal_body_in .modal_body_info .form_group .btn img {
    max-width: 100%;
    margin-left: 0.5rem;
}

.sendmail_modal2 .modal-content .modal_body .modal_body_in .modal_body_info .tab_doc_itm .tab_doc_itm_span {
    border: none;
}

.quotation_document_modal {
    z-index: 9999;
}

.quotation_document_modal .modal-content {
    min-width: 45%;
    padding: 0;
    overflow: hidden;
}

.quotation_document_modal .modal-content .close-button {
    top: 1.25rem;
}

.quotation_document_modal .modal-content .modal_body .modal_body_info_table .modal_body_info_head {
    background-color: #FFFFFF;
    padding: 1rem 2rem;
    border-bottom: 0.063rem solid #C4DCE0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.quotation_document_modal .modal-content .modal_body .modal_body_info_table .modal_body_info_head .fullScreenOuter {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 1rem;
}

.quotation_document_modal .modal-content .modal_body .modal_body_info_table .table-reponsive {
    min-width: 40rem;
}

.quotation_document_modal .modal-content .modal_body .modal_body_info_table .modal_body_info_head h4 {
    margin: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #000000;
}

.enquiries-Quote-modal {
    background: #f5fdff;
    box-shadow: 0px 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem;
    margin: 0
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content {
    margin: 0;
    align-items: center
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A {
    flex: 1 0 0%;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading {
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #070a0e
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .idname {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #070A0E;

}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading .customtext {
    padding-left: 0.625rem;
}


.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version {
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content {
    min-width: 18.43rem;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownItems {
    padding: 0.8rem 0.8rem;
    border-bottom: 0.063rem solid #C4DCE0;
    display: flex;
    gap: 1rem;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo {
    align-items: end;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartThree {
    align-items: center;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartThree .dropdownLastIconsParent {
    margin-left: auto;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartFour {
    align-items: center;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartFour .dropdownLastIconsParent {
    margin-left: auto;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartOne .dropdownContentText {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartOne .dropdownLastIconsParent {
    margin-left: auto;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo .dropdownContentText {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo .dropdownLastIconsParent {
    margin-left: auto;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownItems .dropdownIconsParent .iconParent {
    width: 0.938rem;
    height: 0.938rem;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownItems .dropdownContentText {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.063rem;
    color: #070A0E;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownItems .dropdownContentText .dateTimeSection {
    display: flex;
    gap: 0.4rem;

}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownItems .dropdownContentText .currentVersonText {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 0.938rem;
    color: #070A0E;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownItems .dropdownLastIconsParent .iconParent {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownLastItem {
    border-bottom: none;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .header_Content_Heading_Version_Child {
    color: #fe893a !important;
    border: none;
    background: none;
    pointer-events: cusor;
    cursor: pointer;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA {
    flex: 0 0 auto;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn {
    margin: 0;
    gap: 1rem
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA {
    flex: 0 0 auto;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.selesordergaprow {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.selesordergaprow .header_Button {
    width: 3.125rem !important;
    height: 3.125rem !important
}

.widthbtn {
    display: flex;
    align-items: center;
    justify-content: center
}

.widthbtn2 {
    width: 11rem;
    padding: 0.675rem .75rem;
    background: #739CA2;
    border-radius: 10px;
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .header_Button {
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .01);
    border: .063rem solid #739ca2;
    border-radius: 0.625rem
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col_A {
    flex: 1 0 0%;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col_A .dash_right_btn_custom .btn {
    width: 12.5rem;
    height: 3.125rem;
    background: #739ca2;
    border-radius: .625rem;
    font-weight: 600;
    font-size: 1.025rem;
    line-height: 1.375rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.enquiries-Quote-modal .inner_dashboard {
    padding-bottom: .75rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    min-height: 31.25rem;
    height: 100%;
    padding: .625rem .75rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .left_Side_part {
    width: 15rem;
    height: 100%
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part {
    width: calc(100% - 15rem);
    height: 100%
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright {
    margin: 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .inner_right_section {
    padding-right: 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side {
    margin: 0;
    background: #ebf3f5;
    border-radius: 1.25rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col_A {
    flex: 1 0 0%;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col_A .right_Side_part_Heading {
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA {
    flex: 0 0 auto;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-right: .75rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn {
    display: flex;
    align-items: center;
    gap: .9rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn .btn_img {
    cursor: pointer;
    width: .938rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn .btn_img img {
    width: 100%
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA {
    overflow: auto;
    min-height: 21.875rem;
    height: 100%
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel {
    text-align: left;
    border-collapse: collapse
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel .customTabelHeader {
    border-bottom: 0.031rem solid #C4DCE0;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel thead {
    border-bottom: 0 .031rem solid #c4dce0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel thead .customTabelHeader th.table_content_header {
    min-width: 10rem;
    border-radius: 0rem;
    padding: 1.5rem .5rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel thead .customTabelHeader th.table_content_header .table_img_content_ {
    display: flex;
    align-items: center
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel thead .customTabelHeader th.table_content_header .table_img_content_ .table_img {
    width: .938rem;
    height: .938rem;
    display: inline-block;
    margin: 0 .313rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel thead .customTabelHeader th.table_content_header .table_img_content_ .table_text_head {
    display: inline-block;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr .customActive {
    background-color: none !important
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr td {
    border-radius: 0rem;
    white-space: nowrap;
    padding: .6rem .5rem;
    vertical-align: baseline;
    min-width: 10rem;
    font-weight: 400;
    font-size: 1rem;
    color: #070a0e
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content {
    margin: 0;
    padding-top: .938rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner {
    margin: 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .information_Heading {
    font-style: italic;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #465461
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .inner_child {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .content_child {
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #070a0e
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .left_side_content {
    padding-left: 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content .inner_contentA {
    display: flex;
    align-items: center;
    padding: 0.625rem 0;
    gap: 0.8rem;
    text-decoration: underline;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content .custom_inner_contentA {
    text-decoration: none !important;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content .inner_contentA .btn_content {
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    text-align: center;
    color: #fe893a;
    background: rgba(0, 0, 0, 0);
    border: none
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .charge_side {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .amount_SideA {
    font-style: normal;
    font-weight: 300;
    font-size: 1.125;
    line-height: 1.375rem;
    color: #1d85e8
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .amount_Side {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #070a0e
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment b {
    font-weight: 500;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information {
    margin: 0;
    padding-top: .938rem;
    display: flex;
    align-items: center
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side {
    padding-left: 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner {
    margin: 0;
    display: flex;
    align-items: center
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .Supplier_Heading {
    font-style: italic;
    font-weight: 600;
    font-size: .813rem;
    line-height: 1.063rem
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .Supplier_Heading span {
    color: #465461 !important
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem 0
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content {
    min-width: 13.75rem;
    bottom: 6rem;
    left: auto;
    right: 0;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content .dropdown-contentInner {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 1rem;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content .dropdown-contentInner .customDropdownItems {}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content .dropdown-contentInner .dropdown-contentPartOne .suppliersText {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 0.938rem;
    color: #465461;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo .suppliersCompanyHeading {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.938rem;
    color: #070A0E;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo ul {
    margin: 0;
    display: flex;
    gap: 1rem;
    padding: 0;
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: #465461;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo ul li:first-child {
    list-style: none !important;
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content .inner_child {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content .content_child {
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.188rem;
    color: #070a0e
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content .content_child.dropbtn {
    text-decoration: underline;
}


.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .information_Heading {
    font-style: italic;
    font-weight: 600;
    font-size: .813rem;
    line-height: 1.063rem;
    color: #465461
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .information_Heading span {
    color: #465461 !important
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .inner_contentA {
    display: flex;
    align-items: center;
    padding: .625rem 0;
    gap: .8rem;
    justify-content: space-between
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .inner_contentA .tatal_agents {
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.188rem;
    color: #465461
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .inner_contentA .total_number {
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.188rem;
    text-align: right;
    color: #070a0e
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .inner_contentA .total_number.dropbtn {
    text-decoration: underline;
}



@media(max-width: 1800px) {
    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main {
        flex-direction: inherit;
        flex-wrap: inherit
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side {
        flex: 0 0 60%;
        max-width: 60%;
        padding-right: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment {
        flex: 0 0 40%;
        max-width: 40%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side {
        flex: 0 0 60%;
        max-width: 60%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment {
        flex: 0 0 40%;
        max-width: 40%
    }
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side {
    flex: 0 0 65%;
    max-width: 65%
}

.enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment {
    flex: 0 0 35%;
    max-width: 35%
}

@media(max-width: 1600px) {
    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main {
        flex-direction: inherit;
        flex-wrap: inherit
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .inner_child {
        font-size: .875rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .content_child {
        font-size: .875rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .charge_side {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .amount_SideA {
        font-size: .938rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .amount_Side {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content .inner_child {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content .content_child {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .inner_contentA {
        gap: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .inner_contentA .tatal_agents {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content .inner_contentA .total_number {
        font-size: .75rem
    }
}

@media(max-width: 1400px) {
    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn {
        padding-left: 0rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main {
        flex-direction: inherit;
        flex-wrap: inherit
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .inner_right_section {
        padding-right: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn .btn_img {
        cursor: pointer
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr td {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side {
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .inner_child {
        font-size: .875rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .content_child {
        font-size: .875rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .left_side_content {
        flex: 0 0 50%;
        max-width: 50%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content {
        padding: 0;
        display: flex;
        align-items: end;
        flex-direction: column
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 .9375rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information {
        padding: .938rem 0rem 0 .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content {
        padding: 0 .875rem 0 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment .dash_right_btn {
        text-align: start
    }
}

@media(max-width: 1200px) {
    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn {
        padding-left: 0rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .left_Side_part {
        width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part {
        width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .inner_right_section {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn .btn_img {
        cursor: pointer
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr td {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side {
        flex: 0 0 100%;
        padding: 0;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .left_side_content {
        flex: 0 0 50%;
        max-width: 50%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content {
        padding: 0;
        flex: 0 0 50%;
        max-width: 50%;
        display: flex;
        align-items: end;
        flex-direction: column
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment .dash_right_btn {
        text-align: start
    }
}

@media(max-width: 992px) {
    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: .7rem;
        padding-right: .7rem
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px .5375rem
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn {
        padding-left: 0rem;
        gap: 0
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA {
        padding-left: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .left_Side_part {
        width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part {
        width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .inner_right_section {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn .btn_img {
        cursor: pointer
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA {
        min-height: 200px;
        height: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr td {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side {
        flex: 0 0 100%;
        padding: 0;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .left_side_content {
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%;
        display: block;
        align-items: inherit;
        flex-direction: inherit
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information {
        padding: 15px 0rem 0 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment .dash_right_btn {
        text-align: start
    }
}

@media(max-width: 768px) {
    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn {
        padding-left: 0rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .left_Side_part {
        width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part {
        width: 100%
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .inner_right_section {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn .btn_img {
        cursor: pointer
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr td {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information {
        padding: .938rem 0rem 0 0rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .right_side_content {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .content_payment .dash_right_btn {
        text-align: start
    }
}

@media(max-width: 576px) {
    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading {
        font-size: 1.188rem
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA {
        width: 100%
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col_A {
        padding-left: 0rem
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col-autoA .header_Content_btn .col_A .dash_right_btn_custom .btn {
        width: 9.375rem;
        height: 2.825rem;
        font-size: 1.025rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col-autoA .right_Side_part_img_btn .btn_img {
        cursor: pointer
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr td {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information {
        padding: .938rem 0rem 0 0rem
    }
}

@media(max-width: 460px) {
    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content {
        min-width: 13rem;
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .header_Content_Heading_Version .dropdown-content .dropdown-contentInner .customDropdownItems .dropdownContentText {
        font-weight: 300;
        font-size: 0.75rem;

    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .col_A .right_Side_part_Heading {
        font-size: .875rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .right_inner_side .table_right_part .table_inner .tablecol .customTabelResponsiveA .customTabel tr td {
        font-size: .813rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .inner_child {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .inner_content .content_child {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .bottom_content_right_Side .right_side_inner .right_side_content .inner_contentA .btn_content {
        padding: 0
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .charge_side {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .amount_SideA {
        font-size: .875rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .bottom_content .contrnt_payment .right_content_payment .amount_Side {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information {
        padding: .938rem 0rem 0 0rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .Supplier_Heading {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content .inner_child {
        font-size: .75rem
    }

    .enquiries-Quote-modal .inner_dashboard .inner_dashboard_main .right_Side_part .supplier_information .supplier_information_right_Side .right_side_inner .left_side_content .inner_content .content_child {
        font-size: .75rem
    }
}

.left_Side_part {
    border-right: .031rem solid #c4dce0;
    position: relative
}

.left_Side_part .leftSideInnerPartOne {
    margin-right: 0rem;
    gap: .4rem;
    margin-bottom: 2rem
}

.left_Side_part .leftSideInnerPartOne .quotaionTextOuterParent {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.left_Side_part .leftSideInnerPartOne .quotaionTextOuterParent .quotaionTextOuter {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.left_Side_part .leftSideInnerPartOne .quotaionTextOuterParent .quotationDateOuter {
    display: flex;
    align-items: center;
    gap: .8rem
}

.left_Side_part .leftSideInnerPartOne .quotaionTextOuterParent .quotationDateOuter .quotationDateText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .75rem;
    line-height: .938rem;
    text-align: right;
    color: #070a0e
}

.left_Side_part .leftSideInnerPartOne .quotaionTextOuterParent .quotationDateOuter .quotationDateImg .img {
    width: 100%;
    height: 100%
}

.left_Side_part .leftSideInnerPartOne .quotaionTextOuterParent .quotationDateOuter .img {
    width: 100%;
    height: 100%
}

.left_Side_part .leftSideInnerPartTwo {
    margin-right: 0rem;
    gap: 1.4rem;
    margin-bottom: 2rem
}

.left_Side_part .leftSideInnerPartTwo .customberDetailsHeadingParent .customberDetailsHeading {
    font-family: "Inter";
    font-style: italic;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.left_Side_part .leftSideInnerPartTwo .customberNamePrent .customberName {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 143.1%;
    color: #070a0e
}

.left_Side_part .leftSideInnerPartTwo .customberNamePrent .customberName b {
    font-weight: 500
}

.left_Side_part .leftSideInnerPartTwo .customberAddressParent {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.left_Side_part .leftSideInnerPartTwo .customberAddressParent .customberAddressMain {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    text-transform: uppercase;
    color: #070a0e;
    max-width: 12rem
}

.left_Side_part .leftSideInnerPartTwo .customberAddressParent .customberAddress {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #070a0e;
    max-width: 11rem
}

.left_Side_part .leftSideInnerPartTwo .customberContact {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.left_Side_part .leftSideInnerPartTwo .customberContact .customberContactHeading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #739ca2
}

.left_Side_part .leftSideInnerPartTwo .customberContact .customberNumMail {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.left_Side_part .leftSideInnerPartTwo .customberContact .customberNumMail .customberMail {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #070a0e
}

.left_Side_part .leftSideInnerPartTwo .customberContact .customberNumMail .customberNumber {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #070a0e
}

.left_Side_part .leftSideInnerPartThree {
    margin-right: 0rem;
    gap: 1.4rem;
    margin-bottom: 2rem
}

.left_Side_part .leftSideInnerPartThree .sellesorder .sellertext {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.left_Side_part .leftSideInnerPartThree .sellesorder .username {
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.431rem;
    color: #333333
}

.left_Side_part .leftSideInnerPartThree .sellesorder .positionname {
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.431rem;
    color: #727272
}

.left_Side_part .leftSideInnerPartThree .sellesorder .ubimextext {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.063rem;
    color: #000000
}

.left_Side_part .leftSideInnerPartThree .sellesorder .addresnew {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.063rem;
    color: #333333;
}



.left_Side_part .leftSideInnerPartThree .sellerDetailsHeadingParent .sellerDetailsHeading {
    font-family: "Inter";
    font-style: italic;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.left_Side_part .leftSideInnerPartThree .sellerNamePrent {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: start !important
}

.left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter {
    display: flex;
    flex-direction: column
}

.left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter .sellerName {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 143.1%;
    color: #333
}

.left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter .sellerName b {
    font-weight: 600
}

.left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter .sellerPost {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 143.1%;
    color: #727272
}

.left_Side_part .leftSideInnerPartThree .sellerCompanyNameParent .sellerCompanyName {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #000;
    max-width: 13rem
}

.left_Side_part .leftSideInnerPartThree .sellerCompanyAddressParent .sellerCompanyAddress {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #333;
    max-width: 12.063rem
}

.left_Side_part .warningText {
    position: absolute;
    bottom: 0;
    font-family: "Inter";
    font-style: italic;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #ff3237
}

@media(max-width: 1200px) {
    .left_Side_part {
        border: none;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem
    }

    .left_Side_part .leftSideInnerPartOne {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .left_Side_part .leftSideInnerPartOne .quotaionTextOuterParent {
        padding: 0
    }

    .left_Side_part .leftSideInnerPartTwo {
        width: 50%;
        margin-left: 0;
        margin-right: 0
    }

    .left_Side_part .leftSideInnerPartTwo .customberDetails {
        padding: 0
    }

    .left_Side_part .leftSideInnerPartThree {
        width: 50%;
        margin-left: 0;
        margin-right: 0
    }

    .left_Side_part .leftSideInnerPartThree .sellerDetails {
        padding: 0;
        display: flex;
        justify-content: end;
        text-align: end
    }

    .left_Side_part .leftSideInnerPartThree .sellesorder .ubimextext {
        text-align: start
    }

    .left_Side_part .leftSideInnerPartThree .sellesorder .addresnew {
        text-align: start
    }

    .enquiries-Quote-modal .enquiries-Quote-modal-Header .header_Content .col_A .idname {
        font-size: 0.813rem;
        white-space: nowrap
    }

}

@media(max-width: 576px) {
    .left_Side_part .leftSideInnerPartOne {
        margin-bottom: 1rem
    }

    .left_Side_part .leftSideInnerPartTwo {
        width: 100%;
        margin-bottom: 1rem
    }

    .left_Side_part .leftSideInnerPartThree {
        width: 100%;
        margin-bottom: 1rem
    }

    .left_Side_part .leftSideInnerPartThree .sellerDetails {
        justify-content: start;
        text-align: start
    }
}

.proformaInvoicetab {
    background: #f5fdff;
    box-shadow: 0rem 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem;
    margin: 0
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content {
    margin: 0;
    align-items: center
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A {
    flex: 1 0 0%;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-right: 0
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A .header_Content_Heading {
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #070a0e;
    display: flex
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A .header_Content_Heading span {
    width: 1.563rem;
    margin-left: .5rem
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A .header_Content_Heading span img {
    width: 100%
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A .header_Content_Heading_Version {
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA {
    flex: 0 0 auto;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn {
    align-items: center;
    margin: 0
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA {
    flex: 0 0 auto;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .dash_right_btn_custom {
    display: flex;
    gap: 1.2rem
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .dash_right_btn_custom .header_Button {
    background: rgba(255, 255, 255, .01);
    border: 1px solid #739ca2;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .dash_right_btn_custom .header_Button.end_btn_margin {
    margin-right: 1.25rem
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .btn {
    width: 9rem;
    height: 3.125rem;
    background: rgba(0, 0, 0, 0);
    border-radius: .625rem;
    font-weight: 700;
    font-size: 1.025rem;
    line-height: 1.375rem;
    color: #739ca2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col_A {
    flex: 1 0 0%;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    padding-right: 0
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col_A .btn {
    width: 12.5rem;
    height: 3.125rem;
    background: #739ca2;
    border-radius: .625rem;
    font-weight: 600;
    font-size: 1.025rem;
    line-height: 1.375rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col_A .btn span img {
    margin-left: 10px
}

.proformaInvoicetab .table_group {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: .313rem 2.5rem 1.5rem 2.5rem
}

.proformaInvoicetab .table_group .table_Custom {
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    /* min-width: 85.063rem */
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_rowspan {
    text-align: left;
    height: 15.625rem;
    border-radius: 10px 0px 0px 0px
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_rowspan .table_content {
    padding: .938rem 0rem
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_rowspan .table_content .child1 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    color: #465461;
    padding: .313rem 0
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_rowspan .table_content .child2 {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.269rem;
    color: #070a0e;
    padding: .313rem 0rem
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_rowspan .table_content .child3 {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.269;
    color: #465461;
    padding: .063rem 0rem
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_rowspan .table_content .child4 {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #070a0e;
    padding: .313rem 0
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_rowspan .table_content .child5 {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: .313rem 0rem;
    color: #070a0e;
    width: 50%
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_Proforma {
    text-align: left;
    height: 5.188rem;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    width: 33.33%;
    color: #465461
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .table_Proforma span {
    margin-left: 15px
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content .end_table_content {
    text-align: left;
    height: 5.188rem;
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #465461;
    border-radius: 0px 10px 0px 0px
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content span {
    margin-left: 1.713rem
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content span .customInput {
    height: 2.5rem;
    border-radius: .625rem;
    background: #ebf3f5;
    border: none;
    padding: .625rem
}

.proformaInvoicetab .table_group .table_Custom .table_inner_content span .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table_group .invoice_content_main .content_invoicedate {
    height: 10.5rem
}

.proformaInvoicetab .table_group .invoice_content_main .content_invoicedate .invoicecontent {
    padding-bottom: 1.25rem
}

.proformaInvoicetab .table_group .invoice_content_main .content_invoicedate .input_data .invoicedate .invoicedatelable {
    margin-left: 1.25rem;
    margin-bottom: -0.313rem
}

.proformaInvoicetab .table_group .invoice_content_main .content_invoicedate .input_data .invoicedateinpute {
    margin-top: .625rem;
    display: flex;
    align-items: center
}

.proformaInvoicetab .table_group .invoice_content_main .content_invoicedate .input_data .invoicedateinpute .customInput {
    height: 2.5rem;
    width: 100%;
    border-radius: .625rem;
    background: #ebf3f5;
    border: none;
    padding: .625rem
}

.proformaInvoicetab .table_group .invoice_content_main .content_invoicedate .input_data .invoicedateinpute .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table_group .invoice_content_main .content_invoicedate .input_data .invoicedateinpute .input_img {
    margin-left: -2.5rem
}

.proformaInvoicetab .table_group .content_table_second .table_content2 {
    width: 33.33%;
    height: 15.625rem
}

.proformaInvoicetab .table_group .content_table_second .table_content2 .table_content {
    padding: .938rem 0rem
}

.proformaInvoicetab .table_group .content_table_second .table_content2 .table_content .child1 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    color: #465461;
    padding: .313rem 0
}

.proformaInvoicetab .table_group .content_table_second .table_content2 .table_content .child2 {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.269rem;
    color: #070a0e;
    padding: .313rem 0rem
}

.proformaInvoicetab .table_group .content_table_second .table_content2 .table_content .child3 {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.269rem;
    color: #465461;
    padding: .063rem 0rem
}

.proformaInvoicetab .table_group .content_table_second .table_content2 .table_content .child4 {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #070a0e;
    padding: .313rem 0
}

.proformaInvoicetab .table_group .content_table_second .table_content2 .table_content .child5 {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: .313rem 0rem;
    color: #070a0e;
    width: 50%
}

.proformaInvoicetab .table_group .content_table_second .table2_2content .buyer_selling_addres_input .shoping_address {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461;
    margin-bottom: 1.438rem
}

.proformaInvoicetab .table_group .content_table_second .table2_2content .buyer_selling_addres_input .shipping_address .customInput {
    min-height: 2.5rem;
    width: 100%;
    background-color: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding-left: 1.25rem
}

.proformaInvoicetab .table_group .content_table_second .table2_2content .buyer_selling_addres_input .shipping_address .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table_group .content_table_therd {
    height: 7.5rem
}

.proformaInvoicetab .table_group .content_table_therd .table_content3 {
    position: relative
}

.proformaInvoicetab .table_group .content_table_therd .table_content3 .table_content .child1 {
    margin-left: 1.875rem;
    position: absolute;
    top: 0;
    margin-top: 1.25rem;
    display: flex;
    width: 80%;
    left: 0;
    justify-content: space-between
}

.proformaInvoicetab .table_group .content_table_therd .table_content3 .table_content .child1 .right-shine {
    width: 2.188rem
}

.proformaInvoicetab .table_group .content_table_therd .table_content3 .table_content .button_Group {
    position: absolute;
    bottom: 0;
    margin-bottom: .625rem;
    display: flex;
    align-items: center
}

.proformaInvoicetab .table_group .content_table_therd .table_content3 .table_content .button_Group .btn_child {
    margin-right: 1.875rem
}

.proformaInvoicetab .table_group .content_table_therd .table_content3 .table_content .button_Group .btn_child img {
    padding-left: 0 !important
}

.proformaInvoicetab .table_group .content_table_therd .table_content3 .table_content .button_Group img {
    padding: 0 .313rem
}

.proformaInvoicetab .table_group .content_table_therd .table3_2content .countery_origen_Section .shoping_address {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_therd .table3_2content .countery_origen_Section .shipping_address {
    max-width: 52.688rem;
    min-height: 2.5rem
}

.proformaInvoicetab .table_group .content_table_therd .table3_2content .countery_origen_Section .shipping_address .customInput {
    width: 100%;
    height: 100%;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_therd .table3_2content .countery_origen_Section .table3_2content .countery_origen_Section .shoping_address .select_2 .form_control {
    min-width: 25rem;
    min-height: 2.5rem
}

.proformaInvoicetab .table_group .content_table_four {
    height: 7.563rem
}

.proformaInvoicetab .table_group .content_table_four .table_fourcontent_f .table_fourcontent_main .table_fourcontent_child {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_four .table_fourcontent_f .table_fourcontent_main .table_fourcontent_innerchild {
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.proformaInvoicetab .table_group .content_table_four .content_two .content_two_main .content_two_Heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_four .content_two .content_two_main .content_two_perograph {
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.proformaInvoicetab .table_group .content_table_four .content_therd .content_therd_main .content_therd_Heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_four .content_therd .content_therd_main .content_therd_Heading .content_therd_perograph {
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.335rem;
    color: #070a0e
}

.proformaInvoicetab .table_group .content_table_five {
    height: 4.125rem
}

.proformaInvoicetab .table_group .content_table_five .content_main .content_main_inner .content_Heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_five .content_Second .content_Second_inner .content_Heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_five .content_therd .content_inner_main .content_Heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_six {
    height: 4.125rem
}

.proformaInvoicetab .table_group .content_table_six .content_main .content_main_inner .content_Heading {
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.proformaInvoicetab .table_group .content_table_six .content_Second .content_Second_inner .customInput {
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461;
    padding: .625rem;
    border: 0
}

.proformaInvoicetab .table_group .content_table_six .content_Second .content_Second_inner .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table_group .content_table_six .content_therd .content_inner_main .customInput {
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461;
    padding: .625rem;
    border: 0
}

.proformaInvoicetab .table_group .content_table_six .content_therd .content_inner_main .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .summary_content {
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .main_row {
    margin-right: 0;
    margin-left: 0
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .main_row .main_content {
    padding-left: 0
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .main_row .main_content .heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .main_row .main_content .sub_Heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #070a0e
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .main_row .main_content .inputcustom .customInput {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461;
    padding: .625rem;
    border: none;
    background: #ebf3f5;
    border-radius: .625rem
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .main_row .main_content .inputcustom .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .main_row .col_auto {
    flex: 0 0 auto;
    width: auto
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .content_Sheet {
    padding-left: 0
}

.proformaInvoicetab .table_group .content_table_seven .item_Summary .content_Sheet a {
    text-decoration: underline !important
}

.proformaInvoicetab .table_group .content_table_seven .notes_input {
    height: 24.125rem
}

.proformaInvoicetab .table_group th,
.proformaInvoicetab .table_group td {
    border: .125rem solid #c4dce0;
    border-collapse: collapse;
    border-radius: 0rem;
    padding: 1.875rem
}

.proformaInvoicetab .table2 {
    border-spacing: 0;
    padding-bottom: 1.25rem;
    /* min-width: 85.063rem */
}

.proformaInvoicetab .table2 .main_table_row .left_side {
    width: 50%;
    padding: 0;
    border-top: none
}

.proformaInvoicetab .table2 .main_table_row .left_side .main_content_left .left_content_inner .input_data {
    height: 20.875rem
}

.proformaInvoicetab .table2 .main_table_row .left_side .main_content_left .left_content_inner .input_data .invoicedate {
    padding: 1.25rem;
    height: 100%
}

.proformaInvoicetab .table2 .main_table_row .left_side .main_content_left .left_content_inner .input_data .invoicedate .invoicedatelable.margin_top {
    margin-top: 2.775rem
}

.proformaInvoicetab .table2 .main_table_row .left_side .main_content_left .left_content_inner .input_data .invoicedate .invoicedateinpute .customInput {
    background: #ebf3f5;
    border-radius: .625rem;
    width: 32.125rem;
    height: 7.5rem;
    padding: .938rem;
    border: none;
    padding-top: 2.313rem
}

.proformaInvoicetab .table2 .main_table_row .left_side .main_content_left .left_content_inner .input_data .invoicedate .invoicedateinpute .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table2 .main_table_row .left_side .main_content_left .left_content_inner .input_data .invoicedate .invoicedateinpute .perograph {
    width: 32.125rem;
    height: 7.5rem;
    background: #ebf3f5;
    border-radius: .625rem;
    padding: .938rem;
    margin: 0rem
}

.proformaInvoicetab .table2 .main_table_row .right_side {
    padding: 0;
    width: 50%;
    border-left: none;
    border-top: none
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .125rem solid #c4dce0;
    border-radius: 0
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side.border_bottom {
    border-bottom: 0 !important
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side .heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461;
    padding: 1.25rem
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side .sub_heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: right;
    color: #070a0e;
    padding: 1.25rem
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side .sub_heading.heading_colo {
    color: #1d85e8 !important
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .125rem solid #c4dce0;
    border-radius: 0
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input.content_middle {
    height: 193px
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461;
    padding: 1.25rem
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .content_Second_inner {
    padding: 1.25rem;
    position: relative;
    width: 17rem
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .content_Second_inner .customInput {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461;
    padding: .625rem 1.25rem;
    border: none;
    background: #ebf3f5;
    border-radius: .625rem;
    width: 100%
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .content_Second_inner .customInput:focus-visible {
    outline: none
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .content_Second_inner .input_last_content {
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    text-align: right;
    color: #739ca2;
    right: 0;
    transform: translate(-1.938rem, 1.938rem);
    top: 0;
    background-color: #ebf3f5
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .content_Second_inner .invoicedateinpute {
    position: relative
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .content_Second_inner .invoicedateinpute .customInput {
    padding: .625rem
}

.proformaInvoicetab .table2 .main_table_row .right_side .content_right_side_input .content_Second_inner .invoicedateinpute .input_img {
    transform: translate(-2.338rem, 0.425rem);
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #ebf3f5
}

.proformaInvoicetab .table2 .main_table_row .right_side .seal_signature_group {
    display: flex;
    align-items: center
}

.proformaInvoicetab .table2 .main_table_row .right_side .seal_signature_group .heading {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.61rem;
    color: #465461;
    padding: 1.25rem;
    width: 42%
}

.proformaInvoicetab .table2 .main_table_row .right_side .seal_signature_group .sub_heading {
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.61rem;
    color: #fe893a;
    padding: 1.25rem;
    width: 58%
}

.proformaInvoicetab .table2 th,
.proformaInvoicetab .table2 td {
    border: .125rem solid #c4dce0;
    border-collapse: collapse;
    border-radius: 0rem
}

.proformaInvoicetab .roundedborder {
    border-radius: 0px 0px 0px 10px !important
}

.proformaInvoicetab .roundedborder2 {
    border-radius: 0px 0px 10px 0px !important
}

.proformaInvoicetab .borderleft {
    border-left: 0 !important
}

.proformaInvoicetab .borderright {
    border-right: 0 !important
}

.proformaInvoicetab .bordertop {
    border-top: 0 !important
}

.proformaInvoicetab .borderbottom {
    border-bottom: 0 !important
}

@media(max-width: 1200px) {
    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A.col_A2 {
        flex: 0 0 100%
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA.col-autoA2 {
        padding-left: .45rem;
        padding-top: 0
    }
}

@media(max-width: 991px) {
    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A {
        flex: 0 0 100%;
        padding-left: 0;
        padding-bottom: 0;
        padding-top: 1rem
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .dash_right_btn_custom .btn {
        justify-content: start;
        padding-left: 0;
        padding-right: 0
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col_A.col_a {
        flex: 0 0 100%;
        padding-left: 0
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA.col-autoA2 {
        padding-left: 0
    }
}

@media(max-width: 767px) {
    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A {
        padding-left: 0;
        padding-bottom: 0
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A .header_Content_Heading {
        font-size: .85rem;
        margin-bottom: 0
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA {
        width: 100% !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .dash_right_btn_custom .btn {
        justify-content: start
    }
}

@media(max-width: 576px) {
    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A {
        padding-left: 0;
        padding-bottom: 0
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col_A .header_Content_Heading {
        font-size: .85rem;
        margin-bottom: 0
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA {
        width: 100% !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .dash_right_btn_custom {
        gap: .4rem
    }

    .proformaInvoicetab .proformaInvoice-modal-Header .header_Content .col-autoA .header_Content_btn .col-autoA .dash_right_btn_custom .btn {
        justify-content: start
    }
}

.order_tracking .ordercol {
    background: #fff;
    box-shadow: 0rem 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.5rem 0rem 0rem 1.5rem;
    padding: 1.875rem
}

.order_tracking .ordercol .orderrow .Heaing_col .heading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #070a0e;
    white-space: nowrap
}

.order_tracking .ordercol .orderrow .dropdown {
    padding-left: 0
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 {
    display: flex;
    align-items: center
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdownHeaind {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #739ca2;
    padding-right: .8rem
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content {
    top: 1.563rem
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist {
    list-style: none;
    margin: 0;
    padding: 1.5rem 0rem
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist .firstchild {
    padding: 1rem .938rem;
    background: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist .secondchild {
    padding: 1rem .938rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e;
    background: #ebf3f5
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist .secondchild .heading_child {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e;
    padding-right: .5rem
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist .secondchild .imgchild {
    width: 3.125rem;
    align-items: center;
    justify-content: space-between;
    display: flex
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist .therdchild {
    padding: 1rem .938rem;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #465461;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist .therdchild .imgchild {
    padding: .2rem;
    width: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order_tracking .ordercol .orderrow .dropdown .contedrop2 .dropdown-content .dropdown-contentInner .customDropdownItems .orderlist .forthchild {
    margin-top: 1.25rem;
    font-style: italic;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #ff3237;
    padding: 0 .938rem
}

.order_tracking .ordercol .orderrow .subHeadingcol {
    padding-left: 0
}

.order_tracking .ordercol .orderrow .subHeadingcol .subHeadingContent {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order_tracking .ordercol .orderrow .subHeadingcol .subHeadingContent .subheading1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.order_tracking .ordercol .orderrow .subHeadingcol .subHeadingContent .subheading1 span {
    font-family: "Inter";
    font-style: italic;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.order_tracking .ordercol .orderrow .subHeadingcol .subHeadingContent .subHeading2 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    text-align: right;
    color: #465461
}

.order_tracking .ordercol .orderrow .subHeadingcol .subHeadingContent .subHeading2 span {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.21rem;
    color: #4285f4
}

.order_tracking .ordercol .orderrow .tablecolumn {
    background: rgba(217, 217, 217, .01);
    border: .031rem solid #c4dce0;
    border-radius: .625rem;
    overflow-x: auto;
    flex-wrap: nowrap
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable {
    padding: 0
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable tr td {
    background-color: rgba(0, 0, 0, 0)
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable tr .text_Green {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 150%;
    color: #070a0e;
    padding: 0;
    padding-left: .6rem;
    padding-top: .3rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable tr .dateitlic {
    font-family: "Inter";
    font-style: italic;
    font-weight: 400;
    font-size: .75rem;
    line-height: 150%;
    color: #070a0e;
    padding: 0;
    padding-top: .6rem
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable tr .border_dashed {
    border-bottom: .031rem dashed #c4dce0;
    padding: 0
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable thead th {
    border-bottom: .0625rem solid #c4dce0;
    padding-bottom: 1.6375rem;
    padding-top: .9375rem
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable thead th.table_chbx {
    padding-left: .625rem !important
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable tbody tr td {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: 150%;
    color: #070a0e;
    padding: .925rem .625rem
}

.order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable tbody .tetxmute {
    opacity: .5
}

.order_tracking .shipementstrckcol {
    background: #f5fdff;
    border-radius: 0rem 1.5rem 1.5rem 0rem;
    padding: 1.875rem;
    position: relative
}

.order_tracking .shipementstrckcol .shipmentrow {
    align-items: center;
    padding-top: .6rem
}

.order_tracking .shipementstrckcol .shipmentrow .Headingcol .heading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #465461
}

.order_tracking .shipementstrckcol .shipmentrow .Headingcol .heading span {
    padding-left: .6rem;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #465461
}

.order_tracking .shipementstrckcol .shipmentrow .Headingcol .heading span.colorblue {
    color: #4285f4 !important
}

.order_tracking .shipementstrckcol .shipmentrow .subHeadingloection {
    text-align: end
}

.order_tracking .shipementstrckcol .shipmentrow .subHeadingloection .headingsub {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    text-align: right;
    color: #465461
}

.order_tracking .shipementstrckcol .shipmentrow .shipmentsitemscol .subHeadingContent {
    display: flex;
    align-items: center;
    padding-top: 2rem;
    gap: 2rem
}

.order_tracking .shipementstrckcol .shipmentrow .shipmentsitemscol .subHeadingContent .subheading1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: .938rem;
    color: #465461
}

.order_tracking .shipementstrckcol .shipmentrow .shipmentsitemscol .subHeadingContent .subHeading2 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: .938rem;
    text-align: right;
    color: #465461;
    display: flex;
    align-items: center;
    gap: .3rem
}

.order_tracking .shipementstrckcol .shipmentrow .tablecolumnfirest {
    padding-top: .5rem;
    background: #fff;
    overflow-x: auto;
    flex-wrap: nowrap;
    border-radius: .625rem
}

.order_tracking .shipementstrckcol .shipmentrow .tablecolumnfirest .tablerow {
    display: flex;
    align-items: center;
    height: 5.813rem;
    position: relative;
    border-radius: .625rem
}

.order_tracking .shipementstrckcol .shipmentrow .tablecolumnfirest .tablerow .col_auto {
    flex: 0 0 auto;
    width: auto
}

.order_tracking .shipementstrckcol .shipmentrow .tablecolumnfirest .tablerow .col_auto h4 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 143.1%;
    color: #465461;
    margin: 0
}

.order_tracking .shipementstrckcol .shipmentrow .tablecolumnfirest .tablerow.tablerow2 {
    align-items: baseline !important
}

.order_tracking .shipementstrckcol .shipmentrow .tablecolumnfirest .tablerow .col {
    flex: 1 0 0%
}

.order_tracking .shipementstrckcol .shipmentrow .tablecolumnfirest .tablerow .col .imgarrow {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0px, 11px)
}

.order_tracking .shipementstrckcol .shipmentrow .borderdashed {
    padding-top: 1rem;
    border-bottom: .031rem dashed #c4dce0;
    margin-bottom: 2.5rem
}

.order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent .subheading1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #070a0e
}

.order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent .subheading1 b {
    font-weight: 800
}

.order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent .subHeading2 {
    gap: 2rem;
    display: flex;
    align-items: center;
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461
}

.order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent .subHeading2 span .paymenttext {
    padding-left: .3rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.21rem;
    color: #4285f4 !important
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable {
    background: rgba(217, 217, 217, .0117647059);
    border: .063rem solid #c4dce0;
    border-radius: .625rem;
    margin-top: .5rem;
    overflow-x: auto;
    flex-wrap: nowrap
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable .rightshipmenttable {
    padding: 0
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable .rightshipmenttable thead tr th {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #465461;
    text-align: start;
    padding: .688rem;
    border-bottom: .063rem solid #c4dce0
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable .rightshipmenttable tbody tr td {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: 150%;
    color: #070a0e
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable .rightshipmenttable tbody tr td .input {
    display: flex;
    align-items: center
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable .rightshipmenttable tbody tr td .input input {
    border: none;
    background: #ebf3f5;
    border-radius: .625rem;
    width: 3.75rem;
    height: 2.5rem;
    padding: .7rem
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable .rightshipmenttable tbody tr td .input input:focus-visible {
    outline: none
}

.order_tracking .shipementstrckcol .shipmentrow .rightsidetable .rightshipmenttable tbody tr td .input span {
    padding-left: .5rem
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup {
    padding: 1rem .3rem
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .lebealname {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: 143.1%;
    color: #465461
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .inputOuter2 {
    width: 100%;
    height: 100%;
    position: relative
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .inputOuter2 input {
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    padding: .7rem;
    border: none
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .inputOuter2 input:focus-visible {
    outline: none
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .inputOuter2 select {
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    padding: .7rem;
    border: none
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .inputOuter2 select:focus-visible {
    outline: none
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .inputOuter2 .claenderImage {
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translate(-0.75rem, 0.625rem);
    right: 0
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .inputOuter2 .claenderImage img {
    cursor: pointer
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .createShipment {
    padding-top: 1rem
}

.order_tracking .shipementstrckcol .shipmentrow .inputGroup .createShipment .btn {
    width: 100%
}

.order_tracking .shipementstrckcol .modelarrow {
    position: absolute;
    top: .625rem;
    display: flex;
    align-items: center;
    justify-content: end;
    right: 1.25rem
}

.order_tracking .shipementstrckcol .modelarrow .imagearrow {
    cursor: pointer
}

.tablecustominner {
    background: #fff;
    border-radius: .625rem;
    overflow-x: auto;
    flex-wrap: nowrap
}

.tablecustominner .tableContent thead tr th {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 143.1%;
    text-align: start;
    color: #465461;
    border-bottom: .063rem solid #c4dce0;
    padding: 1.883rem 1rem
}

.tablecustominner .tableContent thead tr th:nth-child(6) {
    padding: 0
}

.tablecustominner .tableContent tbody tr td {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 143.1%;
    text-align: start;
    color: #465461;
    padding: 1.883rem 1rem
}

.tablecustominner .tableContent tbody tr td span {
    width: 1.5rem
}

.tablecustominner .tableContent tbody tr td p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: 150%;
    color: #465461;
    width: 8.125rem
}

.tablecustominner .tableContent tbody tr td:nth-child(1) {
    padding-bottom: 3.425rem;
    display: flex;
    align-items: center;
    gap: .3rem;
    white-space: nowrap
}

.tablecustominner .tableContent tbody tr td:nth-child(3) {
    padding-bottom: 3.125rem
}

.tablecustominner .tableContent tbody tr td:nth-child(4) {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #fe893a;
    text-align: center;
    padding-bottom: 5.425rem;
    white-space: nowrap
}

.tablecustominner .tableContent tbody tr td:nth-child(5) {
    display: flex;
    align-items: center;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .813rem;
    line-height: 150%;
    color: #070a0e;
    gap: .2rem;
    white-space: nowrap
}

.tablecustominner .tableContent tbody tr td:nth-child(6) {
    padding: 0
}

.tablecustominner .tableContent tbody tr td:nth-child(2) {
    color: #070a0e
}

.tablecustominner .tableContent tbody tr td .groupbtndropdown {
    display: flex;
    gap: .3rem;
    margin-bottom: 2.25rem;
    align-items: baseline
}

.tablecustominner .tableContent tbody tr td .groupbtndropdown .btn {
    padding: 0
}

.compare_supplier_modal6 .modal-content {
    min-width: 20%;
    max-height: 100%
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .headingmodal {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.688rem;
    color: #000;
    text-align: center;
    padding-bottom: 2rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card {
    position: relative;
    width: 100%;
    height: 12.5rem;
    background: #fff;
    border: .063rem solid #c4dce0;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    margin-bottom: 2rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card .imagecard {
    width: 2.5rem;
    margin: auto
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card h6 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: center;
    color: #739ca2;
    padding-top: .5rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    text-align: center;
    color: #739ca2
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card2 {
    position: relative;
    width: 100%;
    height: 12.5rem;
    background: #c4dce0;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card2 .imagecard {
    width: 2.5rem;
    margin: auto
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card2 h6 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: center;
    color: #070a0e;
    padding-top: 1.5rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card2 p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    text-align: center;
    color: #070a0e
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .card2 .imageright1 {
    top: 0;
    position: absolute;
    right: 0;
    transform: translate(-0.938rem, 0.625rem);
    cursor: pointer
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .btn1 {
    text-align: center;
    padding-top: 1.6rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .btn1 .btn {
    padding: .375rem 2rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .btn2 {
    text-align: center;
    padding-top: 1rem
}

.compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .btn2 .btn {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fe893a
}

.dropdown-container {
    margin: 0 auto;
    margin-bottom: 1.25rem;
    position: relative;
    max-width: 15rem
}

.dropdown-container .dropdown-toggle {
    cursor: pointer;
    transition: all ease-in-out .3s;
    position: relative;
    width: 1.5rem
}

.dropdown-container .dropdown-menu {
    border-radius: .625rem;
    box-shadow: 0 0 .25rem -0.25rem rgba(0, 0, 0, .5);
    margin-top: 1.063rem;
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    background-color: #fff;
    z-index: 55;
    overflow: visible;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.125rem
}

.dropdown-container .dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: .625rem;
    z-index: 10;
    width: 12.625rem
}

.dropdown-container .dropdown-menu ul h3 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #465461
}

.dropdown-container .dropdown-menu ul .flexproperty {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    color: #465461 !important
}

.dropdown-container .dropdown-menu ul .flexproperty a {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.dropdown-container .dropdown-menu ul .flexproperty:hover,
.dropdown-container .dropdown-menu ul .flexproperty:active,
.dropdown-container .dropdown-menu ul .flexproperty:focus {
    background: #e5e5e5;
    border-radius: .625rem
}

.dropdown-container .dropdown-menu li {
    font-family: "Inter";
    font-style: normal;
    text-decoration: none;
    display: block;
    color: #070a0e !important;
    font-size: .875rem;
    padding: 1rem 1.25rem;
    font-weight: 500;
    transition: all ease-in-out .3s
}

.dropdown-container .dropdown-menu li a {
    color: #000
}

.dropdown-container .dropdown-menu li:hover,
.dropdown-container .dropdown-menu li:active,
.dropdown-container .dropdown-menu li:focus {
    background: #e5e5e5;
    border-radius: .625rem
}

.dropdown-menu {
    z-index: 10;
    position: relative
}

.dropdown-menu::before {
    z-index: -1;
    transform: rotate(-135deg);
    top: -0.25rem;
    border-color: #fff;
    box-shadow: .063rem .063rem .25rem -0.125rem rgba(0, 0, 0, .4)
}

.dropdown-open .dropdown-menu.dropdown-active {
    display: block
}

.dropdown-container.dropdown-open .dropdown-toggle {
    color: #fff
}

.dropdown-container.dropdown-open .dropdown-toggle:before {
    transform: rotate(-135deg)
}

.order_trackingHeading {
    align-items: baseline;
    padding-top: .6rem
}

.order_trackingHeading .col_auto {
    flex: 0 0 auto;
    width: auto
}

.order_trackingHeading .col_auto .subheading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.order_trackingHeading .col_auto .subheading .totalvalue {
    padding-left: 2rem;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    text-align: right;
    color: #465461
}

.order_trackingHeading .col_auto .subheading .totalvalue span {
    color: #4285f4 !important
}

.order_trackingHeading .col {
    flex: 1 0 0%
}

@media(max-width: 1450px) {
    .order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent .subHeading2 {
        gap: 1rem;
        text-align: right
    }

    .order_tracking .shipementstrckcol .shipmentrow .inputGroup .lebealname {
        font-size: .688rem
    }

    .order_tracking .shipementstrckcol .shipmentrow .inputGroup .createShipment .btn {
        font-size: .875rem
    }
}

@media(max-width: 1300px) {
    .order_tracking .ordercol .orderrow .Heaing_col .heading {
        font-size: 1.15rem
    }

    .order_tracking .shipementstrckcol .shipmentrow .Headingcol {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order_tracking .shipementstrckcol .shipmentrow .Headingcol .heading {
        font-size: 1rem
    }

    .order_tracking .shipementstrckcol .shipmentrow .subHeadingloection {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order_tracking .shipementstrckcol .shipmentrow .subHeadingloection .headingsub {
        text-align: left
    }

    .order_tracking .shipementstrckcol .shipmentrow .shipmentsitemscol {
        display: flex;
        align-items: center
    }

    .order_tracking .shipementstrckcol .shipmentrow .shipmentsitemscol .subHeadingContent {
        flex-wrap: nowrap;
        flex-direction: column;
        text-align: left;
        align-items: flex-start
    }

    .order_tracking .shipementstrckcol .shipmentrow .inputGroup {
        max-width: 50%;
        flex: 0 0 50%
    }

    .order_trackingHeading .col_auto .subheading {
        font-size: .8rem !important
    }

    .order_trackingHeading .col_auto .subheading .totalvalue {
        padding-left: 1rem !important;
        font-size: .8rem !important
    }
}

@media(max-width: 992px) {
    .order_tracking .ordercol {
        margin-bottom: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 1.5rem
    }

    .order_tracking .ordercol .orderrow .tablecolumn .orderTrackingtable {
        padding: 0
    }

    .order_tracking .shipementstrckcol {
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 1.5rem
    }

    .order_tracking .shipementstrckcol .shipmentrow .subHeadingloection {
        text-align: end
    }

    .order_tracking .shipementstrckcol .shipmentrow .subHeadingloection .headingsub {
        text-align: end
    }
}

@media(max-width: 576px) {
    .order_tracking .shipementstrckcol .shipmentrow .subHeadingloection {
        text-align: start
    }

    .order_tracking .shipementstrckcol .shipmentrow .subHeadingloection .headingsub {
        text-align: start
    }

    .order_tracking .shipementstrckcol .shipmentrow .shipmentsitemscol {
        display: flex;
        align-items: center
    }

    .order_tracking .shipementstrckcol .shipmentrow .shipmentsitemscol .subHeadingContent {
        flex-wrap: nowrap;
        flex-direction: column;
        text-align: left;
        align-items: flex-start
    }

    .order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent {
        flex-direction: column;
        align-items: start
    }

    .order_tracking .shipementstrckcol .shipmentrow .righttableHeading .subHeadingContent .subHeading2 {
        padding-top: .9rem;
        text-align: start;
        gap: 4rem
    }

    .order_tracking .shipementstrckcol .shipmentrow .inputGroup {
        flex: 0 0 100%;
        max-width: 100%
    }

    .compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .col_6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .compare_supplier_modal6 .modal-content .modal_body .modal_body_in .innerrow .col_6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.supplierPurchaseOrder {
    background: #f5fdff;
    box-shadow: 0 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem;
    margin: 0
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content_btn {
    align-items: center
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .cancleButtonOuter {
    padding: .75rem;
    display: flex;
    align-items: center;
    gap: .9rem
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .cancleButtonOuter .carncelButton {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: center;
    color: #739ca2
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A {
    display: flex;
    gap: 1.5rem
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #fe893a;
    position: relative
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdownIconImage {
    position: absolute;
    right: -1rem;
    bottom: 0;
    top: 0
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .poreminingsupplier {
    padding-top: .938rem;
    font-style: italic;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #ff3237
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content {
    height: 13.688rem;
    min-width: 22.5rem;
    padding: 0;
    background: #fff !important;
    box-shadow: 0 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .firstchild {
    padding: 1rem .938rem;
    background: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .secondchild {
    padding: 1rem .938rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e;
    background: #ebf3f5
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .secondchild .heading_child {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .therdchild {
    padding: 1rem .938rem;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #465461
}

.supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .forthchild {
    margin-top: 1.25rem;
    font-style: italic;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #ff3237;
    padding: 0 .938rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartOne .quotationDateOuter .quotationDateImg {
    width: .938rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartOne .quotationDateOuter .quotationDateImg img {
    width: 100%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerDetailsHeadingParent .forReference {
    font-size: .75rem;
    font-weight: 300;
    font-style: italic;
    line-height: .908rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter {
    display: flex;
    flex-direction: initial;
    justify-content: space-between
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter .sellerName {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #739ca2
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter .sellerPost {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartFour .sellerNamePrent .sellerNameOuter .itemSheetLink {
    text-decoration: underline
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: .4rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .galaBellImgOuter {
    width: 1.5rem;
    height: 1.5rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .galaBellImgOuter img {
    width: 100%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .addReminderText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #fe893a
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .tooltipImgOuter {
    width: 1.125rem;
    height: 1.125rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .tooltipImgOuter img {
    width: 100%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent {
    position: absolute;
    bottom: 0
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent .galaBellImgOuter {
    display: flex;
    align-items: center
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent .galaBellImgOuter .datetext {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: right;
    color: #282f39
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent .addremindersellesorder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #fe893a;
    cursor: pointer
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent .addremindersellesorder .tooltipImgOuter {
    width: 1.563rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent .addremindersellesorder .tooltipImgOuter img {
    padding-left: .5rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .createSupplierPurchaseOrderText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e;
    padding-bottom: 1rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .createSupplierPurchaseOrderText span {
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection {
    padding-right: 0
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSections {
    gap: 1rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentGap {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: .25rem 0 .625rem 0
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentGap.Commoditytext {
    padding-bottom: 0;
    padding-top: 0
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentGap.Commoditytext .waterpaumptext {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .paddingLeftCustom {
    padding-left: 1rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel.paddingtopshoping {
    padding-top: .7rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel.toltipcontent {
    display: flex;
    align-items: center
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel.toltipcontent .tooltipImgOuter {
    padding-left: .3rem;
    width: 1.25rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .blueText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1.063rem;
    line-height: 1.313rem;
    color: #1d85e8
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel2 {
    display: flex;
    align-items: center;
    gap: .5rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel2 .tooltipImgOuter {
    width: .875rem;
    height: .875rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel2 .tooltipImgOuter img {
    width: 100%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .itemSheetOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .itemSheetOuter .itemSheetText {
    text-decoration: underline;
    color: #465461;
    font-weight: 400
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputTopLabel {
    padding-left: 1rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter {
    width: 100%;
    height: 2.5rem;
    position: relative
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter input {
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding: .5rem 1rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter input:focus-visible {
    outline: none
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter input::-moz-placeholder {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .75rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter input:-ms-input-placeholder {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .75rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter input::placeholder {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .75rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter.inputouteradditional2 {
    min-height: 6.875rem;
    max-width: 100%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter.inputouteradditional2 .customTextAeria2 {
    width: 100%;
    height: 100%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter.dopdowncustom {
    position: relative
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .inputOuter.dopdowncustom img {
    position: absolute;
    position: absolute;
    top: 40%;
    bottom: 50%;
    right: .625rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .calenderInputOuter {
    position: relative
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentCustom .calenderInputOuter .claenderImage {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    width: 1.125rem;
    height: 1.125rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .add_customsupplierid {
    margin-top: 1.875rem;
    display: flex;
    justify-content: space-between
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .add_customsupplierid .supplierid {
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .add_customsupplierid .supplierpdf {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #465461
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter {
    display: flex;
    align-items: center;
    padding: 1.438rem 0 0 0
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter {
    display: flex;
    align-items: center;
    gap: .4rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioParent {
    width: 1.125rem;
    height: 1.125rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioParent .addressRadio {
    width: 100%;
    height: 100%;
    margin: 0;
    border: .125rem solid #739ca2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioParent .addressRadio[type=radio]:checked {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fe893a;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioParent .addressRadio[type=radio]:checked::after {
    content: "";
    width: .625rem;
    height: .625rem;
    background-color: #fe893a;
    display: block;
    border-radius: 50%;
    border-color: #fe893a
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .67rem;
    line-height: 1.61rem;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter.addressRadioOuter2 {
    padding-left: 4rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .customTextAeria {
    width: 100%;
    background-color: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding: .4rem .8rem;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .75rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .customTextAeria:focus-visible {
    outline: none
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .customShippingAddress {
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding: .5rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .customShippingAddress:focus-visible {
    outline: none
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .dropDownIcon {
    position: absolute;
    right: 1.15rem;
    top: 1.05rem;
    height: .5rem;
    width: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .dropDownIcon img {
    width: 100%;
    height: 100%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .addDocumentOuter {
    margin-left: 0
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .addDocumentOuter .addborder {
    border-bottom: .031rem solid #c4dce0;
    padding: 1rem 0
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .addDocumentOuter .addborder .addDocumentInner {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #fe893a
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection {
    padding-right: 0 !important;
    padding: .9375rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .partSecondSectionInner .innerPartSecondHeadingOuter .innerPartSecondHeading {
    font-family: "Inter";
    font-style: italic;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #465461;
    margin-bottom: 1.25rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .partSecondSectionInner .innerPartSecondHeadingOuter .innerPartSecondHeading.suppiler_information .forrefernace {
    color: rgba(70, 84, 97, .768627451) !important;
    font-size: .7rem !important
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .firstPartInner {
    gap: 1.25rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 143.1%;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter.totalsuppiler {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter.totalsuppiler .total_heading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .938rem;
    line-height: 1.188rem;
    color: #465461
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter.totalsuppiler .paymentotal {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .938rem;
    line-height: 1.188rem;
    text-align: right;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .demoCompanyName {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    text-transform: uppercase;
    color: #070a0e;
    max-width: 11rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .contactOuter {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .contactOuter .contactText {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #739ca2
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .contactOuter .emailNumberOuter {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart.sellesorderpartthree {
    margin-left: auto
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesParent {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 90%
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .leftValue {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .rightValue {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    text-align: right;
    color: #070a0e
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .rightValue.pdfvalue {
    text-decoration: underline
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .rightValue.bluecoler {
    color: #1d85e8 !important
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd {
    padding-top: .625rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow {
    align-items: center
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolmain {
    flex: 1 0 0%;
    padding-right: 3.625rem
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolmain .send-emailSuppilertext {
    font-style: italic;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: right;
    color: #ff3237
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolsecond {
    flex: 0 0 auto;
    width: auto
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolsecond .create_Shipmentbtn {
    min-height: 3.125rem;
    max-width: 15.625rem;
    background: #fe893a;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolsecond .create_Shipmentbtn .btn {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: center;
    color: #fff
}

.supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolsecond .create_Shipmentbtn .btn img {
    padding-left: .625rem
}

.customdropdown .drop-down .selected {
    position: relative
}

.customdropdown .drop-down .selected a {
    display: block;
    text-decoration: none;
    color: #3179ac;
    width: 100%
}

.customdropdown .drop-down .selected a span {
    cursor: pointer;
    display: block;
    padding: .313rem;
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding: .8rem 1rem;
    font-size: .813rem;
    color: #000
}

.customdropdown .drop-down .selected .iconimg {
    position: absolute;
    top: 30%;
    right: 1.25rem;
    bottom: 50%
}

.customdropdown .drop-down .option {
    position: relative
}

.customdropdown .drop-down .options {
    position: relative
}

.customdropdown .drop-down .options ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border: .063rem solid #d7d7d7;
    z-index: 1;
    padding: 1.5rem 1.5rem;
    box-shadow: 0 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 2.5rem;
    margin: 0
}

.customdropdown .drop-down .options ul .ulheading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #333;
    padding-bottom: .625rem
}

.customdropdown .drop-down .options ul .ulsubHeading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #739ca2;
    padding-bottom: .625rem
}

.customdropdown .drop-down .options ul li a {
    padding: .938rem;
    display: block;
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #070a0e
}

.customdropdown .drop-down .options ul li a:hover {
    background: #e5e5e5;
    border-radius: .625rem;
    transition: .2s ease
}

.customdropdown .drop-down .selected span.value,
.customdropdown .drop-down .options span.value {
    display: none
}

.dropdown .demoSupplierdrop {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #739ca2;
    position: relative
}

.dropdown .demoSupplierdrop .dropdownIconImage {
    right: 0;
    bottom: 0;
    top: 0
}

.dropdown .demoSupplierdrop .dropdownIconImage img {
    margin-left: 2rem
}

.dropdown .demoSupplierdrop .poreminingsupplier {
    padding-top: .938rem;
    font-style: italic;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #ff3237
}

.dropdown .demoSupplierdrop .dropdown-content {
    padding: 1.875rem 0;
    min-width: 22.5rem;
    background: #fff !important;
    box-shadow: 0 2.5rem 4.375rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .firstchild {
    padding: 1rem .938rem;
    background: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .secondchild {
    padding: 1rem .938rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e;
    background: #ebf3f5
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .secondchild .heading_child {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .secondchild .imgchild {
    width: 3.125rem;
    align-items: center;
    justify-content: space-between;
    display: flex
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .therdchild {
    padding: 1rem .938rem;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #465461;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .therdchild .imgchild {
    padding: .2rem;
    width: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .forthchild {
    margin-top: 1.25rem;
    font-style: italic;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    color: #ff3237;
    padding: 0 .938rem
}

.quotation_document_modalorder .modal-content {
    background-color: #fff;
    min-width: 50%;
    max-height: 100%;
    padding: 2rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn {
    padding: 0
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modal_body_info_head .headingmodal {
    font-style: normal;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.688rem;
    color: #000
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .sectioninputcontent .inputOuter {
    min-width: 100%;
    min-height: 2.5rem;
    border-radius: .625rem;
    position: relative
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .sectioninputcontent .inputOuter .inputcustom {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461;
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding: .9rem .6rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .sectioninputcontent .inputOuter img {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-0.813rem, 1rem)
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .commentSection {
    padding-top: 2.5rem;
    min-width: 100%;
    min-height: 5rem;
    border-radius: .625rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .commentSection .commentstextarea {
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #465461;
    width: 100%;
    height: 100%;
    background: #ebf3f5;
    border-radius: .625rem;
    border: none;
    padding: 1.3rem 1.3rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .buttonSection .button_Group {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1.875rem 0;
    border-bottom: .125rem solid #ebf3f5
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .buttonSection .button_Group .buttoncancel {
    border: none;
    background: rgba(0, 0, 0, 0);
    padding-right: 1rem;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #fe893a
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .buttonSection .button_Group .buttonSave {
    background: #fe893a;
    border-radius: .625rem;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #fff;
    padding: .875rem 1.75rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup {
    background: #f5fdff;
    box-shadow: 0rem 1.875rem 2.5rem rgba(0, 0, 0, .05);
    border-radius: 1.25rem;
    margin-top: 1rem;
    padding: 2.5rem 2.3rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup .conntentbtnGropu {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup .conntentbtnGropu .periorheading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #000
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup .conntentbtnGropu .btngroup {
    display: flex;
    align-items: center;
    gap: 1rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup .conntentbtnGropu .btngroup .pancilbtn {
    padding: 0
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup .conntentbtnGropu .btngroup .transbtn {
    padding: 0
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .baillDateGroup .bailimg {
    display: flex;
    align-items: center
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .baillDateGroup .bailimg span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: right;
    color: #ff3237;
    padding-left: .5rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .comentsheading .commenttext {
    font-family: "Inter";
    font-style: italic;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #739ca2
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .groupfirest .interdumtext {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #070a0e
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup .mininnerGroup {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 4rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup .mininnerGroup .contentGroup .contentGroupHeading {
    font-family: "Inter";
    font-style: italic;
    font-weight: 300;
    font-size: .75rem;
    line-height: .938rem;
    text-align: right;
    color: #739ca2;
    padding-bottom: .5rem
}

.quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup .mininnerGroup .contentGroup .ContentSubHeading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: .938rem;
    text-align: right;
    color: #465461
}

.card_left2 {
    flex: 0 0 auto;
    width: auto
}

.crad_right2 {
    flex: 1 0 0%;
    justify-content: end
}

.middelcard {
    flex: 1 0 0%;
    display: flex;
    align-items: baseline;
    justify-content: end;
    padding-left: 23%;
    margin-top: .5rem
}

.middelcard .childfirst {
    padding-right: 1.25rem
}

.middelcard .childfirst h4 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #070a0e
}

.middelcard .childfirst p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #465461
}

.middelcard .childsecond {
    padding-right: 1.25rem
}

.middelcard .childsecond h4 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #ff3237
}

.middelcard .childsecond p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #465461
}

.middelcard .thredchild {
    padding-right: 1.25rem
}

.middelcard .thredchild .innercontent {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.middelcard .thredchild .innercontent h4 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #070a0e
}

.middelcard .thredchild .innercontent h4 span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: .875rem;
    color: #465461
}

.middelcard .thredchild .progress .table_processing_in .table_processing_in_bg {
    background: #c4dce0;
    border-radius: 2.5rem
}

.middelcard .thredchild .progress .table_processing_in .table_processing_in_scroll {
    background-color: #33c481;
    width: 40%;
    border-radius: .625rem
}

.btntexttable {
    display: flex;
    align-items: center;
    padding-top: .9rem;
    cursor: pointer
}

.btntexttable span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.063rem;
    color: #739ca2
}

.compare_supplier_modal5 .modal-content {
    min-width: 39.75rem;
    max-height: 100%;
    background-color: #fff
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild1 {
    text-align: center
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild1 .modal_img {
    width: 5rem;
    height: 5rem;
    margin: auto
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild2 {
    text-align: center
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild2 h4 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.813rem;
    text-align: center;
    color: #fe893a
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild2 p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.875rem;
    text-align: center;
    color: #000
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild3 {
    flex-direction: column;
    display: flex;
    align-items: center
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild3 .firstbtn {
    margin-bottom: .5rem
}

.compare_supplier_modal5 .modal-content .modal_body .modal_body_in .compare_item_wrapper .modalchild3 .secondbtn {
    border: none;
    background: rgba(0, 0, 0, 0) !important;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.188rem;
    color: #fe893a
}

@media(max-width: 1700px) {
    .addressRadioOuter2 {
        padding-left: 2rem !important
    }
}

@media(max-width: 1600px) {
    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter {
        gap: .3rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioText {
        font-size: .47rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter.totalsuppiler .total_heading {
        font-size: .69rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter.totalsuppiler .paymentotal {
        font-size: .69rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesParent {
        width: 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .leftValue {
        font-size: .69rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .rightValue {
        font-size: .69rem
    }

    .middelcard .thredchild {
        padding-right: 1.25rem
    }

    .addressRadioOuter2 {
        padding-left: 1rem !important
    }
}

@media(max-width: 1400px) {
    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol .header_Content_Heading2 {
        font-size: 1rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol .demosuppilerheadinf {
        font-size: 1rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol .demosuppilerheadinf .poreminingsupplier {
        font-size: .65rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent {
        right: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent .galaBellImgOuter .datetext {
        font-size: .875rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSectionsPart1 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSectionsPart2 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSectionsPart3 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 2rem;
        padding-top: .6rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioText {
        font-size: .57rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart {
        flex: 0 0 50%;
        max-width: 50%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart.sellesorderpartthree {
        padding-top: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: auto
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart {
        flex: 0 0 50%;
        max-width: 50%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .leftValue {
        font-size: 1rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .rightValue {
        font-size: 1rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart.selessorderpartone {
        flex: 0 0 100%;
        max-width: 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .therdPart {
        padding-top: 1rem;
        flex: 0 0 100%;
        max-width: 100%
    }

    .cardtitle2 {
        flex-wrap: wrap
    }

    .cardtitle2 .card_left2 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cardtitle2 .crad_right2 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cardtitle2 .middelcard {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0
    }

    .cardtitle2 .middelcard .thredchild .progress .table_processing_in .table_processing_in_bg {
        background: #c4dce0;
        border-radius: 2.5rem
    }

    .addressRadioOuter2 {
        padding-left: 2rem !important
    }
}

@media(max-width: 1200px) {
    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col_A .header_Content_Heading {
        font-size: 1rem !important
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col_A .demoSupplierdrop {
        font-size: 1rem !important
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col-autoA .header_Content_btn .col-autoA {
        flex: 0 0 auto;
        width: auto
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col-autoA .header_Content_btn .col-autoA .cancleButtonOuter {
        padding: .35rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col-autoA .header_Content_btn .col_A .dash_right_btn_custom .btn {
        width: 9rem !important
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col-autoA .header_Content_btn .col_A .dash_right_btn_custom .btn.saveorder {
        width: 11.5rem !important;
        font-size: 1rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol {
        flex: 0 0 100%;
        max-width: 100%
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol2 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol2 .header_Content_btn2 .colauto2 {
        flex: 0 0 auto;
        max-width: auto
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol2 .header_Content_btn2 .col2 {
        flex: 1 0 0%
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .contentsecondrow .content_secondcol2 .header_Content_btn2 .col2 .dash_right_btn_custom2 .sendemail {
        width: 10rem !important
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part {
        margin-bottom: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartTwo {
        width: 33.33%;
        margin-left: 0;
        margin-right: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartTwo .customberDetailsHeadingParent .customberDetailsHeading {
        font-size: .8rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartTwo .customberNamePrent .customberName {
        font-size: .775rem;
        line-height: 1.063rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartTwo .customberAddressParent .customberAddressMain {
        font-size: .775rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartTwo .customberContact .customberNumMail .customberMail {
        font-size: .775rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree {
        width: 33.33%;
        margin-left: 0;
        margin-right: 0;
        padding-right: .5rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerDetailsHeadingParent {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        height: 0%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerDetailsHeadingParent .sellerDetailsHeading {
        font-size: .8rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter .sellerName {
        font-size: .775rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree .sellerNamePrent .sellerNameOuter .sellerPost {
        font-size: .775rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartFour {
        width: 33.33%;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter {
        bottom: 3.125rem;
        right: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .createSupplierPurchaseOrderTextOuter {
        padding: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .addDocumentOuterprent {
        padding: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection {
        padding-left: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioText {
        font-size: .67rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection {
        padding-left: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolmain .send-emailSuppilertext {
        font-size: 1rem
    }
}

.dropdown {
    padding-left: 0
}

@media(max-width: 992px) {
    .supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content {
        min-width: 12.5rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .firstchild {
        font-size: 1.025rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .secondchild .heading_child {
        font-size: .7rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .therdchild {
        font-size: .825rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .forthchild {
        font-size: .65rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartTwo {
        width: 50%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree {
        width: 50%;
        padding-right: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartFour {
        width: 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter {
        bottom: 0;
        left: 0;
        padding-bottom: .938rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .galaBellImgOuter {
        width: 1.2rem;
        height: 1.2rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .addReminderText {
        font-size: .775rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter .tooltipImgOuter {
        width: 1.025rem;
        height: 1.025rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .createSupplierPurchaseOrderTextOuter {
        font-size: .8rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .createSupplierPurchaseOrderText {
        font-size: .9rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .createSupplierPurchaseOrderText span {
        font-size: .835rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inpurtParentGap {
        padding-top: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .inputTopLabel {
        font-size: .73rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .blueText {
        font-size: .9rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .itemSheetOuter {
        flex-direction: column;
        align-items: start;
        font-size: .963rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter {
        flex-direction: column;
        align-items: start;
        padding: .4rem 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter {
        gap: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter .addressRadioOuter .radioText {
        font-size: .67rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .partSecondSectionInner .innerPartSecondHeadingOuter .innerPartSecondHeading {
        font-size: .775rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter.totalsuppiler .total_heading {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .directNameOuter.totalsuppiler .paymentotal {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .demoCompanyName {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .contactOuter .contactText {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart .contactOuter .emailNumberOuter {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .leftValue {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart .chargesOuter .rightValue {
        font-size: .7rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolmain {
        flex: 0 0 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolmain .send-emailSuppilertext {
        font-size: .875rem;
        padding-bottom: .625rem;
        text-align: start;
        padding-left: .75rem
    }

    .customdropdown .drop-down .options ul .ulheading {
        font-size: .875rem
    }

    .customdropdown .drop-down .options ul .ulsubHeading {
        font-size: .875rem
    }

    .customdropdown .drop-down .options ul li a {
        padding: .625rem;
        font-size: .813rem
    }

    .cardtitle2 {
        flex-wrap: wrap
    }

    .cardtitle2 .card_left2 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 1.25rem
    }

    .cardtitle2 .crad_right2 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cardtitle2 .middelcard {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .addressRadioOuter2 {
        padding-left: 0 !important
    }
}

@media(max-width: 768px) {
    .quotation_document_modalorder .modal-content .modal_body .innercolumn {
        padding: 0
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modal_body_info_head .headingmodal {
        font-size: 1.188rem
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow {
        gap: .5rem
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .sectioninputcontent {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .commentSection {
        padding-top: .9rem
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup .conntentbtnGropu .periorheading {
        font-size: .875rem
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .cardGroup .conntentbtnGropu .btngroup {
        gap: .6rem
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .groupfirest .interdumtext {
        font-size: .875rem
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup .mininnerGroup {
        gap: 1.2rem
    }

    .dropdown .demoSupplierdrop .dropdownIconImage {
        right: 60%
    }

    .cardtitle2 {
        flex-wrap: wrap
    }

    .cardtitle2 .card_left2 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 1.25rem
    }

    .cardtitle2 .crad_right2 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cardtitle2 .middelcard {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        flex-wrap: wrap
    }

    .cardtitle2 .middelcard .childfirst {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cardtitle2 .middelcard .childsecond {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cardtitle2 .middelcard .thredchild {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: space-around
    }

    .cardtitle2 .middelcard .thredchild .innercontent {
        justify-content: left
    }

    .cardtitle2 .middelcard .thredchild .innercontent h4 {
        padding-right: 24%
    }
}

@media(max-width: 576px) {
    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col_A {
        flex-direction: column
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col_A .demoSupplierdrop .dropdownIconImage {
        margin-right: 3.75rem
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col-autoA .header_Content_btn .col-autoA {
        padding-top: 0
    }

    .supplierPurchaseOrder .supplierPurchaseOrderHeader .header_Content .col-autoA .header_Content_btn .col_A {
        padding-top: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartTwo {
        width: 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartThree {
        width: 100%;
        padding-right: 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .leftSideInnerPartFour {
        width: 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .addReminderOuter {
        padding-bottom: .438rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent {
        left: 0;
        bottom: -0.438rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .left_Side_part .selessordercontent .addremindersellesorder {
        justify-content: start
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .createSupplierPurchaseOrderText {
        font-size: .8rem;
        padding-top: 1rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSectionsPart1 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSectionsPart2 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 1rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSections .add_customsupplierid {
        margin-top: .975rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .formSections .add_customsupplierid .supplierpdf {
        font-size: .925rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .itemSheetOuter {
        flex-direction: unset
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartFirstSection .addressChoicesOuter {
        padding: 0 0
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .firstPart {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 1rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .secondPart {
        flex: 0 0 100%;
        max-width: 100%
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolmain {
        padding-right: 0;
        padding-left: .625rem
    }

    .supplierPurchaseOrder .inner_dashboard .inner_dashboard_main .right_Side_part .innerright .innerPartSecondSection .fourthPartEnd .innerrow .innercolmain .send-emailSuppilertext {
        font-size: .875rem;
        text-align: start
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .groupfirest {
        flex: 0 0 100%;
        max-width: 100%
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup {
        flex: 0 0 100%;
        max-width: 100%
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup .mininnerGroup {
        gap: 2rem;
        padding-top: .5rem;
        justify-content: start
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup .mininnerGroup .contentGroup .contentGroupHeading {
        text-align: left
    }

    .quotation_document_modalorder .modal-content .modal_body .innercolumn .modal_body_info_table .modalinnerrow .innerRow .cardbottomGroup .mininnerGroup .contentGroup .ContentSubHeading {
        text-align: left
    }

    .dropdown .demoSupplierdrop .dropdownIconImage img {
        margin-left: .2rem
    }

    .dropdown .demoSupplierdrop .dropdown-content {
        min-width: 11.25rem
    }

    .dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .firstchild {
        font-size: .925rem
    }

    .dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .secondchild .heading_child {
        font-size: .825rem
    }

    .dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .therdchild {
        font-size: .825rem
    }

    .dropdown .demoSupplierdrop .dropdown-content .dropdown-contentInner .dropdown-contentPartTwo.customDropdownItems .orderlist .forthchild {
        font-size: .725rem
    }
}

@media(min-width: 576.99px) {
    .supplierPurchaseOrder .supplierPurchaseOrderHeader .col_A .dash_right_btn_custom .btn {
        font-size: 1.125rem !important
    }
}

/*# sourceMappingURL=newstyle.css.map */