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



/*body {*/

/*    background-color: #ffffff;*/

/*    font-family: 'Mulish', sans-serif;*/

/*    font-size: 15px;*/

/*}*/



/*.intext {*/

/*    width: 100%;*/

/*    padding: .375rem .75rem;*/

/*    font-size: .9rem;*/

/*    background-color: #fff;*/

/*    background-clip: padding-box;*/

/*    border: 1px solid #ced4da;*/

/*    border-radius: .25rem;*/

/*}*/



/*.minput {*/

/*    border: none;*/

/*    background: transparent;*/

/*    border-radius: 0px;*/

/*    padding: 0px;*/

/*    height: 1.5rem;*/

/*}*/



/*.mgr {*/

/*    margin-right: 0px;*/

/*    margin-left: 0px;*/

/*    margin-bottom: 0.2rem;*/

/*}*/



/*.mt-c {*/

/*    text-align: center;*/

/*    margin-bottom: 1rem;*/

/*}*/



/*.ota tr td, .ota tr th{*/

/*    padding: 0.4rem!important;*/

/*}*/



/*.ota tr th {*/

/*    text-align: center;*/

/*}*/



/*thead tr th {*/

/*    text-align: center;*/

/*}*/



/*.bto {*/

/*    position: fixed;*/

/*    bottom: 1rem;*/

/*    width: 100%;*/

/*}*/



/*footer {*/

/*    margin-top: 3rem;*/

/*}*/



/*.tt h5 {*/

/*    font-size: .9rem;*/

/*}*/



/*.tt h5 span{*/

/*    font-weight: 600;*/

/*}*/



/*.tt .row {*/

/*    margin-bottom: 0px;*/

/*}*/



/*.tt label {*/

/*    font-weight: 600;*/

/*    padding-top: 0px;*/

/*}*/



/*.tin {*/

/*    width: 8rem;*/

/*}*/



/*.inf {*/

/*    border: none;*/

/*    border-bottom: 1px solid #ced4da;*/

/*    border-radius: 0px;*/

/*    padding: 0px;*/

/*    height: fit-content;*/

/*    font-weight: 600;*/

/*}*/



/*.per {*/

/*    width: 3rem;*/

/*    margin-left: .5rem;*/

/*}*/



/*.tinp {*/

/*    width: 7.6rem;*/

/*    display: initial;*/

/*    font-weight: 600;*/

/*}*/



/*.acb li {*/

/*    margin-right: 0.5rem;*/

/*}*/



/*.tp span {*/

/*    font-weight: 600;*/

/*    font-size: 1.4rem;*/

/*}*/



/*.anv {*/

/*    box-shadow: 0px -2px 6px 1px #dedede59;*/

/*}*/



/*.form-control:disabled, .form-control[readonly] {*/

/*    background: transparent;*/

/*}*/



/*.form-control {*/

/*    margin-top: 0.2rem;*/

/*    margin-bottom: 0.2rem;*/

/*}*/



/*.allb tr td{*/

/*    text-align: center;*/

/*}*/



/*.colname {*/

/*    text-align: left!important;*/

/*}*/



/*.nodis {*/

/*    display: none;*/

/*}*/



/*.dis {*/

/*    display: initial;*/

/*}*/



/*.ar {*/

/*    text-align: right;*/

/*}*/



/*.simg {*/

/*    max-width: 15rem;*/

/*}*/



/*.simg>img {*/

/*    !*width: 15rem;*!*/

/*    height: auto;*/

/*    max-width: 100%;*/

/*}*/



/*.del {*/

/*    background: #cccccc;*/

/*}*/



/*.myin {*/

/*    width: 3rem;*/

/*    border: none;*/

/*    border-bottom: 1px solid #cacaca;*/

/*    text-align: center;*/

/*}*/

/*.myin:focus {*/

/*    border: none;*/

/*    border-bottom: 1px solid #cacaca;*/

/*}*/



/*.filter {*/

