@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 16px;
}

/*FIX FOR REPORT VIEW*/
.trv-page-container,
.trv-page-container div {
    font-size: 14px;
}

ul {
    list-style: none;
}

/* login page code */

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

.login_container > div {
    width: 50%;
}

.login_img {
    background-image: url(/Images/Login/Agri_Pattern.png), url(/Images/Login/HeroImage.png);
    background-size: contain, cover;
    background-position: right, center;
    background-repeat: no-repeat;
    height: 100vh;
}

.form_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.login_container {
    background-repeat: no-repeat;
    background-position: 22% bottom;
    background-image: url(/Images/log_in/color_group.png);
}

.logo_sec p {
    text-align: center;
    margin: 45px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #302B2C;
}

.form_container i {
    margin-left: -30px;
    cursor: pointer;
}

.input_field input {
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
    padding: 9px 31px;
    font-size: 14px;
    border-radius: 5px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.input_field label {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C
}

.form_container .checkbox {
    margin: 26px 0;
}

.input_field {
    margin-bottom: 16px;
}

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

.submit_section input {
    background: #302B2C;
    border-radius: 23px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    padding: 15px 34px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}

.submit_section input:hover {
    background: #fff;
    color: #302B2C;
    border: 1px solid #302B2C;
}

.submit_section p {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    text-align: right;
    color: #302B2C;
    opacity: 0.6;
}

.copy_right_sec {
    position: relative;
    margin-top: 50px;
    width: 50%;
    text-align: center;
}


/* home page */
.home_main_sec {
    background-color: rgba(224, 232, 236, 0.50);
    background-image: url(/Images/Main/home_bg.png);
    background-size: cover;
    background-position: left center;
}

/*.home_main_sec h1 {
    max-width: 69vw;
    margin: 0 auto;
    padding: 74px 0 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    color: #302B2C
}

.home_main_sec .exchange_rate {
    max-width: 20vw;
    margin: 0;
    font-weight: 700;
    line-height: 120%;
    color: #302B2C;
    border: 
}
    .home_main_sec .exchange_rate .exchange_rate {
        font-size: 15px;    
        margin: 15px 0 15px 40px;
        line-height: 120%;
    }
    .home_main_sec .exchange_rate .exchange_rate_label {
        font-size: 13px;
        text-wrap: normal;
        color: #302B2C;
        line-height: 100%;
    }*/

.home_main_sec h1 {
    max-width: 69vw;
    margin: 0 auto;
    padding: 74px 0 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    color: #302B2C
}

    .home_main_sec .exchange_rate {
        max-width: 69vw;
        margin: 0 auto;
        padding: 5px 0 5px;
        font-weight: 700;
        line-height: 120%;
        color: #302B2C
    }

    .home_main_sec .exchange_rate .exchange_rate {
        font-size: 28px;
        margin: 15px 0 15px 40px;
        line-height: 120%;
    }
    .home_main_sec .exchange_rate .exchange_rate_label {
        font-size: 20px;
        text-wrap: normal;
        color: #302B2C;
        line-height: 100%;
    }

.target_overview {
    max-width: 69vw;
    margin: 0 auto;
}

.targer_cnt {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}

.target_description > div {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.targer_cnt figure img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.03)) drop-shadow(0px 2px 14px rgba(0, 0, 0, 0.03)) drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.09));
}

.target_list {
    width: 16vw;
}

.target_description {
    width: 50vw;
}

.exchange_rate h2,
.target_overview h2,
.notices h2,
.latest_specials h2 {
    font-weight: 700;
    font-size: 39px;
    line-height: 120%;
    color: #302B2C;
    padding-bottom: 15px;
    margin-bottom: 45px;
    border-bottom: 1px solid #9DBCC7;
}

.target_list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
    opacity: 0.6;
    margin-bottom: 22px;
    transition: 0.3s;
    cursor: pointer;
}

.target_list li:hover {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #302B2C;
    background-image: url(/Images/home/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    opacity: 1;
}

.target_list li.active {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #302B2C;
    background-image: url(/Images/home/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    opacity: 1;
}

.latest_specials {
    max-width: 69vw;
    margin: 0 auto;
}

.three_col_section {
    display: flex;
    justify-content: center;
}

.three_col_section > div {
    width: 21vw;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
}

.three_col_section img {
    width: 100%;
    height: auto;
}

.three_col_section figure {
    position: relative;
}

.three_col_section figure span {
    position: absolute;
    left: 25px;
    color: #fff;
    background: #DE1F00;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 50%);
    border-radius: 50px;
    padding: 6px 23px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 13px;
    line-height: 150%;
    top: 20px;
}

.three_col_section .cnt {
    padding: 20px 20px 0;
}

.three_col_section .cnt span {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    color: #302B2C;
    opacity: 0.5;
    display: block;
    height: 75px;
}

.three_col_section .cnt h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    color: #302B2C;
    margin-top: 18px;
}

.three_col_section .cnt h3 span {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
    display: block;
    opacity: 1;
    margin-top: 11px;
}

.three_col_section .cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin: 20px 0 40px;
    color: #302B2C;
}

.three_col_section .cnt a {
    text-decoration: none;
    background: #0673B9;
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    line-height: 150%;
    color: #FFFFFF;
    text-align: center;
    padding: 20px;
    display: block;
    position: absolute;
    left: 0;
    box-sizing: border-box;
}

.notices {
    max-width: 69vw;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 120px;
}

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

.notices_section > div {
    width: 33vw;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.notices_section > div figure {
    margin-right: 25px;
}

.notices_section h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #302B2C;
    margin-bottom: 15px;
}

.notices_section p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
}

/* contact */
.main_contact {
    background-color: rgba(224, 232, 236, 0.50);
    padding-top: 60px;
    padding-bottom: 60px;
}

.contact_container h1 {
    border-bottom: 1px solid #9DBCC7;
    padding-bottom: 16px;
    margin-bottom: 35px;
}

.contact_container {
    max-width: 69vw;
    margin: 0px auto;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    padding: 40px 30px;
}

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

.contact_left {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 20px;
}

.contact_left > div {
    width: 30%;
    text-align: center;
}

.contact_left > div i {
    font-size: 30px;
    color: #0673B9;
    text-align: center;
    margin-bottom: 25px;
    display: inline-block;
}


.show {
    display: block;
}

.hide {
    display: none;
}

.contact_col_border {
    padding-bottom: 50px;
    border-bottom: 1px dashed #9DBCC7;
    margin-bottom: 30px;
}

