@import "../../app/variables";

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
    .font-12 {
        font-size: 0.75rem;
    }
    .w-70 {
        width: 70px;
    }
    strong {
        color: $primary-coral;
    }
    .bg-bullhorn {
        width: 45px;
        height: 45px;
        background-color: $primary-blue;

        i {
            rotate: 180deg;
        }
    }
    .color-wait {
        color: $primary-amber;
    }

    .active-tab {
        color: $primary-amber !important;
        transition: 300ms;
    }

    .tab-pane {
        display: none !important;
    }

    .learts-mb-n30 {
        margin-bottom: -30px;
    }

    .learts-mt-30 {
        margin-top: 30px;
    }

    .learts-mb-30 {
        margin-bottom: 30px;
    }

    .myaccount-tab-list {
        display: block;
        background-color: $primary-blue;

        a {
            font-weight: 500;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 14px 20px;
            transition: all .5s ease 0s;
            color: $text-dark;

            &:hover {
                color: $primary-amber;
            }

            +a {
                border-top: 1px solid $primary-blue;
            }

            .active {
                cursor: default;
                background-color: $primary-blue;
            }
        }

        // .myaccount-content {
        //     font-size: 1rem;
        //     font-weight: 400;

        //     p {
        //         padding: 20px;
        //         background-color: $bg-lighter;
        //         margin-bottom: 24px
        //     }
        // }

        // .order {
        //     .table-responsive {
        //         overflow-x: auto;
        //     }
        // }

        // .address {
        //     p {
        //         padding: 20px;
        //         background-color: $bg-lighter;
        //     }

        //     .title {
        //         margin-bottom: 20px;

        //         .edit-link {
        //             font-size: 0.75rem;
        //             margin-left: 5px;
        //             text-transform: capitalize;
        //             color: $text-gray;
        //         }
        //     }
        // }
    }
    label {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.125;
        display: block;
        margin-bottom: 10px;
        letter-spacing: 1.6px;
        color: $text-dark;
        .required {
            font-size: 1rem;
            color: $primary-coral;
        }
    }
}
// .order {
//     table {
//         thead {
//             td {
//                 color: $primary-coral !important;
//             }
//         }
//     }
// }
.table-info {
    background-color: $primary-blue;

}

.btn-close {
    background-color: $text-medium;
    color: $pure-white;

}

.btn-print {
    transition: 300ms;
    background-color: $primary-amber;
    color: $pure-white;
}

.scroll-thin {
    scrollbar-width: thin;
}