﻿.hidden{
    display:none !important;
}
.btn-active-type-register {
    display: inline-block !important;
    background-color: var(--color-primary) !important;
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 4px;
    margin-bottom: 22px;
}
.btn-type-register {
    display: inline-block !important;
    border: 1px solid var(--color-primary) !important;
    color: #f49231 !important;
    padding: 10px 30px;
    border-radius: 4px;
    margin-bottom: 22px;
}
.d_inline_block{
    display:inline-block !important;
}
.paginationKohan li {
    display: inline-block;
}

    .paginationKohan li a {
        padding: 4px 12px;
        color: #1678c2;
        border: 1px solid #ddd;
    }

.paginationKohan {
    margin-top: 20px !important;
}

.pagination-Active {
    background-color: #1678c2 !important;
    color: #fff !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.alert-error-Style{
    color:#fff !important;
}
.alert-Ok, .alert-success {
    background: #00a5a1;
    color: white;
    margin-top: 20px;
    padding: 13px;
    font-size: 14px;
}
.alert-error {
    background: #f99e9e;
    color: white;
    margin-top: 20px;
    padding: 13px;
    font-size: 14px;
}
.main-btn {
    cursor: pointer;
}
.imgCategory4{
    height:188px !important;
}
.alert-error-Address{
    color:red;
}
.box-address {
    background: white;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    transition: opacity .3s, box-shadow .3s, background-color .3s;
    padding: 30px 40px 40px 40px;
    direction: rtl;
    font-size: 13px;
    margin: 16px 0px;
}

.topaddress {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    height: 7px;
    background: white url(/Content/Image/top-line.png) repeat-x center;
}

#ListAddress {
    display: inline-block;
}

.addressName {
    font-size: 22px;
    color: #5e40f0 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #e3dddd;
    padding-bottom: 10px;
}

.box-address p {
    font-size: 15px !important;
    color: #7E7D84 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.btn-edit-address {
    background-color: blue !important;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 7px;
    cursor: pointer;
}

.btn-delete-address {
    background-color: red !important;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 7px;
    cursor: pointer;
}
.closeaddress {
    float: left;
    top: -89px !important;
    position: relative;
    font-size: 29px;
    color: #666363;
}
.textarea-address {
    min-height: 120px !important;
}
.max-height-150 {
    max-height: 150px;
}
.text-center{
    text-align:center 
}
.rounded {
    border-radius: .25rem !important;
}
.margin-auto{
    margin:auto;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}
.cart_shop{
    margin-bottom:50px;
}
.headerUi{
    font-weight:bold;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.team_group .text .info {
    color: #7e7d84 !important;
    font-weight: 600 !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.pd2 {
    padding: 2px !important
}
.address_textarea_order {
    width: 100% !important;
    max-width: 100% !important;
    margin-top:15px;
}
.mt20{
    margin-top:20px !important;
}
.nav_filesend .custom-control-input:checked ~ .custom-control-label::before, .nav_filesend .custom-control-input:checked ~ .custom-control-label::after {
   display:none;
}
#modal-remember-password, #modalActivePerson {
    height: 300px !important;
    transform: translate(-50%,-62%) !important;
}
.tabel_cart th {
    background-color: var(--color-primary) !important;
}
.bgr6 {
    background-color: var(--color-primary) !important;
}
.btn_end_shoping_cart {
    background-color: var(--color-primary) !important;
}
.contact__section-row path {
    fill: var(--color-primary) !important;
}