.DivBranch {
    margin-top: inherit
}

.input-validation-error {
    border: 1px solid red;
    background-color: #fee
}

.text-align-center {
    text-align: center
}

.text-align-Left {
    text-align: left
}

.remove-padding {
    padding: 0 !important
}

.Margin_Top_10 {
    margin-top: 10px
}

.Left_0 {
    left: 0;
    right: auto !important
}

/*a {
    color: #173087;
    text-decoration: none
}

a:hover {
    color: #173087 !important
}*/

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    color: #173087
}

.modal-header {
    background-color: transparent
}

.modal-remove {
    font-size: 16px;
    padding-right: 20px;
    padding-top: 20px;
    color: #737373;
    cursor: pointer
}

.modal-content {
    border-radius: 8px
}

.Margin_Top_20 {
    margin-top: 20px
}

.modal .modal-header {
    border-bottom: none;
    position: relative
}

.modal .modal-header .btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0
}

.modal .modal-footer {
    border-top: none;
    padding: 0
}

.modal .modal-footer .btn-group>.btn:first-child {
    border-bottom-left-radius: 0
}

.modal .modal-footer .btn-group>.btn:last-child {
    border-top-right-radius: 0
}

.modal .modal-header {
    border-bottom: none;
    position: relative
}

.modal .modal-header .btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0
}

.modal .modal-footer {
    border-top: none;
    padding: 0
}

.modal .modal-footer .btn-group>.btn:first-child {
    border-bottom-left-radius: 0
}

.modal .modal-footer .btn-group>.btn:last-child {
    border-top-right-radius: 0
}

.panel-title i {
    color: #e3000f
}

.Price {
    width: 100%;
    margin-bottom: 6px;
    border: solid 1px #68686859
}

.Price td {
    text-align: center
}

.Price tr td:first-child {
    width: 14%;
    vertical-align: top
}

.Price a {
    color: #e3000f
}

.Price a:hover {
    color: #ff4040
}

    .Price thead {
        background-color: var(--secondary-color) !important;
        color: #fff;
        line-height: 35px;
        table-layout: fixed
    }

.pricetable tr td:nth-child(2) {
    width: 19%
}

.MainPrice {
    width: 100%
}

.MainPrice td {
    line-height: 35px;
    text-align: center
}

.Price tbody tr:nth-child(even) {
    background-color: #f7f7f7;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd
}

.MainPrice tbody tr:nth-child(even) {
    background-color: #f0f0f0
}

.Subject_Price {
    background-color: #173087
}

.Subject_Price h5 {
    line-height: 36px;
    text-align: right;
    cursor: pointer;
    font-size: 17px
}

.Subject_Price span {
    color: #262626 !important
}

.Header_Price {
    width: 100%
}

.Header_Price td {
    text-align: center;
    width: 18%
}

.Header_Price tr td:first-child {
    width: 19%;
    vertical-align: top
}

.Header_Price tr td:nth-child(2) {
    width: 34% !important
}

.With_9 {
    width: 9% !important
}

.With_26 {
    width: 26% !important
}

.Fix_Header {
    display: block;
    position: sticky;
    top: 0
}

tbody,
thead tr {
    width: 100%;
    table-layout: fixed
}

.Product_Price {
    width: 100% !important
}

.Product_Price td {
    text-align: center;
    color: #262626
}

.Product_Price tr:hover {
    background-color: #bbb
}

.panel-heading a {
    width: 98%;
    float: left;
    position: absolute;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 400
}

.min-height-400 {
    min-height: 400px
}

.MainSampleText {
    line-height: 30px
}

.MainSampleText img {
    width: 50%;
    height: auto
}

.checkColor {
    padding-bottom: 5px
}

.Border_Bottom1 {
    border-bottom: solid 1px #e5e5e5;
    line-height: 50px;
    margin-bottom: 30px
}

.imgPrivateOrder {
    text-align: center
}

#text {
    display: none
}

#toggle {
    cursor: pointer;
    text-align: center;
    position: relative;
    bottom: 20px
}

.DesDt {
    margin-right: 13.5%;
    width: 86.5%
}

.colorRed {
    color: #e3000f
}

.Price tbody,
.Price thead tr {
    display: table
}

.k-button .k-upload-button {
    border: none;
    width: 100%;
    display: initial;
    font-family: BMI;
    font-size: 12px
}

.Border_Right {
    border-right: solid 1px #ddd
}

.Remove_Padding_Right1 {
    padding-right: 0
}

@media (min-width: 851px) and (max-width: 990px) {
    .Display_Res {
        display: none !important
    }

    .Res_LingnHeight_80 {
        line-height: 80px
    }
}

.header .RightMenuCaption {
    font-size: 11px
}

.blogheader {
    z-index: 11
}

.panel-img img {
    width: 100% !important
}

.nopadding {
    padding: 0 !important
}

.link-div {
    min-height: 450px
}

.Menu-Style {
    margin: 12px 0
}

.tab-faq {
    padding: 12px;
    background: #3980b4;
    border: 1px solid #fff
}

.tab-faq a {
    color: #fff
}

.tab-faq .active a {
    color: #f18eb9
}

.faq-box .tab-content {
    min-height: -webkit-fill-available;
    border: 1px solid #e4e2e2;
    padding: 36px
}