/*    margin-top: 2rem;*/

/*    margin-bottom: 1rem;*/

/*}*/



/*.incarid {*/

/*    width: 10rem;*/

/*    border: none;*/

/*    border-bottom: 1px solid #cacaca;*/

/*    text-align: center;*/

/*}*/



/*.cb {*/

/*    margin-bottom: .5rem;*/

/*}*/



/*.nopad {*/

/*    padding: 0px!important;*/

/*}*/

/*.outstock {*/

/*    border: 1px solid #FFC107;*/

/*    padding-top: 1rem;*/

/*}*/



/*.flogin .form-group {*/

/*    margin-bottom: 1rem;*/

/*}*/



/*.text-md-right {*/

/*    text-align: right;*/

/*}*/



/*.flogin .form-check-label, .flogin .btn-link {*/

/*    font-size: .9rem;*/

/*}*/



/*.btn-login {*/

/*    color: #fff;*/

/*    background-color: #3490dc;*/

/*    border-color: #3490dc;*/

/*    padding-left: 1.5rem;*/

/*    padding-right: 1.5rem;*/

/*}*/



/*.card {*/

/*    border: none;*/

/*    border: none;*/

/*    !*padding: 0.7rem;*!*/

/*    !*background: #fafafa;*!*/

/*}*/



/*!*.simg img {*!*/

/*!*    width: 7rem;*!*/

/*!*    border-radius: 8px;*!*/

/*!*}*!*/



/*.form-group > label {*/

/*    font-weight: 600;*/

/*    margin-bottom: .3rem;*/

/*}*/



/*.form-group {*/

/*    margin-bottom: .8rem;*/

/*}*/



/*.nav-link, .dropdown-item{*/

/*    font-size: .9rem;*/

/*}*/



/*a {*/

/*    text-decoration: none;*/

/*}*/



/*.cates {*/

/*    display: flex;*/

/*}*/



/*.cates .form-check {*/

/*    margin-right: 0.5rem;*/

/*}*/



/*.a-float {*/

/*    position: fixed;*/

/*    top: 13%;*/

/*    right: 2%;*/

/*    z-index: 1;*/

/*}*/



/*.cltxt {*/

/*    background-color: transparent;*/

/*    border: none;*/

/*}*/



/*.photos .card-body {*/

/*    padding-left: 0px;*/

/*    padding-right: 0px;*/

/*}*/



/*.photos .card-text {*/

/*    text-align: center;*/

/*}*/



/*.form-check-label {*/

/*    cursor: pointer;*/

/*}*/



/*.category .form-check {*/

/*    margin-top: .4rem;*/

/*}*/



/*.radio label {*/

/*    cursor: pointer;*/

/*}*/



/*.orange {*/

/*    color: #ff9800;*/

/*}*/



/*.ficon {*/

/*    max-width: 70%;*/

/*}*/



/*.fmenu {*/

/*    padding-left: 0.5rem;*/

/*    padding-right: 0.5rem;*/

/*    color: #bac;*/

/*}*/



/*.dropdown-menu {*/

/*    border-radius: 11px;*/

/*}*/



/*.dropdown-menu .fa-solid {*/

/*    padding-right: 1rem;*/

/*    color: #d7a0dd;*/

/*}*/



/*.dropdown-menu .dropdown-item {*/

/*    color: #c58de7;*/

/*}*/



/*.folders .card-body, .files .card-body {*/

/*    padding-left: 0px;*/

/*    padding-right: 0px;*/

/*}*/



/*.ftitle {*/

/*    border-bottom: 1px dotted #ececec;*/

/*    padding-bottom: 0.2rem;*/

/*    margin-bottom: 1.5rem;*/

/*    color: #6c757d;*/

/*}*/



/*.gray {*/

/*    color: #adadad;*/

/*}*/



/*.copy-icon {*/

/*    color: #d7a0dd;*/

/*    background: #fff;*/

/*    border: none;*/