/* product page */
.main_product {
    background-color: rgba(224, 232, 236, 0.50);
}

.product_container {
    background-image: url(/Images/product/banner_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 75px 0 70px;
}

.product_banner {
    max-width: 69vw;
    margin: 0 auto;
}

.product_banner h2 {
    font-weight: 700;
    font-size: 39px;
    line-height: 120%;
    margin-bottom: 10px;
}

.product_banner p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    opacity: 0.6;
}

.product_filter {
    max-width: 69vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 48px 0 38px;
}

.product_filter .filter {
    background: #EAEFF2;
    padding: 14px 19px;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    color: #302B2C;
}

.product_filter select {
    border: none;
    background: rgba(194, 209, 217, 0.05);
    outline: none;
    padding: 14px 68px 14px 68px;
    cursor: pointer;
}

.product_filter .left_filter {
    display: flex;
}

.product_filter .brands {
    background: rgba(194, 209, 217, 0.25);
    /* padding-right: 68px; */
    position: relative;
    /* width: 190px; */
    z-index: 10;
}

/* .product_filter .brands:hover {
background: rgba(194, 209, 217, 1);
} */

.product_filter .categories {
    background: rgba(194, 209, 217, 0.25);
    /* padding-right: 68px; */
    position: relative;
    /* width: 190px; */
    z-index: 10;
}

/* .product_filter .categories:hover {
background: rgba(194, 209, 217, 1);
} */

.product_filter .class_range {
    background: rgba(194, 209, 217, 0.25);
    /* padding-right: 68px; */
    position: relative;
    /* width: 190px; */
    z-index: 10;
}

.product_filter .class_range:hover {
    background: rgba(194, 209, 217, 1);
}

.sort_by {
    background: rgba(194, 209, 217, 0.25);
    /* padding-right: 68px; */
}

.sort_by:hover {
    background: rgba(194, 209, 217, 1);
}

.filter_result_text {
    max-width: 69vw;
    margin: 0 auto 30px;
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
    opacity: 0.6;
}

.filter_result_list {
    max-width: 69vw;
    margin: 0 auto;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    padding-bottom: 40px;
    align-items: flex-start;
}

.filter_result_list_item {
    filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.15));
    background-color: #fff;
    /*max-width: 24%;*/
    margin-bottom: 55px;
    /*margin-right: 1%;*/
    margin-right: 22px;
}

.filter_result_list_item:nth-child(4n) {
    margin-right: 0;
}

.filter_result_list_item figure {
    position: relative;
}

.filter_result_list_item figcaption {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 150%;
    padding: 5px;
}

.filter_result_list_item img {
    max-width: 100%;
    height: auto;
}

.tag_red {
    background: #D40000;
}

.tag_green {
    background: #6CA01A;
}

.tag_orange {
    background: #EC6607;
}

.filter_result_list_item .content {
    padding: 22px 24px 0;
    height: 385px;
}

.filter_result_list_item .content h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #302B2C;
}

.filter_result_list_item .content .tier {
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
    margin: 16px 0;
}

.filter_result_list_item .content p span {
    color: #000;
}

.filter_result_list_item .content .stock {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #9DBCC7;
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
}

.filter_result_list_item .content .in_transit {
    padding: 5px 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #9DBCC7;
    display: flex;
    justify-content: space-between;
}

.filter_result_list_item .content .order {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #9DBCC7;
    padding: 5px 0;
    border-bottom: 1px solid #9DBCC7;
    display: flex;
    justify-content: space-between;
}

.filter_result_list_item .content .number {
    font-size: 18px;
    line-height: 150%;
    color: #302B2C;
    padding: 16px 0 32px;
}

.filter_result_list_item .content > span {
    font-size: 13px;
    line-height: 150%;
    color: rgba(48, 43, 44, 0.4);
    padding-bottom: 16px;
    display: block;
    border-bottom: 1px solid #9DBCC7;
}

.filter_result_list_item button {
    background: #0673B9;
    text-align: center;
    padding: 20px 0;
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    line-height: 150%;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}

.filter_result_list_item .request_quote_button {
    background: #da3816;
}

.pop_up_container {
    position: fixed;
    max-width: 700px;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 0 9999px rgb(0 0 0 / 80%);
    z-index: 100;
    transform: translate(-50%, -50%);
    display: none;
}

.pop_up_content {
    max-width: 700px;
    margin: 0 auto;
    color: #000;
    background: #FFFFFF;
    padding: 40px;
    box-sizing: border-box;
}

.pop_up_content .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    margin-bottom: 32px;
    border-bottom: 1px solid #9DBCC7;
}

.pop_up_content h2 {
    font-size: 31px;
    line-height: 120%;
    display: flex;
    align-items: flex-end;
    color: #302B2C;
}

.cross_btn {
    cursor: pointer;
    font-size: 19px;
    color: #424B5A;
}

.first_step > p {
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000000;
}

.first_step h3 {
    font-size: 25px;
    line-height: 120%;
    color: #000000;
    margin: 20px 0 13px;
}

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

.pop_order-details div {
    display: flex;
}

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

    .pop_quote-details div {
        display: flex;
    }

.first_step h4 {
    font-size: 16px;
    line-height: 150%;
    margin-right: 33px;
    margin-bottom: 16px;
}

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

.quantity_container + div {
    margin-top: 19px;
}

.quantity_container input {
    background: rgba(224, 232, 236, 0.3);
    border: 1px solid #9DBCC7;
    padding: 0 18px;
    width: 275px;
    height: 40px;
    margin-top: 6px;
    margin-right: 32px;
    box-sizing: border-box;
}

.order_details_select label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
}

.first_step select {
    background: rgba(224, 232, 236, 0.3);
    border: 1px solid #9DBCC7;
    padding: 0 18px;
    width: 275px;
    height: 40px;
    margin-top: 32px;
    margin-bottom: 32px;
    box-sizing: border-box;
    outline: none;
}

.btn_for_next_step a:first-child {
    /*opacity: 0.5;*/
    margin-right: 15px;
}

.btn_for_next_step a {
    color: #0673B9;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    border: 1px solid #0673B9;
    border-radius: 23px;
    padding: 17px 15px;
    background-color: transparent;
}

.create_order_button,
.new_manual_order_button {
    cursor: pointer;
}

.btn_for_next_step .create_order_button:last-child {
    border: 1px solid #0673B9;
    color: #0673B9;
    cursor: pointer;
}

.second_step span {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #9DBCC7;
    display: inline-block;
    margin-bottom: 20px;
}

.second_step p {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #302B2C;
    margin-bottom: 35px;
}

