#account-edit .row.acc {
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
}

.row.acc {
    padding-bottom: 50px;
}

#container form {
    padding: 40px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;

}

#container h1 {
    color: black;

    margin: 0;
    padding: 20px 0 20px 0;
    text-align: center;
}

#container form label {
    display: none;
}

#container {
    margin: 0 auto;
    max-width: 660px;
    width: 100%;
    padding-bottom: 20px;

}

#return form input {
    display: flex;
    width: 100%;
    max-width: 300px;
    margin-bottom: 15px;
}


#container h1 {

    color: black;
    text-align: center;
    margin: 0;
    padding: 20px 0 20px 0;
}

#container2 h2 {

    color: black;
    margin: 0;
    padding: 20px 0 20px 0;
}

#container2 h1 {

    color: black;
    margin: 0;
    padding: 20px 0 20px 0;
}

.form-group input {
    padding: 15px 25px;
    border: 1px solid grey;

    margin-bottom: 10px;
    background-color: white;
}


.buttons.clearfix {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

#container2 {
    padding-bottom: 50px;
    width: 100%;
    box-sizing: border-box;
}

.table-responsive {
    width: 100%;
    box-sizing: border-box;
}

.table.table-bordered.table-hover {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 30px 30px;
    background-color: #f7fafc;
}

.table.table-bordered.table-hover td {

    color: black;
    padding-bottom: 20px;
}

.table.table-bordered.table-hover td a {

    color: black;
}

.table-responsive .code {
    width: 160px;
    padding-right: 30px;
}

.table-responsive .more {
    width: 100px;
    padding-right: 30px;
}

.table-responsive .price_prd {
    width: 120px;
    padding-right: 30px;
}

.table-responsive .price_prd .price b {

    color: #e36b9c;
    padding-right: 10px;
}

.table-responsive .active {
    width: 80px;
}

.table-responsive .name {
    display: flex;
    flex-grow: 1;
    padding-right: 30px;
}

.table-responsive .name img {
    padding-right: 20px;
}

.table-responsive .active.btn button {
    transition: all 0.25s ease-in-out;
    border: 1px solid #e36b9c;
    background: #e36b9c;
    padding: 7px 20px;
    border-radius: 25px;
    cursor: pointer;
}

.form-horizontal.cnt legend {

    text-align: left;
    padding-bottom: 20px;
}

.table-responsive .active.btn button:hover {
    border: 1px solid #387bf3;
    background: #387bf3;
}


.form-group.news .latter {

    color: black;
    padding-bottom: 15px;
}

.form-group.news .newss {
    display: flex;
    flex-flow: row nowrap;
}

.form-group.news {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.form-group.news .newss label:first-child {
    padding-right: 20px;
}

.form-group.news .newss label {

    color: black;
}


#container2 p {

    padding: 5px 0;
    color: black;
    margin: 0;
}

form .col-sm-10 {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    flex-direction: column-reverse;
}

form input[type=submit] {
    padding: 10px 30px;
    border-radius: 3px;
    background-color: #323232;

    color: #ffffff;
    font-weight: bold;
    border: none;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

form input[type=submit]:hover {
    background-color: #e56911;
}


.pull-left a {
    color: grey;

    margin-top: 40px;
}

.pull-left a:hover {
    color: #000000;
}

.buttons.clearfix.extra {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 15px;
}

.buttons.clearfix.extra .pull-left a {

    color: #6c6b6b;
}

#container .form-group.news label {
    display: flex !important;
}

.buttons.clearfix.extra .pull-left a:hover {
    color: black;
}

.buttons.clearfix.extra .pull-right a {
    color: white;
    font-weight: bold;
    transition: all 0.25s ease-in-out;
}

.buttons.clearfix.extra .pull-right {
    padding: 10px 20px;
    margin-bottom: 15px;
    background-color: #323232;
    transition: all 0.25s ease-in-out;
}

.buttons.clearfix.extra .pull-right:hover {
    background-color: #e56911;
}

#content {
    display: flex;
    flex-flow: column;
    width: 100%;
    box-sizing: border-box;
    margin-top: 30px;
}

#content .top_ttl {
    display: flex;
    box-sizing: border-box;
    flex-flow: column;
}

#content .top_ttl h1 {

    color: var(--primary-color-txt);
    padding: 0;
    margin: 0 0 10px 0;
}

#content .top_ttl p {

    color: var(--primary-color-txt);
    padding: 0;
    margin: 0;
}

#return form {
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 3px;
    width: 80%;
    margin: 30px 0 60px 0;
    background-color: #FCF0E5;
}

#return .cnt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

}

#return form .text-danger {
    color: #cb0303;
}

#return .ttl {
    color: var(--primary-color-txt);

    font-weight: 500;
    padding-bottom: 22px;
}


#return form label {
    color: var(--primary-color-txt);

}

#return form .conttop {
    padding-bottom: 30px;
}

.form-group.required {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

#return form .form-group.required input {
    padding: 15px 25px;
    border: 1px solid grey;

    background-color: white;
    display: flex;
    box-sizing: border-box;
    color: black;
    margin: 6px 0 20px 0;
    flex-grow: 1 !important;
    max-width: 100% !important;
}

#return form .conttop {
    padding-bottom: 40px;
}

#return form .form-group.required .col-sm-10 {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start !important;
}