.mobile-icon {
    width: 10%;
    background: #e07097;
    text-align: center;
    float: left;
    height: 35px;
    color: #fff
}

.mobile-ForgetPass {
    width: 90%;
    border-right: none;
    height: 35px !important
}

.RefreshSearch {
    cursor: pointer
}

.next-step-one {
    width: 16%;
    background: #fff !important
}

.nav-category li {
    width: 100%
}

.nav-category .active {
    background: #173087
}

.nav-category .active a {
    color: #fff !important
}

.button-next {
    width: 100%
}

.display-none {
    display: none !important
}

.plus-listprice {
    color: #e07097;
    font-size: 15px !important;
    padding: 0 8px
}

input.main-btn {
    font-size: 1rem !important
}

.Title-pannel {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    line-height: 35px;
    table-layout: fixed;
    width: 100%;
    border: none;
    padding: 2px 6px;
    cursor: pointer
}

    .Title-pannel.active {
        background-color: var(--secondary-color)
    }

.Title-pannel h2 {
    color: white;
    line-height: 35px;
    font-size: 16px;
    display: inline-block
}
.Title-pannel.active  h2{
    color: #fff;
}
.panel-List {
    margin: 6px 0
}

.imgtemplate {
    position: absolute;
    z-index: 7;
    opacity: .6
}

.modal-width {
    max-width: 1096px !important;
    min-height: 700px;
    overflow: hidden
}

.modal-width .modal-content {
    background: #f0f8ff
}

.modaladtmontazh {
    text-align: right
}

.Login-Text-Alert {
    padding: 12px;
    background-color: #17308726;
    border: solid 2px #173087;
    color: #686868;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 40px
}

.ReadOnly {
    cursor: not-allowed
}

.contactUsBox {
    background-color: #ececec;
    margin: 5px 0
}

.contactus-text {
    padding: 68px 45px 41px
}

.header-Secound {
    border-bottom: 1px solid #d6d6d6;
    text-align: center
}

.input-Secound {
    padding: 2px 10px
}

.control-label {
    color: #9F9F9F
}

.panel-List .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem .375rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: 4px center
}

.header-pricelist {
    justify-content: left;
    position: relative;
    display: flex;
    left: 5px
}

.fa.faInformtion {
    color: var(--secondary-color)
}

.fa.fa-shopping-basket {
    color:var(--secondary-color)
}

.send-info-btn {
    display: inline-block
}

.select2 {
    max-width: initial !important;
    direction: rtl
}

.select2-selection__arrow {
    right: unset !important;
    left: 2px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px !important;
    padding-right: 8px !important
}

.selection .select2-selection {
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    background: #fff;
    height: 40px !important;
    display: flex;
    align-items: center;
    padding-bottom: 0
}

.selection {
    display: block;
    height: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6" fill="none"><path d="M11.5327 1.52796C11.8243 1.23376 11.8222 0.758893 11.528 0.467309C11.2338 0.175726 10.7589 0.177844 10.4673 0.472041L8.72 2.23501C8.01086 2.9505 7.52282 3.44131 7.1093 3.77341C6.7076 4.096 6.44958 4.20668 6.2185 4.23613C6.07341 4.25462 5.92659 4.25462 5.7815 4.23613C5.55042 4.20668 5.2924 4.09601 4.89071 3.77341C4.47718 3.44131 3.98914 2.95051 3.28 2.23501L1.53269 0.472042C1.24111 0.177845 0.766238 0.175726 0.472041 0.46731C0.177844 0.758894 0.175726 1.23376 0.467309 1.52796L2.24609 3.32269C2.91604 3.99866 3.46359 4.55114 3.95146 4.94294C4.45879 5.35037 4.97373 5.64531 5.59184 5.72409C5.86287 5.75864 6.13714 5.75864 6.40816 5.72409C7.02628 5.64531 7.54122 5.35037 8.04854 4.94294C8.53641 4.55114 9.08396 3.99867 9.7539 3.32269L11.5327 1.52796Z" fill="%23D7AE00"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    width: 12px;
    height: 6px
}

.select2-results__options {
    text-align: right;
    font-size: 13px
}

.select2 {
    max-width: calc(100% - 107px)
}

.panel-heading {
    position: relative
}
.fa-plus {
    color:white;
}
.panel-heading::before {
    content: " ";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 9L12 15L6 9" stroke="%23173087" stroke-linecap="round"/></svg>')
}
.Title-pannel.active.panel-heading::before{
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 9L12 15L6 9" stroke="white" stroke-linecap="round"/></svg>')
}
.Title-pannel.active .fa-plus{
    color: #fff;
}
.panel-heading.active::before {
    transform: translateY(-50%) rotate(180deg)
}

.panel-List .panel-heading {
    border-radius: 15px !important
}

.panel-body {
    padding: 10px 30px
}

.PriceList .panel-body {
    padding-left: 5px !important;
    padding-right: 5px !important
}

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

.panel-body {
    overflow-x: auto
}

.panel-body table {
    min-width: 800px
}

.PriceList {
    overflow-x: hidden
}

.panel-List {
    font-size: 14px
}

@media screen and (max-width: 576px) {
    .panel-List {
        font-size: 12px
    }
}

tr:nth-child(odd) {
    background-color: inherit !important;
}
.panel-List .custom-select {
    min-width: max-content;
}