.second_step select {
    width: 347px;
    height: 40px;
    background: rgba(224, 232, 236, 0.3);
    border: 1px solid #9DBCC7;
    margin-bottom: 40px;
    outline: none;
}

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

.second_step .btn_for_next_step button {
    padding: 17px 15px;
}

.third_step h5 {
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
    margin-bottom: 15px;
}

.third_step p {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
}

.third_step .para_green span {
    color: #52C40C;
}

.third_step .para_blue span {
    color: #0673B9;
}

.btn_final_step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.submit_order {
    background: #302B2C;
    border-radius: 23px;
    padding: 12px 25px;
    color: #fff;
    margin-right: 23px;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}

.submit_order:hover {
    background: #fff;
    color: #302B2C;
    border: 1px solid #302B2C;
}

.save_order {
    color: #0673B9;
    border: 1px solid #0673B9;
    border-radius: 23px;
    padding: 12px 25px;
    background-color: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.save_order:hover {
    color: #fff;
    border: 1px solid transparent;
    background-color: #0673B9;
}

.cancel_order {
    color: #DE1F00;
    font-size: 16px;
    line-height: 150%;
    border: none;
    background-color: transparent;
    display: flex;
    transition: all 0.2s ease;
    cursor: pointer;
}

.cancel_order:hover {
    opacity: 0.8;
}

.submit_btn + div button:last-child i {
    font-size: 24px;
}

.third_step,
.second_step {
    display: none;
}

/* order details */
.main_order_detail {
    padding-top: 100px;
    background-color: rgba(224, 232, 236, 0.50);
}

.order_details_container {
    background-image: url(/Images/Main/order_details_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 75px 0 70px;
}

.order_details_banner {
    max-width: 69vw;
    margin: 0 auto;
}

.order_details_banner h2 {
    font-weight: 700;
    font-size: 39px;
    line-height: 120%;
    margin-bottom: 10px;
}

.order_details_form {
    max-width: 69vw;
    margin: 0 auto;
    padding-bottom: 145px;
}

.order_number_details {
    background: #fff;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    margin: 50px 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.order_number_details h3 {
    font-size: 39px;
    line-height: 120%;
    color: #302B2C;
    margin-top: 15px;
}

.order_number_details h3 + p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    opacity: 0.6
}

.order_number_details h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    opacity: 0.6;
    margin-bottom: 7px;
}

.order_number_details h4 + p {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #302B2C;
}

.order_number_details label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    margin-bottom: 6px;
}

.order_number_details input {
    max-width: 294px;
    height: 40px;
    background: #FFFFFF;
    padding: 10px;
    border: 1px solid #9DBCC7;
    box-sizing: border-box;
}

.overview_finance {
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
}

.overview_finance h3 {
    color: #302B2C;
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    border-bottom: 1px solid #9DBCC7;
    padding-bottom: 16px;
    margin-bottom: 30px;
}

.overview {
    margin-right: 40px;
}

.overview,
.finance {
    background: #FFFFFF;
    padding: 20px 33px 50px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    max-width: 635px;
    width: 47%;
}

.overview label,
.finance label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    margin-bottom: 6px;
}

.overview > div,
.finance > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.overview > div > div,
.finance > div > div {
    width: 47%;
}

.overview_finance input:not([type=checkbox]):not([type=radio]) {
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
    max-width: 261px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.overview_finance h5 {
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    margin-bottom: 12px;
}

.overview_finance h5 + p {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #000000;
}

.order_details_save {
    justify-content: start !important;
    align-items: center;
}

.order_details_save .save_order {
    margin-right: 40px;
}

.delivery {
    background-color: #fff;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    padding: 20px 33px 38px;
}

.delivery h3 {
    color: #302B2C;
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    border-bottom: 1px solid #9DBCC7;
    padding-bottom: 16px;
    margin-bottom: 30px;
}

.delivery > div {
    display: flex;
    justify-content: space-between;
}

.delivery > div > div:first-child {
    margin-right: 48px;
}

.delivery > div > div:last-child {
    width: 60%;
}

.delivery > div > div:last-child textarea {
    width: 100%;
    height: 123px;
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
    resize: none;
}

.delivery label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    margin-bottom: 6px;
}

/*.delivery input:not([type=checkbox]):not([type=radio]) {
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
    width: 261px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}*/

.order_detail {
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    margin-top: 48px;
}

.order_final_step {
    display: flex;
    margin-top: 52px;
    align-items: center;
}

.order_final_step .save_order {
    margin-right: 23px;
}