#return form .form-group.tgh {
    display: flex;
    flex-flow: column;
}

#return form .form-group.tgh .col-sm-3.tgh {
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-flow: row nowrap !important;
    margin-top: 6px;
}

#return form .input-group.date {
    display: flex;
    width: 100%;
    flex-grow: 1;
}

#return form .input-group.date button {
    height: 51px;
    width: 51px;
    background-color: #E76A11;
    border: 1px solid grey;
    border-left: none;
}

#return form .input-group.date .input-group-btn img {
    max-width: 25px;
}

#return form .form-group.last {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

#return form .form-group.last input {
    padding: 15px 25px;
    border: 1px solid grey;

    background-color: white;
    display: flex;
    box-sizing: border-box;
    color: black;
    margin: 6px 0 20px 0;
    flex-grow: 1 !important;
    max-width: 100% !important;

}


#return form .form-group.required.tgh label {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    white-space: nowrap;
}

#return form .form-group.required.tgh input[type=radio] {
    min-width: 1px;
}

#return form .form-group.required.tgh label input {
    margin-right: 7px !important;
}

#return form .form-group.required.tgh .radio-inline {
    display: flex;
    flex-flow: row nowrap;
    width: auto !important;
    white-space: nowrap;
}


#return form .conttop .ttl.last {
    padding-bottom: 10px !important;
}

#return form .txt {
    width: 100%;
    display: flex;
    margin-top: 10px;
}

#return form .txt textarea {
    width: 100%;
    display: flex;
    margin-top: 10px;
}


#return form .buttons.clearfix {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}


#return form .buttons.clearfix .pull-right {
    width: 500px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

#return form .buttons.clearfix .pull-right input {
    background-color: #8E5C2E;
    cursor: pointer;
}


#return form .buttons.clearfix .pull-right input:hover {
    background-color: #7c532d;
}


@media only screen and (max-width: 1050px) {

    .table-responsive .code {
        display: none;
    }

}

@media only screen and (max-width: 810px) {
    .table-responsive .more {
        display: none;
    }
}


@media only screen and (max-width: 650px) {
    .row.acc {
        padding-bottom: 0;
    }

    #container2 h2 {

        color: black;

        margin: 0;
        padding: 20px 0 10px 0;
    }

    #container2 {
        padding-bottom: 0;
    }

    .table.table-bordered.table-hover {
        margin-bottom: 20px;
        padding: 20px 5px;
    }


    #return form {
        padding: 25px;
        width: 100%;
        margin: 25px 0 40px 0;
    }

}


@media only screen and (max-width: 600px) {
    .table.table-bordered.table-hover thead {
        display: none;
    }

    .table-responsive .active.btn button {
        width: 25px;
        height: 25px;
        padding: 0;
    }

    .table-responsive .active.btn button img {
        width: 16px;
    }

    .table-responsive .active {
        width: auto;
    }

    .table-responsive .price_prd {
        width: auto;
        padding-right: 15px;
    }

    .table.table-bordered.table-hover td {
        padding-bottom: 10px;
    }

    .table-responsive .name {
        padding-right: 15px;
    }

}

@media only screen and (max-width: 500px) {
    #container h1 {

        padding: 10px 0 20px 0;
    }

    #container form {
        padding: 25px 16px;
    }

    #account-edit .row.acc {
        padding-bottom: 0;
    }

    .breadcrumb .row {
        overflow-x: scroll;
        padding-bottom: 5px;
        flex-flow: row nowrap;
    }

    .breadcrumb ul li a {
        white-space: nowrap;
    }

    #container2 h2 {

        color: black;
        margin: 0;
        padding: 20px 0 0 0;
    }

    .table-responsive .name img {
        padding-right: 10px;
    }

    .table.table-bordered.table-hover td a {

        color: black;
    }

    .table-responsive .price_prd .price b {

        color: #e36b9c;
        padding-right: 0;
    }


    .table.table-bordered.table-hover td {
        padding-bottom: 10px;

    }

    #content .top_ttl h1 {

        margin: 0 0 5px 0;
    }

    #return .ttl {

        padding-bottom: 10px;
    }

    #return form .conttop {
        padding-bottom: 20px;
    }

    #return form .form-group.required input {
        padding: 10px 25px;

        margin: 4px 0 12px 0;
    }

    .form-group input {
        padding: 10px 25px;
        border: 1px solid grey;

        margin-bottom: 10px;
        background-color: white;
    }

    #return form .input-group.date button {
        height: 41px;
        width: 41px;
    }

    #return form .input-group.date .input-group-btn img {
        max-width: 20px;
    }

    #return form .form-group.last input {
        padding: 10px 25px;

        background-color: white;
        display: flex;
        box-sizing: border-box;
        color: black;
        margin: 6px 0 4px 0;
        flex-grow: 1 !important;
        max-width: 100% !important;
    }

    #return form .txt {
        width: 100%;
        display: flex;
        margin-top: 1px;
    }

    #return form .buttons.clearfix {
        margin-top: 0 !important;
    }

    #return form .buttons.clearfix .pull-right {
        width: 200px;
    }
}

@media only screen and (max-width: 450px) {
    #container h1 {

        padding: 0px 0 15px 0;
    }

    #container2 h1 {

        color: black;
        margin: 0;
        padding: 0 0 10px 0;
    }


}