@charset "UTF-8";

@font-face {
    font-family: 'notojp';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansCJKjp-Thin.woff2') format('woff2'),
    url('../fonts/NotoSansCJKjp-Thin.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Thin.ttf')  format('truetype'),
    url('../fonts/NotoSansCJKjp-Thin.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'notojp';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansCJKjp-Light.woff2') format('woff2'),
    url('../fonts/NotoSansCJKjp-Light.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Light.ttf')  format('truetype'),
    url('../fonts/NotoSansCJKjp-Light.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'notojp';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
    url('../fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype'),
    url('../fonts/NotoSansCJKjp-DemiLight.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'notojp';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
    url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'),
    url('../fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'notojp';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
    url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
    url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'notojp';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
    url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'),
    url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'notojp';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
    url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),
    url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}

:root {
    --main-color: #B6006C;
    --green-color: #019F3F;
    --blue-color: #0066C6;
    --yellow-color: #F9B000;
    --red-color: #E72510;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --gray-color: #D1D1D1;
    --darkgray-color: #303030;
}

body {
    min-width: 1480px;
    font-size: 14px;
    font-family: 'notojp';
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'notojp';
}
button, input, optgroup, select, textarea {
    font-family: 'notojp';
}
input[type=file] {
    padding:3px;
}
body[themebg-pattern="theme6"] {
    background-color: var(--main-color);
    overflow-x: auto;
}
body.popup {
    width:100% !important;
    min-width:100% !important;
    background-color: var(--main-color);
    padding: .5rem;
}

.mainColorBg{background-color: var(--main-color) !important;}
.mainColorBd{border-color: var(--main-color) !important;}
.mainColorText{color: var(--main-color) !important;}
.greenColorBg{background-color: var(--green-color) !important;}
.greenColorBd{border-color: var(--green-color) !important;}
.greenColorText{color: var(--green-color) !important;}
.redColorText{color: var(--red-color) !important;}
.blackColorText{color: var(--black-color) !important;}
.darkgrayColorText{color: var(--darkgray-color) !important;}
.zaiColorBg{background-color: var(--zai-color) !important;}

.btn {
    font-size: 14px;
    padding: 6px 19px;
}
.img-fluid {
    height: 42px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.pcoded .pcoded-header[header-theme="theme6"] {
    background: #ca147d;
}
.checkbox-fade .cr { margin-right: .5rem; }
.checkbox-fade .cr .cr-icon { font-size: 1.2rem !important; }
/* Menu */
.pcoded .pcoded-navbar li.pcoded-hasmenu>a:after {
    float: unset;
    top: 0;
    padding: 0;
    margin: 0;
    font-family: "Font Awesome 6 Pro";
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu>a:after {
    position: absolute !important;
    top: 12px;
    right: 10px;
}
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li>a .pcoded-mtext:before {
    font-family: "Font Awesome 6 Pro";
}
.pcoded li.pcoded-hasmenu[dropdown-icon="style1"]>a:after {
    font: var(--fa-font-solid);
    content: "\f105";
}
.pcoded li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"]>a:after {
    font: var(--fa-font-solid);
    content: "\f107";
}
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style1"] .pcoded-submenu li>a .pcoded-mtext:before {
    font: var(--fa-font-solid);
    content: "\f105";
}
.pcoded .pcoded-navbar[pcoded-navbar-position="absolute"] {
    position: relative;
    height: 44px;
}
.header-navbar .navbar-wrapper {
    display:flex;
}
.header-navbar .navbar-wrapper .navbar-logo {
    float: unset;
}
.header-navbar .navbar-wrapper .navbar-container.container-fluid {
    padding:0;
    margin:0;
    display: flex;
    height: 50px;
}
.header-navbar .navbar-wrapper .navbar-container.container-fluid .nav-left-no {
    width: calc(100% - 160px);
}
.header-navbar .navbar-wrapper .navbar-container.container-fluid .nav-right-no {
    width: 160px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.header-navbar .navbar-wrapper .navbar-container .nav-left-no li,
.header-navbar .navbar-wrapper .navbar-container .nav-right-no li {
    cursor: pointer;
    position: relative;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li {
    float: unset;
    min-width: 140px;
    padding: 5px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li>a {
    padding: 5px 10px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
    list-style: outside none none;
    margin: 0;
    -webkit-box-shadow: 0 1px 7px -1px rgba(0,0,0,0.4);
    box-shadow: 0 5px 5px -1px rgba(0,0,0,0.4);
    /*top: 99%;*/
    min-width: 220px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item li.active>a, .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item li.pcoded-trigger>a, .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item li:hover>a {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item .pcoded-submenu li.pcoded-hasmenu>a:after {
    top: 3px;
}

.header-navbar .navbar-wrapper .navbar-container.container-fluid .nav-right-no .profile-notification {
    right: 5px;
    width: 10em;
}
.header-navbar .navbar-wrapper .navbar-container.container-fluid .nav-right-no .dropdown-toggle::after {
    border:none;
}
.pcoded[theme-layout="horizontal"] .page-header {
    padding-top: 0px;
    padding-bottom: 30px;
}
.page-header .page-block { padding:.325rem 1.25rem; }
.page-header .page-block .page-header-title {color: #fff; font-weight: 400; font-size:1.5rem;}
.page-header .page-block .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    font-family: "Font Awesome 6 Pro";
    font: var(--fa-font-solid);
    content: "\f105";
    color: #fff;
}
.footer {
    background-color: #424242;
    padding:0;
    z-index:99;
    p { margin:0; }
}

.login-block {
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    margin: unset;
}

/* sweetalert2 custom */
div:where(.swal2-container) div:where(.swal2-popup) {
    padding: 1.25rem;
}
div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1rem;
    font-weight: 400;
    padding: 0;
}
div:where(.swal2-container) button:where(.swal2-styled) {
    padding: 0.325rem 1.2rem;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    font-size: .9rem;
    margin:0 0.3125rem;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
    box-shadow: unset;
}

/* // */
.card .card-header { padding: .5rem 1rem; }
.card .card-header .card-header-right { top: .125rem; right: 1rem; }
.card .card-header .card-header-right > .btn-group {
    margin-top: -10px;
    margin-right: -10px;
}
.card .card-block { padding: 1rem; }
.card .card-footer { padding: .5rem 1rem;}

.modal-body .card .card-header { background-color: #eee; border-top: 2px solid #ca147d; }

.form-group { margin-bottom: .5rem; }
select.form-control:not([size]):not([multiple]) { height: calc(2.05rem + 2px); }
.checkbox-fade label { margin-top:0; margin-bottom:0; }
.form-check-inline { height:100%; }
.form-check-inline .checkbox-fade label { margin-top:0; margin-bottom:0; }
.form-radio { height:100%; display: flex; align-items: center;}
.form-radio label { margin-top:0px; margin-bottom:0; line-height:unset; padding-top:0.1rem; }
.form-button-group {
    margin-bottom: 0;
    display:flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(0,0,0,0.125);
    padding-top:1rem;
}
.form-button-group .btn + .btn {
    margin-left: .5rem;
}
.form-group .btn + .btn {
    /*margin-left: .5rem;*/
}
.card { margin-bottom:15px; }
.card .card-header .card-header-right i {
    font-family: "Font Awesome 6 Pro";
    font: var(--fa-font-solid);
}
.scroll { overflow-x: auto; }
.text-upper { text-transform:uppercase; }
.form-group a { text-decoration: underline; color:#222; text-underline-offset: 4px; font-size:.785rem;/*color:#448aff;*/ }

.table,
.table-basic { margin-bottom:0; table-layout:fixed; }
.table.table-sm td,
.table.table-sm th { position:relative; padding: 0.3rem; vertical-align: middle; text-align:center; font-size:.785rem; overflow: hidden; word-break: break-all; white-space: wrap; height: 39px; }
.table.table-sm td.today { border-color:red; border-width: 2px; }
.table.table-sm thead th { background-color: #eeeeee; text-align:center; }
.table.table-sm tbody th { text-align: center; background: #eeeeee; }
.table.table-sm tfoot th { text-align: center; background: #eeeeee; }
.table a { text-decoration: underline; color:#222; text-underline-offset: 4px; font-size:.785rem;/*color:#448aff;*/ }
.table-striped tbody tr:nth-of-type(odd) {
    background-color: unset;
}
.table.table-sm tbody tr.selected_row td { background-color: #ffe9e9; }
.table.table-sm tbody td.currency, .table.table-sm tfoot td.currency {
    text-align: right;
    position: relative;
}
.table.table-sm tbody td.currency:before, .table.table-sm tfoot td.currency:before {
    content: "￥";
    position: absolute;
    left: .325rem;
}
.table th .checkbox-fade, .table td .checkbox-fade {
    display:flex;
    justify-content: center;
    align-items: center;
}

.no-datas { padding:50px 0 !important; text-align:center; font-weight:600; }

ul.fileList { margin-left: 1rem; }
ul.fileList li { list-style: disc;}
ul.fileList li + li { margin-top: .125rem; }

/*.table.table-sm tbody tr:not(:last-child) th { border-bottom: 1px solid #fff; }*/
.clone-head-table-wrap { border-bottom: 2px solid #dee2e6; }

.btn-sm { padding: 8px 14px 9px; font-size: 14px; }
.btn-xs { padding: 4px 14px; font-size: 12px; }
.btn-wide { padding-left: 2rem; padding-right:2rem; }
.btn-outline-dark:hover i {
    color: #fff !important;
}
.col-form-label { background: #f7f7f7; font-weight:600; }
.col-form-label.required::after {
    content: "*";
    color: var(--danger);
    margin-left: .25rem;
}

.row {  margin-left: 0; margin-right: 0; }
/*.form-group label + div { padding-right:0; }*/
.ui-front { z-index:1100 !important;}
.text-cancel { text-decoration: line-through; }

/** 상품등록 **/
#img-preview { border:1px solid #ccc; width:67px; height:81px; box-sizing: border-box; }
#img-list { width:300px; height:120px; border:1px solid #ccc; margin:0 .5rem; }
.img-buttons { display: flex; flex-direction: column; }
.img-buttons button { padding: 2px 4px; }
.img-buttons button:nth-child(2) { margin: 4px 0 0;}
.img-buttons button:nth-child(3) { margin: 4px 0;}
.img-buttons button i { margin:0; }
#product-color-container div.form-group + div.form-group {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 3px double #000;
}

.modal-xlg { max-width: 99%; /*1240px;*/ }

.input-datepicker {
    width: 100px !important;
    -webkit-appearance: listbox;
    &[readonly] {
        background: #fff;
    }
}
.input-group { margin:0; }

.form-input-stock { padding: 0.375rem; font-size: 13px; text-align: center; }
.caution { background-color:#ffeded; color:blue; }
.over { background-color: #fadada; color:red; }

.tryon-visit-ul {}
.tryon-visit-ul li { border:1px solid #ddd; border-radius: .5rem; padding:.325rem .5rem; text-align:left; font-weight:600;}
.tryon-visit-ul li:hover { color:#fff; background-color:var(--primary); cursor:pointer;  }
.tryon-visit-ul li + li { margin-top:.5rem; }

.delivery-item { padding: .5rem;border-radius: 10px;border: 1px solid #ddd; }
.delivery-item.on { cursor:pointer; background: var(--primary); color: #fff; border: 1px solid var(--primary); }

.calenderItem { padding:0rem;border-radius: 10px; }
.calenderItem.today { border-color:red; border-width: 2px; }
.calenderItem li { display: flex; justify-content: space-between; margin-bottom:.127rem }
.calenderItem li a { width:100%; display: flex; justify-content: space-between; text-decoration: none;color: unset;font-size: unset; }
.calenderItem li + li { border-top:1px dotted #ccc; }
.calenderItem li p { margin-bottom: 0; padding:.127rem}
.calenderItem li:last-child p { margin-bottom: 0;}
.calenderItem li p.title { font-weight:600; }
.calenderItem li p.data { font-weight:normal; }
.calenderItem li p.data span { color: #ddd; }
.calenderItem li p.data span.on { color: var(--primary); }

.photos-wrap { width:100%; }
.photos-wrap ul { width:1280px; margin: 1rem auto; font-size:0;}
.photos-wrap ul li { display:inline-block; margin-right:7.5px; margin-bottom:7.5px; }
.photos-wrap ul li:nth-child(5n) { margin-right:0; }
.photos-wrap ul li img { cursor:pointer; }

.fixed-button-container { position: fixed; bottom: 0; width: calc(100% - 39px); }
.del-code { text-decoration: line-through; }

.bg-pink {
    background-color: #ffeded !important; color: red;
}

input[type=date] { width: 128px !important;}
.w64 { width: 64px !important; }
.w128 { width: 128px !important; }
.w50p { width: 50% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w100p { width: 100% !important; }
.w964 { width: 964px !important; max-width: 964px !important; }
.w1024 { width: 1024px !important; max-width: 1024px !important; }
.h70 { height: 70px !important; }
.h300 { height:300px !important; }
.h400 { height:400px !important; }
.h500 { height:500px !important; }
.hide { display: none !important; }
.show { display: inline-block !important; }

.col-reserve-status { max-width: 12% !important; flex: 0 0 12% !important; display: flex; flex-direction: column; }
.col-reserve-status div { margin-top: .5rem; }
.col-reserve-status div + div { margin-top: 1rem; }

.text-darkred { color: #9e3e3e !important; }
.text-main { color: #ca147d !important; }

.content img { max-width:100% !important; }
ul.comment-list { width:100%; }
ul.comment-list li { display:flex; }
ul.comment-list li span { color:#b7b7b7; font-size:12px; }
ul.comment-list li + li { border-top: 1px dashed #ddd; }
.code-del { text-decoration: line-through; }
.nav-tabs {
    border-bottom: 1px solid #ca147d;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ca147d;
    font-weight: bold;
    background-color: #fff;
    border-color: #ca147d #ca147d #fff;
}

/**/
.stock-input { padding: .075rem .45rem !important; }
.stock-enable-marking { width: 1rem; }
.stock-error { background-color:#ffeded; color:red; font-weight:600; }
.stock-over { background-color:#fff9c4; color:red; font-weight:600; }
.stock-caution { background-color:#fff9c4; color:blue; font-weight:600; }

.bg-red { background-color: #ffc0df !important; }
.bg-blue { background-color: #bfecff !important; }
.bg-yellow { background-color: yellow !important; }

/**/
.car-image-preview { width:150px; height:100px; border:1px solid #ddd; box-sizing: border-box; }
.car-image-preview img { width:100%; height:100%; max-width:150px; max-height:100px; }
.car-image-preview + select { border:1px solid #e9ecef !important; width:350px !important; height:100px !important; margin:0 .5rem !important; }
.car-image-buttons { display: flex; flex-direction: column; }
.car-image-buttons button + button { margin-top:.5rem !important;}
.car-image-buttons button.btn i { margin:0 !important; }

/**/
.text-currency-yen, .text-currency-won { position:relative; text-align: right !important; }
.text-currency-yen:before { content:"￥"; position: absolute; left: .325rem; }
.text-currency-won:before { content:"￦"; position: absolute; left: .325rem; }

/* Season Calendar */
.season-schedule { position:relative; width:100%; margin:0; padding:0;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    flex-wrap: wrap;
}
.season-schedule ul { width:588px; padding:0; border-collapse:collapse; display: flex; flex-wrap: wrap; align-content: flex-start; margin-bottom:1rem; }
.season-schedule ul + ul { margin-left:1rem; }
.season-schedule ul:nth-child(3n + 1) { margin-left:0%; }
.season-schedule ul li {
    position:relative; width:84px; height:54px; margin:0; padding:4px; vertical-align:top; text-align:right;
    border:1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.season-schedule ul li div {
    position: absolute; top: 1px; left: 1px; width: 80px; text-align: center; font-size: .725rem; color: #000; height: 50px; padding-top: .325rem;
    display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start;
}
.season-schedule ul li div p { text-align:right; margin-bottom:0; padding-right:.325rem; font-weight: 500; }
.season-schedule ul li.title { max-width:100%; width:100%; height:28px; text-align:center; font-weight:600; background-color:#f9f9f9; }
.season-schedule ul li.header { border-top:2px solid red; height:28px; text-align:center; font-weight:600; background-color:#f9f9f9; }
.season-schedule ul li.sun div p { color:#f00; }

/** checkbox custom **/
.checkbox-fade.fade-in-primary .cr, .checkbox-zoom.fade-in-primary .cr,
.checkbox-fade.zoom-primary .cr, .checkbox-zoom.zoom-primary .cr {
    border: 2px solid #448aff;
    background: #448aff;
}

.checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon,
.checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon
{
    color: #ffffff;
}

.checkbox-fade.fade-in-inverse .cr, .checkbox-zoom.fade-in-inverse .cr,
.checkbox-fade.zoom-inverse .cr, .checkbox-zoom.zoom-inverse .cr {
    border: 2px solid #37474f;
    background: #37474f;
}

.checkbox-fade.fade-in-inverse .cr .cr-icon, .checkbox-zoom.fade-in-inverse .cr .cr-icon,
.checkbox-fade.zoom-inverse .cr .cr-icon, .checkbox-zoom.zoom-inverse .cr .cr-icon
{
    color: #ffffff;
}

.checkbox-fade.fade-in-darkred .cr, .checkbox-zoom.fade-in-darkred .cr,
.checkbox-fade.zoom-darkred .cr, .checkbox-zoom.zoom-darkred .cr {
    border: 2px solid #9e3e3e;
    background: #9e3e3e;
}

.checkbox-fade.fade-in-darkred .cr .cr-icon, .checkbox-zoom.fade-in-darkred .cr .cr-icon,
.checkbox-fade.zoom-darkred .cr .cr-icon, .checkbox-zoom.zoom-darkred .cr .cr-icon
{
    color: #ffffff;
}

.checkbox-fade.fade-in-success .cr, .checkbox-zoom.fade-in-success .cr,
.checkbox-fade.zoom-success .cr, .checkbox-zoom.zoom-success .cr {
    border: 2px solid #28a745;
    background: #28a745;
}

.checkbox-fade.fade-in-success .cr .cr-icon, .checkbox-zoom.fade-in-success .cr .cr-icon,
.checkbox-fade.zoom-success .cr .cr-icon, .checkbox-zoom.zoom-success .cr .cr-icon
{
    color: #ffffff;
}

.checkbox-fade.fade-in-main .cr, .checkbox-zoom.fade-in-main .cr,
.checkbox-fade.zoom-main .cr, .checkbox-zoom.zoom-main .cr {
    border: 2px solid #ca147d;
    background: #ca147d;
}

.checkbox-fade.fade-in-main .cr .cr-icon, .checkbox-zoom.fade-in-main .cr .cr-icon,
.checkbox-fade.zoom-main .cr .cr-icon, .checkbox-zoom.zoom-main .cr .cr-icon
{
    color: #ffffff;
}

.checkbox-fade.fade-in-danger .cr, .checkbox-zoom.fade-in-danger .cr,
.checkbox-fade.zoom-danger .cr, .checkbox-zoom.zoom-danger .cr {
    border: 2px solid #dc3545;
    background: #dc3545;
}

.checkbox-fade.fade-in-danger .cr .cr-icon, .checkbox-zoom.fade-in-danger .cr .cr-icon,
.checkbox-fade.zoom-danger .cr .cr-icon, .checkbox-zoom.zoom-danger .cr .cr-icon
{
    color: #ffffff;
}

.checkbox-fade.fade-in-warning .cr, .checkbox-zoom.fade-in-warning .cr,
.checkbox-fade.zoom-warning .cr, .checkbox-zoom.zoom-warning .cr {
    border: 2px solid #ffc107;
    background: #ffc107;
}

.checkbox-fade.fade-in-warning .cr .cr-icon, .checkbox-zoom.fade-in-warning .cr .cr-icon,
.checkbox-fade.zoom-warning .cr .cr-icon, .checkbox-zoom.zoom-warning .cr .cr-icon
{
    color: #ffffff;
}

.td-highlight{}
th.td-highlight:before,
td.td-highlight:before{ content:" "; position:absolute; top: 0; left: 0; width: 1px; border-left: 1px solid red; height: 100%; }
th.td-highlight:after,
td.td-highlight:after{ content:" "; position:absolute; top: 0; right: 0; width: 1px; border-right: 1px solid red; height: 100%; }

@media screen and (max-width: 1199px){
    .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar,
    .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar {
        height: 44px !important;
        position: relative !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: unset;
        background-color: #fff !important;
        padding:0 !important;
    }
    .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-inner-navbar,
    .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-inner-navbar {
        margin:50px 0 0;
    }
    .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item,
    .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item {
        display: flex !important;
        float: unset !important;
    }
    .pcoded[pcoded-device-type="tablet"] .pcoded-content,
    .pcoded[pcoded-device-type="phone"] .pcoded-content {
        padding-top: 0px;
    }
}

.mytooltip .tooltip-item {
    background: transparent !important;
    padding: 0;
}