/* order summary */
.order_summary {
    max-width: 69vw;
    margin: 0 auto;
    padding: 30px 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.order_summary > div:first-child {
    display: flex;
    justify-content: space-between;
}

.order_summary .on_hand {
    display: flex;
    color: #302B2C;
    opacity: 0.6;
    font-size: 13px;
    line-height: 150%;
}

.order_summary .on_hand i {
    color: #52C40C;
    margin-left: 53px;
    margin-right: 10px;
}

.order_summary .on_order {
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
    opacity: 0.6;
}

.order_summary .on_order i {
    color: #39CDCD;
    margin-right: 10px;
    margin-left: 50px;
}

.order_summary .on_transit {
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
    opacity: 0.6;
    display: flex;
    align-items: center;
}

.order_summary .on_transit img {
    display: inline-block;
    margin-right: 10px;
    margin-left: 50px;
}

.order_summary .no_stock {
    display: flex;
    color: #302B2C;
    opacity: 0.6;
    font-size: 13px;
    line-height: 150%;
}

.order_summary .no_stock i {
    color: #F80000;
    margin-left: 53px;
    margin-right: 10px;
}

/*CHILD GRID ORDER LINE STATUS COLUMN STYLING*/
span.on_hand.bi-circle-fill {
    color: #52C40C;
}
span.on_order.bi-record-circle-fill {
    color: #39CDCD;
}

span.no_stock.bi-circle-fill {
    color: #F80000;
}

.order_summary > div:last-child {
    text-align: right;
}

.excel, .excel a {
    color: #1D6F42;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 5px;
    text-decoration: none;
}

.excel + p {
    font-size: 13px;
    line-height: 150%;
    text-align: right;
    color: #302B2C;
    opacity: 0.6;
}

.order_summary_list {
    background: #FFFFFF;
    padding: 12px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    margin-bottom: 60px;
    margin-top: 40px;
}

/* target maintenance */
.main_target_maintenance {
    padding-top: 100px;
    background-color: rgba(224, 232, 236, 0.50);
    padding-bottom: 80px;
}

.target_excel_export {
    max-width: 69vw;
    margin: 20px auto 28px;
    text-align: right;
}

.target_maintenance_container {
    background-image: url(/Images/Main/target_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 75px 0 70px;
}

.target_dealer_account {
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    margin: 28px 0 48px;
    padding: 30px;
}

.target_maintenance_banner {
    max-width: 69vw;
    margin: 0 auto;
}

.target_maintenance_banner h2 {
    font-weight: 700;
    font-size: 39px;
    line-height: 120%;
    margin-bottom: 10px;
}

.target_form {
    max-width: 69vw;
    margin: 0 auto;
}

.target_order_summary {
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    margin: 0 0 48px;
    padding: 30px;
    display: flex;
}

.target_dealer_account > div {
    display: flex;
}

.target_dealer_account label {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    display: block;
    margin-bottom: 6px;
}

.target_dealer_account input,
.target_dealer_account select {
    width: 378px;
    height: 40px;
    background: rgba(224, 232, 236, 0.3);
    border: 1px solid #9DBCC7;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
}

.dealer_account {
    margin-right: 40px;
    margin-bottom: 27px;
}

.bi-search {
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
}

.search {
    max-width: 376px;
}

.left_selection {
    width: 45%;
}

.right_selection {
    width: 45%;
}

.first_section > div {
    display: flex;
}

.first_section > div > div:first-child {
    margin-right: 30px;
    margin-bottom: 25px;
}

.left_selection label {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    display: block;
    margin-bottom: 6px;
}

.left_selection select {
    width: 250px;
    height: 40px;
    background: rgba(224, 232, 236, 0.3);
    border: 1px solid #9DBCC7;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
}

.left_selection .first_section:nth-child(2) {
    padding: 32px 0;
    margin: 32px 0;
    border-bottom: 1px dashed #9DBCC7;
    border-top: 1px dashed #9DBCC7;
}

/* edit speacial */
.edit_special_form {
    max-width: 69vw;
    margin: 0 auto;
    padding-bottom: 145px;
}

.edit_form_container {
    background: #fff;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    margin: 50px 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.edit_form_container label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #302B2C;
    margin-bottom: 6px;
    margin-top: 20px;
}

.edit_form_container input:not([type=checkbox]):not([type=radio]),
.edit_form_container select {
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
    max-width: 375px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.edit_form_container select {
    background: rgba(224, 232, 236, 0.3);
}

.edit_spl_check_sec label {
    margin-bottom: 17px;
    margin-top: 0;
}

.edit_form_container .edit_sp_checkbox {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: rgba(48, 43, 44, 0.5);
    margin-bottom: 12px;
}

.file-upload-wrapper input[type=file] {
    border: 1px solid transparent !important;
}

.file-upload-wrapper {
    position: relative;
    border: 1px solid #9DBCC7;
}

.file-upload-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 91px;
    height: 40px;
    background-image: url(/Images/browse.svg);
    color: #fff;
    font-weight: 700;
    z-index: 25;
    background-repeat: no-repeat;
    background-position: right center;
}

.file-upload-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 40px;
}


.speacial_img_cnt h2 {
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
}

.speacial_img_cnt h2 span {
    display: block;
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
}

/*----- drap drop area css --- */

.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.uploader label {
    float: left;
    clear: both;
    width: 100%;
    padding: 22px 0;
    text-align: center;
    border: 1px dashed #9DBCC7;
    background: #fff;
    transition: all 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 375px;
    margin-bottom: 20px;
}

.uploader label:hover {
    border-color: #454cad;
}

.uploader label.hover {
    border: 3px solid #454cad;
    box-shadow: inset 0 0 0 6px #eee;
}

.uploader label.hover #start i.fa {
    transform: scale(0.8);
    opacity: 0.3;
}

#start i {
    font-size: 39px;
    margin-bottom: 17px;
    display: inline-block;
}

.uploader #start {
    float: left;
    clear: both;
    width: 100%;
}

.uploader #start.hidden {
    display: none;
}

.uploader #start i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    transition: all 0.2s ease-in-out;
}

#start span {
    color: #302B2C;
    font-size: 11px;
    font-weight: 600;
    display: block;
    opacity: 0.5;
}

.uploader #response {
    float: left;
    clear: both;
    width: 100%;
}

.uploader #response.hidden {
    display: none;
}

.uploader #response #messages {
    margin-bottom: 0.5rem;
}

.uploader #file-image {
    display: inline;
    margin: 0 auto 0.5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
}

.uploader #file-image.hidden {
    display: none;
}

.uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}

.uploader #notimage.hidden {
    display: none;
}

.uploader progress,
.uploader .progress {
    display: inline;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden;
}

.uploader .progress[value]::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #eee;
}