/*}*/



/*.rl {*/

/*    margin-left: 0.2rem!important;*/

/*    margin-right: 0.5rem;*/

/*}*/



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

body {
    background-color: #ffffff;
    font-family: 'Mulish', sans-serif;
    font-size: 15px;
}

a {
    color: #ff0061;
    text-decoration: none;
}

a:hover {
    color: #FEC194;
}

.mynav {
    background: linear-gradient(269.08deg, #FF0061 -7.59%, #FEC194 153.97%);
}

.mynav .nav-link {
    color: #ffffff;
}

.navbar-brand {
    color: #ffffff;
    font-weight: 500;
}

.color-title {
    font-weight: 700;
    background: linear-gradient(267.12deg, #FF0061 7.95%, #FEC194 104.62%);
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
}

.si-title {
    margin-bottom: 10%;

}

.btn-primary {

    background-color: #FF0061;
    border-color: #FF0061;
}

.btn:active, .btn:focus, .btn:hover, .btn:first-child:active, .btn:focus-visible {
    background-color: #f3005c;
    border-color: #f3005c;
}



.btn:focus {
    box-shadow: 0px 0px 0px 4px #fea98e;
}

.login-form {
    margin-top: 12%;
}

.intext {
    width: 100%;
    padding: .375rem .75rem;
    font-size: .9rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.minput {
    border: none;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    height: 1.5rem;
}

.mgr {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0.2rem;
}

.mt-c {
    text-align: center;
    margin-bottom: 1rem;
}

.ota tr td, .ota tr th{
    padding: 0.4rem!important;
}

.ota tr th {
    text-align: center;
}

.bto {
    position: fixed;
    bottom: 1rem;
    width: 100%;
}

footer {
    margin-top: 3rem;
}

.tt h5 {
    font-size: .9rem;
}

.tt h5 span{
    font-weight: 600;
}

.tt .row {
    margin-bottom: 0px;
}

.tt label {
    font-weight: 600;
    padding-top: 0px;
}

.tin {
    width: 8rem;
}

.inf {
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0px;
    padding: 0px;
    height: fit-content;
    font-weight: 600;
}

.per {
    width: 3rem;
    margin-left: .5rem;
}

.tinp {
    width: 7.6rem;
    display: initial;
    font-weight: 600;
}

.acb li {
    margin-right: 0.5rem;
}

.tp span {
    font-weight: 600;
    font-size: 1.4rem;
}

.anv {
    box-shadow: 0px -2px 6px 1px #dedede59;
}

.allb tr td{
    text-align: center;
}

.colname {
    text-align: left!important;
}

.nodis {
    display: none;
}

.dis {
    display: initial;
}

.ar {
    text-align: right;
}

.simg {
    max-width: 15rem;
}

.simg>img {
    /*width: 15rem;*/
    height: auto;
    max-width: 100%;
}

.del {
    background: #cccccc;
}

.myin {
    width: 3rem;
    border: none;
    border-bottom: 1px solid #cacaca;
    text-align: center;
}
.myin:focus {
    border: none;
    border-bottom: 1px solid #cacaca;
}

.filter {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.incarid {
    width: 10rem;
    border: none;
    border-bottom: 1px solid #cacaca;
    text-align: center;
}

.cb {
    margin-bottom: .5rem;
}

.nopad {
    padding: 0px!important;
}
.outstock {
    border: 1px solid #FFC107;
    padding-top: 1rem;
}

.flogin .form-group {
    margin-bottom: 1rem;
}

.text-md-right {
    text-align: right;
}

.flogin .form-check-label, .flogin .btn-link {
    font-size: .9rem;
}

.btn-login {
    color: #fff;
    background-color: #3490dc;
    border-color: #3490dc;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.card {
    border: none;
    border: none;
    /*padding: 0.7rem;*/
    /*background: #fafafa;*/
}

/*.simg img {*/
/*    width: 7rem;*/
/*    border-radius: 8px;*/
/*}*/

.form-group > label {
    font-weight: 600;
    margin-bottom: .3rem;
}

.nav-link, .dropdown-item{
    font-size: .9rem;
}

.cates {
    display: flex;
}

.cates .form-check {
    margin-right: 0.5rem;
}

.a-float {
    position: fixed;
    top: 13%;
    right: 2%;
    z-index: 1;
}

.cltxt {
    background-color: transparent;
    border: none;
}

.photos .card-body {
    padding-left: 0px;
    padding-right: 0px;
}

.photos .card-text {
    text-align: center;
}

.form-check-label {
    cursor: pointer;
}

.category .form-check {
    margin-top: .4rem;
}

.radio label {
    cursor: pointer;
}

.orange {
    color: #ff9800;
}

.ficon {
    max-width: 70%;
}

.fmenu {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #bac;
}

.dropdown-menu {
    border-radius: 6px;
}

.dropdown-menu .fa-solid {
    padding-right: 0.5rem;
    color: #9E9E9E;
}

.dropdown-menu .dropdown-item {
    color: #6c757d;
}

.folders .card-body, .files .card-body {
    padding-left: 0px;
    padding-right: 0px;
}

.ftitle {
    border-bottom: 1px dotted #ececec;
    padding-bottom: 0.2rem;
    margin-bottom: 1.5rem;
    color: #6c757d;
}

.gray {
    /*color: #adadad;*/
    color: gray;
}

.copy-icon {
    color: #d7a0dd;
    background: #fff;
    border: none;
}

.rl {
    margin-left: 0.2rem!important;
    margin-right: 0.5rem;
}

.feather {
    width: 14px;
    height: auto;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    margin-right: 0.5rem;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #f8f9fa;
}

.tab-title {
    background: #fff1eb;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 6px 6px 0px 0px;
}

.tab-title-txt {
    font-size: 1.1rem;
    margin-bottom: 0px;
    color: #4e4e4e;
}

.m-toast {
    left: 3%;
    bottom: 5%;
}

.m-toast .toast-suc {
    border-bottom: 4px solid #43a047;
}

.m-toast .toast-err {
    border-bottom: 2px solid #ff0061;
}

.toast-success {
    color: #265e2a;
}

.toast-error {
    color: #ff0061;
}

.m-table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: transparent;
}

.c-tit {
    text-align: left;
    padding-bottom: 0.5rem;
    font-size: small;
}

.c-day {
    font-size: 1.5rem;
    padding-bottom: 3rem;
    color: #424242;
    font-family: 'Dosis', sans-serif;
}

.c-day-de {
    color: #cdcdcd;
}

.c-day-gr .col {
    border-radius: 0px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.c-day-gr .col:last-child {
    border-right: 1px solid #ececec;
}

.c-days .c-day-gr:last-child .col {
    border-bottom: 1px solid #ececec;
}

.c-my {
    margin-bottom: 1.5rem;
}

.mytable {
    border-collapse: separate;
    border-spacing: 0 0.7rem;
}

.mytable tr {
    border-style: hidden;
    border-color: transparent;
}

.mytable td {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.mytable th {
    border-bottom-color: #ef9a9a!important;
}

.r-approved {
    background-color: #fdfdfd;
    border-radius: 8px;
    color: #444444;
}

.r-approved td:first-child, .r-reject td:first-child, .r-waiting td:first-child, .r-suc td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.r-approved td:last-child, .r-reject td:last-child, .r-waiting td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.r-reject {
    background-color: #ffebee;
    border-radius: 8px;
    color: #720000;
}

.r-waiting {
    background-color: #fffde7;
    border-radius: 8px;
    color: #665e00;
    font-weight: 500;
}

.r-waiting td:first-child {
    border-left: 4px solid #fbc02d;
}

.r-suc {
    background-color: #e8f5e9;
    border-radius: 8px;
    color: #1b5e20;
    font-weight: 500;
}

.r-suc td:first-child {
    border-left: 4px solid #66bb6a;
}

.page-item.active .page-link {
    background-color: #ff0061;
    border-color: #ff0061;
}

.page-link {
    color: #ff0061;
}

.page-link:hover {
    color: #f3005c;
}

.page-link:focus {
    box-shadow: 0 0 0 0.25rem #ffebee;
}

.alert-sky {
    color: #006064;
    background-color: #e0f7fa;
}

.form-select {
    background-size: 10px 10px;
    line-height: 2.1;
}

.small, small {
    font-size: 0.8em;
}

.pl-x2 {
    padding-left: 0.2rem;
}

.pr-x2 {
    padding-right: 0.2rem;
}

.er40x {
    text-align: center;
    margin-top: 3%;
}

.st-thumb {
    padding-top: 0.5rem!important;
    padding-bottom: 5px!important;
}

.st-thumb img {
    max-width: 2rem;
    cursor: pointer;
}

.st-thumb img:hover {
    transform: scale(4);
}

.m-dropd .dropdown-toggle::after{
    display: none;
}

.tab-title-act {
    background: #fff1eb;
    padding: 1rem 0.6rem;
    margin-bottom: 2rem;
    border-radius: 6px 6px 0px 0px;
}

.mt-10p {
    margin-top: 10%;
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #ffcdd2;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #ffcdd2 #ffcdd2 #ffcdd2;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #ffcdd2 #ffcdd2 #ffffff;
    border-bottom: var(--bs-nav-tabs-border-width) solid #ffcdd2;
    margin-bottom: 1.5rem;
}

.nav-link {
    color: #ff0061;
}

.nav-link:focus, .nav-link:hover {
    color: black;
}

.pink {
    color: #ff0d64;
}

.bg-pink {
    background-color: #ff0d64;
}

.btn-outline-pink {
    border-color: #ff0c64;
    color: #ff0a63;
}

.btn-outline-pink:hover {
    color: #FFFFFF;
}

.wk-shet {
    overflow-x: scroll;
}

.mr-1 {
    margin-right: 0.5rem;
}

.mr-2 {
    margin-right: 1rem;
}

.br-1 {
    border-radius: 0.7rem;
}

.products .card-body {
    padding-left: 0px;
    padding-right: 0px;
}

.s-key {
    display: none;
}

.tab-title-btn {
    background: #fff1eb;
    margin-bottom: 2rem;
    border-radius: 6px 6px 0px 0px;
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
}

.tab-title-btn .tab-title-txt {
    padding-top: 0.5rem;
}

.d-contents {
    display: contents!important;
}

.goods .card-body {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.sum, .goods, .customer, .paymethod {
    padding-left: 1rem;
    padding-right: 1rem;
}

.sum-ct, .goods-ct, .customer-ct, .paymethod-ct {
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.sum-ct {
    line-height: 2rem;
}

.m-checkbox {
    padding-right: 1rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border: 1px solid #ffab91;
    border-radius: 8px;
    padding-left: 2rem;
    background-image: url(/public/imgs/pttt/pm-bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.m-checkbox .form-check-input:checked {
    background-color: #ff0c64;
    border-color: #ff0c65;
}

.m-check-img {
    width: 1.9rem;
    vertical-align: sub;
    margin-left: 0.5rem;
}

.ckdetail .row{
    border-bottom: 1px solid #ececec;
    margin-top: 1rem;
    padding-bottom: 0.5rem;
}

.cta-50 a,.cta-50 button {
    width: 49%;
}

h6 {
    font-size: 0.9rem;
}

.input-num {
    padding-top: 0px;
    border-radius: 5px!important;
    width: 2.5rem!important;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.8rem;
}

.num-act {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    border-radius: 3px!important;
    margin-right: 0.3rem;
    margin-left: 0.3rem!important;
    color: #000000;
}

.num-act:hover {
    background-color: #fafafa;
}