.uploader .progress[value]::-webkit-progress-value {
    background: linear-gradient(to right, #393f90 0%, #454cad 50%);
    border-radius: 4px;
}

.uploader .progress[value]::-moz-progress-bar {
    background: linear-gradient(to right, #393f90 0%, #454cad 50%);
    border-radius: 4px;
}

.uploader input[type=file] {
    display: none;
}

.uploader div {
    margin: 0 0 0.5rem 0;
    color: #5f6982;
    font-size: 13px;
}

.uploader .btn {
    display: inline-block;
    margin: 0.5rem 0.5rem 1rem 0.5rem;
    clear: both;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    border-radius: 0.2rem;
    outline: none;
    padding: 0 1rem;
    height: 36px;
    line-height: 36px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background: #454cad;
    border-color: #454cad;
    cursor: pointer;
}

/* edit specs doc */
.edit_spec_doc {
    align-items: flex-start;
}

.edit_spec_doc > div {
    width: 30%;
}

.edit_spec_doc label {
    margin-top: 0;
}

.edit_spec_doc label span {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #302B2C;
    margin-bottom: 10px;
}

.edit_spec_doc input:not([type=checkbox]):not([type=radio]):not([type=file]),
.edit_spec_doc select {
    margin-bottom: 20px;
}

.edit_spec_doc .file-upload-wrapper {
    margin-bottom: 20px;
}

/* edit profile */
.edit_profile_container {
    background-image: url(/Images/Main/edit_profile_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 75px 0 70px;
}

.edit_profile > div {
    max-width: 30%;
    width: 30%;
}

.edit_profile i {
    margin-left: -30px;
}

.edit_profile > div > label:first-child {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
}

.edit_profile label + p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
}

/* dealer account maintenance */
.dealer_bg {
    background-image: url(/Images/Main/dealer_banner.png);
}

.dealer_acc_maintenance_list {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    margin: 50px 0 50px;
    max-width: 69vw;
    margin: 50px auto;
}

/* dealer brand special maintenance */
.dealer_brand_spcl_maintenance_list {
    max-width: 69vw;
    margin: 50px auto;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
}

.dealer_brand_order_final_step {
    max-width: 69vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.dealer_brand_order_final_step .save_order {
    margin-right: 23px;
}

/* delaer forecasting */
.forecasting_filters {
    max-width: 69vw;
    margin: 0 auto;
}

.dealer_forecasting_list {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    margin: 50px auto 50px;
    max-width: 69vw;
}

.forecasting_filters label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 6px;
}

.forecasting_filters form {
    display: flex;
}

.forecasting_filters form > div:first-child {
    margin-right: 30px;
}

.forecasting_filters input[type=date] {
    padding: 10px;
    width: 179px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
    box-sizing: border-box;
}

.forecasting_filters select {
    width: 359px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
}

/* dealer status activaiton */
.dealer_stats_list {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    max-width: 69vw;
    margin: 50px auto;
}

.dealer_status_activation {
    max-width: 69vw;
    margin: 0px auto;
}

.activate_status {
    background: #424B5A;
    border: none;
    padding: 14px 25px;
    color: #FAFAFA;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
    border: 1px solid transparent;
}

.activate_status:hover {
    background: #fafafa;
    color: #424B5A;
    border: 1px solid #424B5A;
}

.activate_status i {
    margin-right: 8px;
    font-size: 19px;
}

/* manage specific documents */
.manage_specs_list {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    max-width: 69vw;
    margin: 50px auto;
}

/* manage special*/
.manage_specials_bg {
    background-image: url(/Images/Main/manage_special.png);
}

.manage_specials_list {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    max-width: 69vw;
    margin: 50px auto;
}

/* Tier maintenance */
.tier_maintenance_list {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    max-width: 69vw;
    margin: 50px auto;
}

/* Tier manager account */
.tier_manager_maintenance_account_list {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    max-width: 69vw;
    margin: 50px auto;
}

/* user account management */
.user_main_target_maintenance {
    padding-top: 100px;
    padding-bottom: 80px;
}

.user_acc_manage_container {
    max-width: 69vw;
    margin: 80px auto;
}

.user_acc_manage_container label {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #424B5A;
    margin-bottom: 6px;
    margin-top: 30px;
}

.user_acc_form_cont > div:first-child {
    width: 342px;
    opacity: 1;
}

.user_acc_form_cont > div {
    width: 180px;
}

.user_acc_manage_container input:not([type=checkbox]):not([type=radio]),
.user_acc_manage_container select {
    background: #FAFAFA;
    color: #C2D1D9;
    border: 1px solid #C2D1D9;
    max-width: 375px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.user_acc_form_cont {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.deactive {
    opacity: 0.1;
}

/* system settings */
.system_setting_config_form {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 0px 0;
    max-width: 69vw;
    margin: 50px auto;
    background-color: #fff;
}

.system_setting_config_container {
    padding: 0 35px;
    margin-bottom: 40px;
}

.system_setting_config_form h2 {
    color: #302B2C;
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    border-bottom: 1px solid #9DBCC7;
    margin-bottom: 30px;
    padding-bottom: 16px;
}

.system_heading {
    padding: 0 35px;
}

.red_btn_border {
    color: #DE1F00;
    border: 1px solid #DE1F00;
    border-radius: 23px;
    padding: 15px 30px;
    background-color: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.red_btn_border:hover {
    background-color: #DE1F00;
    border: 1px solid transparent;
    color: #fff;
}

.system_setting_config_container label {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
    width: 100%;
}

.system_setting_config_container label span {
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
    max-width: 600px;
}

/*.system_setting_config_container > div:first-child label span {
    margin-bottom: 18px;
}*/

.system_setting_config_container > div:first-child {
    display: block;
}

.system_setting_config_container > div:first-child #active {
    margin-left: 49px;
}

.system_setting_config_container > div:first-child input + span {
    color: #302B2C;
    font-weight: 700;
    font-size: 13px;
    line-height: 150%;
}

.system_setting_config_container > div {
    display: flex;
    justify-content: space-between;
}

.system_setting_config_container > div > div {
    width: 48%;
}

.system_setting_config_container input:not([type=checkbox]):not([type=radio]),
.system_setting_config_container select {
    background: #fff;
    color: #C2D1D9;
    border: 1px solid #C2D1D9;
    max-width: 261px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.system_setting_config_container .pricing_period_sec {
    margin: 50px 0;
}

.system_setting_config_container .pricing_period_sec > div {
    display: block;
    justify-content: space-between;
    width: 48%;
}

.system_setting_config_container .pricing_period_sec > div > div {
    width: 100%;
    flex-direction: column;
    display: flex;
}

.error_msg {
    color: #DE1F00;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    text-decoration-line: underline;
    text-transform: uppercase;
    margin-top: 8px;
}

.pending_order_sec {
    margin-bottom: 30px;
}

.pending_order_sec select {
    background: rgba(224, 232, 236, 0.3);
    margin-top: 6px;
}

.finalised_order {
    flex-direction: column;
}

.finalised_order select {
    margin-top: 6px;
    margin-bottom: 60px;
    color: #302B2C;
}

/*.next_price input {
    margin-top: 6px;
}*/

.last_price {
    margin-bottom: 60px;
    margin-top: 27px;
}

.last_price > div {
    display: flex;
}

.last_price > div label {
    width: 48%;
}

.last_price > div p {
    width: 48%;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
    opacity: 0.6;
}

.send_out_price label {
    display: inline-block;
    margin-bottom: 12px;
}

/*.send_out_price label span {
    height: 37px;
}*/

.system_cancel_orders {
    background: rgba(222, 31, 0, 0.2);
    padding: 33px 35px;
    display: flex;
    justify-content: space-between;
}

.system_cancel_orders label {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
}

.system_cancel_orders label span {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
    display: block;
    margin-top: 4px;
}

.system_final_step {
    max-width: 69vw;
    margin: 50px auto;
}

.system_email_settings {
    max-width: 69vw;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    margin: 50px auto 50px;
}

.system_email_settings h2 {
    color: #302B2C;
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    border-bottom: 1px solid #9DBCC7;
    margin-bottom: 30px;
    padding-bottom: 16px
}

.system_email_settings label {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #302B2C;
    width: 100%;
}

.system_email_settings label span {
    display: inline;
    /*margin-top: 5px;*/
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #302B2C;
    max-width: 600px;
}

.system_email_settings input:not([type=checkbox]):not([type=radio]) {
    background: #fff;
    color: rgba(48, 43, 44, 0.6);
    border: 1px solid #C2D1D9;
    max-width: 261px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 11px;
    margin-right: 10px;
}

.system_email_settings_container > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.system_email_settings_container > div > div {
    width: 48%;
}

/*.system_email_settings_container > div > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .system_email_settings_container > div > div > div:last-child {
        display: flex;
        justify-content: start;
        margin-top: 31px;
        align-items: center;
    }

        .system_email_settings_container > div > div > div:last-child div {
            display: flex;
            margin-left: 80px;
        }

        .system_email_settings_container > div > div > div:last-child p {
            display: flex;
            align-items: center;
            font-weight: 400;
            font-size: 13px;
            line-height: 150%;
            color: #302B2C;
        }

            .system_email_settings_container > div > div > div:last-child p:first-child {
                border-right: 1px solid #302B2C;
                padding-right: 30px;
                margin-right: 30px;
            }

            .system_email_settings_container > div > div > div:last-child p i {
                margin-right: 10px;
            }*/


.system_email_settings_container div.InputConainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.system_email_settings_container div.InputConainer:last-child {
    display: flex;
    justify-content: start;
    margin-top: 31px;
    align-items: center;
}

.system_email_settings_container div.InputConainer:last-child div {
    display: flex;
    margin-left: 80px;
}

.system_email_settings_container div.InputConainer:last-child p {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
}

.system_email_settings_container div.InputConainer:last-child p:first-child {
    border-right: 1px solid #302B2C;
    padding-right: 30px;
    margin-right: 30px;
}

.system_email_settings_container div.InputConainer:last-child p i {
    margin-right: 10px;
}


.system_email_settings_container > div > div label + div {
    color: #DE1F00;
    font-size: 30px;
}

/* dealer brand maintenanace */

.dealer_brand_main label {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    margin-bottom: 6px;
    display: block;
}

.dealer_brand_main select {
    background: #FFFFFF;
    border: 1px solid #9DBCC7;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: rgba(48, 43, 44, 0.6);
    height: 40px;
}

.dealer_brand_container {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    padding: 40px 35px;
    max-width: 69vw;
    margin: 50px auto;
    background-color: #fff;
}

.dealer_brand_container h2 {
    color: #302B2C;
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    border-bottom: 1px solid #9DBCC7;
    margin-bottom: 30px;
    padding-bottom: 16px;
}

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

.dealer_brand_container_wrapper h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #302B2C;
    margin-bottom: 15px;
}

.dealer_brand_container_wrapper .dealer_scroll {
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 29px;
    width: 40%;
}

.dealer_brand_container_wrapper p {
    margin: 15px 0 10px;
    display: flex;
    justify-content: space-between;
}

.dealer_brand_container_wrapper > div > div p:last-child {
    margin-bottom: 55px;
}

.dealer_brand_container_wrapper div:first-child::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: #F5F5F5;
}

.dealer_brand_container_wrapper div:first-child::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.dealer_brand_container_wrapper div:first-child::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #D9D9D9;
}

.dealer_brand_container_wrapper .dealer_scroll + div {
    border-left: 1px solid #9DBCC7;
    width: 70%;
    margin-left: 20px;
    padding: 0px 10px 0px;
}

/* terms and condition set up */
.terms_scroll input {
    margin-bottom: 48px;
    top: 3px;
    position: relative;
}

.terms_scroll > div > div {
    font-weight: 700;
    font-size: 13px;
    line-height: 150%;
    color: #302B2C;
}

.dealer_brand_container_wrapper .terms_scroll {
    height: 400px;
}

.dealer_brand_container_wrapper .terms_scroll + div {
    border-left: 1px solid transparent;
}

.dealer_brand_container textarea {
    width: 100%;
    height: 100%;
}

/* terms and condition */
.terms_category_container {
    max-width: 69vw;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.terms_category_container h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #424B5A;
}

.terms_category_container ul {
    list-style: disc;
    padding-left: 40px;
    margin-top: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #424B5A;
}

.terms_category_container p {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #424B5A;
    margin-top: 30px;
}

details {
    box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
    width: 48%;
    max-width: 48%;
    position: relative;
    border-radius: 6px;
    background-color: #ECEFF1;
    color: #263238;
    transition: background-color 0.15s;
    box-sizing: border-box;
    margin-bottom: 65px;
}

details > :last-child {
    padding: 33px 24px;
}

details::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    opacity: 0.15;
    box-shadow: 0 0.25em 0.5em #263238;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: -1;
}

details[open] {
    background-color: #FFF;
}

details[open]::before {
    opacity: 0.6;
}

summary {
    background: #D40000;
    color: #fff;
    padding: 15px 10px 15px 80px;
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 31px;
    line-height: 42px;
    cursor: pointer;
}

details:nth-child(2) summary {
    background: #6CA01A;
}

details:nth-child(3) summary {
    background: #EC6607;
}

details:nth-child(4) summary {
    background: #004D95;
}

summary::before,
summary::after {
    width: 0.75em;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 10px;
    content: "";
    background-color: currentColor;
    text-align: right;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}

summary::after {
    transform: translateY(-50%) rotate(90deg);
}

[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}

summary::-webkit-details-marker {
    display: none;
}

/* select tag styling */
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select-trigger {
    min-width: 400px;
    position: relative;
    display: block;
    padding: 0 84px 0 22px;
    color: #000;
    line-height: 40px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    color: #302B2C;
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 0px 0 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
    background: #fff;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select2.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    z-index: 1;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 22px;
    border-bottom: 1px solid transparent;
    font-size: 15px;
    font-weight: 400;
    color: #302B2C;
    line-height: 47px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
    background: #f9f9f9;
}

/* select for product page */

.sort_by .custom-select-trigger, .categories .custom-select-trigger, .brands .custom-select-trigger, .class_range .custom-select-trigger {
    min-width: 96px;
    background-color: transparent;
}

.sort_by .custom-select2.opened, .categories .custom-select2.opened, .brands .custom-select2.opened, .class_range .custom-select2.opened {
    background: #C2D1D9;
}

.class_range .custom-select-trigger {
    min-width: 100px;
    padding: 0 50px 0 22px;
}

.sort_by .custom-select-trigger, .categories .custom-select-trigger, .brands .custom-select-trigger, .class_range .custom-select-trigger {
    line-height: 56px;
    font-size: 16px;
}

.select_edit_check + div .custom-select-trigger {
    /* background: rgba(224, 232, 236, 0.3); */
    background: #fff;
    border: 1px solid #9DBCC7;
    min-width: 320px;
}

.target_order_summary .select_edit_check + div .custom-select-trigger {
    min-width: 150px;
}

.user_acc_form_cont .select_edit_check + div .custom-select-trigger {
    min-width: 140px;
}

.edit_specific_doc .custom-select-wrapper {
    margin-bottom: 20px;
}

.pending_order_sec .custom-select-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

.finalised_order .custom-select-wrapper {
    margin-bottom: 20px;
    margin-top: 20px;
}

/* Mobile and TAB Screen*/
@media screen and (max-width: 1024px) {

    /*select tag in mobile*/
    .custom-select-trigger {
        font-size: 12px;
        line-height: 40px;
    }

    .product_filter .categories .custom-select2, .product_filter .categories .custom-select-wrapper, .product_filter .brands .custom-select-wrapper, .product_filter .brands .custom-select2 {
        display: block;
    }

    .select_edit_check + div .custom-select-trigger {
        min-width: 165px;
    }

    .product_filter .class_range .custom-select2, .product_filter .class_range .custom-select-wrapper {
        display: block;
    }

    .product_filter .brands {
        z-index: 8;
    }

    .product_filter .class_range {
        z-index: 6;
    }


    .pc_only {
        display: none;
    }

    /* login page code */
    .login_container > div {
        width: 98%;
    }

    .login_img {
        display: none;
    }

    .login_container {
        background-image: none;
        margin-top: 40px;
    }

    /* home */
    .home_main_sec h1 {
        padding: 40px 0 40px;
        font-weight: 700;
        font-size: 28px;
    }

    .target_overview h2,
    .notices h2,
    .latest_specials h2 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .targer_cnt {
        flex-direction: column;
    }

    .target_overview {
        max-width: 92%;
        margin: 0 auto;
    }

    .target_list {
        width: 92%;
        margin: 0 auto;
    }

    .target_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 400px;
        overflow: scroll;
        margin-bottom: 40px;
    }

    .target_list ul li {
        width: 100%;
    }

    .target_description {
        width: 92%;
        margin-top: 30px;
        margin: 0 auto;
    }

    .three_col_section {
        flex-direction: column;
    }

    .latest_specials {
        max-width: 92%;
        margin: 0 auto;
    }

    .three_col_section > div {
        width: 100%;
        margin: 0 auto 100px;
    }

    .notices_section {
        flex-direction: column;
    }

    .notices_section > div {
        width: 92%;
        margin: 0 auto 50px;
        flex-direction: column;
        padding: 10px;
        text-align: center;
    }

    .notices {
        max-width: 92%;
        margin: 0 auto;
    }

    .notices_section h3 {
        margin-top: 20px;
    }

    /* contact */
    .contact_container {
        max-width: 92%;
        box-sizing: border-box;
    }

    .contact_two_col {
        flex-direction: column;
    }

    .contact_left {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .contact_left > div {
        width: 92%;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .contact_col_border {
        border-bottom: none;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    /* product page */
    .product_container {
        padding: 35px 0 35px;
    }

    .product_banner h2 {
        font-size: 30px;
    }

    .product_filter {
        max-width: 92%;
        flex-direction: column;
    }

    .product_filter .left_filter {
        display: flex;
        flex-direction: column;
    }

    .filter_result_list {
        flex-direction: column;
        max-width: 92%;
    }

    .product_filter select {
        padding: 14px 0 14px 60px;
    }

    .filter_result_list_item {
        max-width: 100%;
    }

    .pop_up_content {
        max-width: 100%;
        padding: 20px;
    }

    .order_details_select {
        flex-direction: column;
        align-items: flex-start;
    }

    .quantity_container input {
        margin-right: 0;
    }

    .pop_up_content h2 {
        font-size: 20px;
    }

    .btn_for_next_step {
        flex-direction: column;
    }

    .btn_for_next_step button:first-child {
        margin-bottom: 20px;
    }

    .btn_for_next_step button {
        padding: 17px 8px;
        font-size: 16px;
    }

    .second_step select {
        width: 275px;
    }

    .second_step .btn_for_next_step button {
        padding: 17px 8px;
        line-height: 1.2;
    }

    .btn_final_step {
        flex-direction: column;
        align-items: flex-start;
    }

    .third_step {
        min-width: 300px;
    }

    .save_order {
        margin: 20px 0;
    }

    .btn_for_next_step a:first-child {
        opacity: 0.5;
        margin-right: 0;
    }

    .create_order_button,
    .new_manual_order_button {
        margin-top: 20px;
    }

    .btn_for_next_step a {
        font-size: 12px;
    }

    /* order details */
    .main_order_detail {
        padding-top: 46px;
    }

    .order_details_container {
        padding: 35px 0 35px;
    }

    .order_details_container h2 {
        font-size: 30px;
    }

    .order_details_form {
        max-width: 92%;
    }

    .order_number_details {
        flex-direction: column;
        align-items: flex-start;
    }

    .order_number_details > div:last-child {
        margin-top: 15px;
    }

    .overview_finance {
        flex-direction: column;
    }

    .overview,
    .finance {
        width: 100%;
        max-width: 100%;
        padding: 20px 15px 50px;
    }

    .delivery > div {
        flex-direction: column;
    }

    .delivery > div > div:last-child {
        width: 261px;
    }

    .order_final_step {
        flex-direction: column;
    }

    .submit_order {
        margin-right: 0;
    }

    /* order summary */
    .order_summary {
        flex-direction: column;
        align-items: flex-start;
        max-width: 92%;
    }

    .order_summary > div:first-child {
        flex-direction: column;
    }

    .order_summary > div {
        margin-top: 15px;
    }

    .order_summary .on_hand i,
    .order_summary .on_order i,
    .order_summary .on_transit img {
        margin-left: 0;
    }

    .order_summary > div:last-child {
        text-align: left;
    }

    /* target maintenance */
    .main_target_maintenance {
        padding-top: 46px;
    }

    .target_maintenance_container {
        padding: 35px 0 35px;
    }

    .target_maintenance_container h2 {
        font-size: 30px;
    }

    .target_maintenance_banner {
        max-width: 92%;
    }

    .target_excel_export {
        max-width: 92%;
        text-align: left;
    }

    .target_form {
        max-width: 92%;
    }

    .dealer_account {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .target_dealer_account input,
    .target_dealer_account select {
        width: 100%;
    }

    .target_dealer_account > div {
        flex-direction: column;
    }

    .left_selection {
        width: 100%;
    }

    .right_selection {
        width: 100%;
    }

    .first_section > div {
        flex-direction: column;
    }

    .target_order_summary {
        flex-direction: column;
    }

    .left_selection select {
        width: 100%;
    }

    .first_section > div > div:first-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .first_section > div > div {
        margin-top: 15px;
    }

    .order_final_step .save_order {
        margin-right: 0;
    }

    .search {
        margin-top: 15px;
    }

    .excel + p {
        text-align: left;
    }

    /* edit specs doc */
    .edit_special_form {
        max-width: 92%;
    }

    .edit_form_container {
        flex-direction: column;
        padding: 40px 39px;
        align-items: unset;
    }

    .edit_spl_check_sec label {
        margin-bottom: 17px;
        margin-top: 20px;
    }

    .uploader {
        margin: 15px auto 20px;
    }

    .edit_form_container div {
        max-width: 100%;
    }

    .edit_form_container input:not([type=checkbox]):not([type=radio]),
    .edit_form_container select {
        max-width: 100%;
    }

    .edit_form_container label {
        clear: both;
    }

    /* edit profile */
    .edit_profile > div {
        max-width: 100%;
        width: 100%;
    }

    /* edit specs doc */
    .edit_spec_doc > div {
        max-width: 100%;
        width: 100%;
    }

    /* dealer brand special maintenance */
    .dealer_brand_order_final_step {
        max-width: 92%;
        margin: 0 auto;
    }

    /* dealer forecasting */
    .dealer_forecasting_list {
        max-width: 92%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .forecasting_filters form {
        flex-direction: column;
    }

    .forecasting_filters input[type=date] {
        width: 100%;
    }

    .forecasting_filters select {
        width: 100%;
    }

    .forecasting_filters form > div:first-child {
        margin-right: 0;
    }

    .forecasting_filters {
        max-width: 92%;
        margin: 0 auto;
    }

    /* user account management */
    .user_acc_manage_container {
        max-width: 92%;
        margin: 80px auto;
    }

    .user_main_target_maintenance {
        padding-top: 46px;
        padding-bottom: 80px;
    }

    .user_acc_form_cont {
        flex-direction: column;
    }

    .user_acc_manage_container input:not([type=checkbox]):not([type=radio]),
    .user_acc_manage_container select {
        background: #FAFAFA;
        color: #C2D1D9;
        border: 1px solid #C2D1D9;
        max-width: 100%;
        height: 40px;
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
    }


    .user_acc_form_cont > div,
    .user_acc_form_cont > div:first-child {
        width: 100%;
    }

    /* system settings */
    .system_setting_config_form {
        max-width: 92%;
    }

    .system_setting_config_container > div > div {
        width: 100%;
    }

    .system_setting_config_container > div:first-child #active {
        margin-left: 0;
    }

    .system_setting_config_container {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .system_setting_config_container > div {
        flex-direction: column;
    }

    .system_setting_config_container .pricing_period_sec > div {
        width: 100%;
        flex-direction: column;
        margin-bottom: 6px;
    }

    .send_out_price button {
        font-size: 13px;
    }

    .system_cancel_orders {
        flex-direction: column;
    }

    .system_cancel_orders button {
        margin-top: 10px;
    }

    .system_email_settings {
        max-width: 92%;
        padding: 20px 20px;
    }

    .system_email_settings_container > div {
        flex-direction: column;
    }

    .system_email_settings_container > div > div {
        width: 100%;
        margin-bottom: 10px;
    }

    .system_email_settings_container > div > div > div:last-child div {
        display: flex;
        margin-left: 20px;
    }

    .system_email_settings_container > div > div > div:last-child {
        flex-direction: column;
    }

    .system_email_settings input:not([type=checkbox]):not([type=radio]) {
        margin-right: 4px;
    }

    /* dealer brand maintenanace */
    .dealer_brand_container {
        padding: 40px 20px;
        max-width: 92%;
    }

    .dealer_brand_container_wrapper {
        flex-direction: column;
    }

    .dealer_brand_container_wrapper .dealer_scroll {
        width: 100%;
        padding-right: 0;
        border-bottom: 1px solid #9DBCC7;
        margin-bottom: 10px;;
    }

    .dealer_brand_container_wrapper .dealer_scroll + div {
        width: 100%;
        margin-left: 0;
        border-left: 1px solid transparent;
        padding: 0;
    }

    /* terms and condition set up */
    .dealer_brand_container_wrapper .terms_scroll {
        border-bottom: 1px solid transparent;
        margin-bottom: 20px;
    }

    /* terms and condition */
    .terms_category_container {
        max-width: 92%;
    }

    details {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .main_terms {
        padding-top: 50px !important;
    }

    .filter_result_list_item img {
        width: 100%;
    }
}

/* TAB Screen */
@media screen and (min-width: 600px) and (max-width: 1281px) {

    /* product page */
    .filter_result_list {
        max-width: 80%;
        flex-direction: row;
    }

    .filter_result_list_item {
        max-width: 48%;
    }

    .product_filter {
        max-width: 92%;
        flex-direction: column;
    }

    .product_filter .left_filter {
        display: flex;
        flex-direction: column;
    }

    .order_summary {
        max-width: 85vw;
    }

    .user_acc_form_cont > div:first-child {
        width: 280px;
        opacity: 1;
    }

    .user_acc_manage_container,
    .dealer_status_activation {
        max-width: 85vw;
    }

    .contact_container {
        max-width: 85vw;
    }

    .contact_two_col {
        flex-direction: column;
    }

    .contact_right {
        margin: 50px auto 0;
    }

    .edit_special_form {
        max-width: 85vw;
    }

    .edit_form_container {
        padding: 30px 30px;
    }

    .system_setting_config_form, .system_email_settings {
        max-width: 85vw;
    }
}

@media screen and (min-width: 600px) and (max-width: 1600px) {
    .user_acc_form_cont > div:first-child {
        width: 270px;
        opacity: 1;
        margin-right: 20px;
    }

    .user_acc_form_cont > div {
        width: 170px;
        opacity: 0.15;
    }
}

#dvSortContainer .custom-select-wrapper .custom-select-trigger {
    min-width: 254px;
}


.k-grid .k-input {
    width: 100% !important;
    background: none !important;
    color: inherit !important;
    border: none !important;
}

.k-confirm .k-window-titlebar::before {
    content: 'Confirmation';
}

.k-confirm .k-window-titlebar .k-dialog-title {
    visibility: collapse;
}