div.dataTables_wrapper div.dataTables_processing{display: none !important;}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
::-webkit-input-placeholder {
    /* Edge */
    color: #dad6d6 !important;
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dad6d6 !important;
}
::placeholder {
    color: #dad6d6 !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}
a:active,
a:hover,
a:focus {
    outline: 0;
}
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
    /*image-rendering: -webkit-optimize-contrast;*/
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html,
button,
input,
select,
textarea {
    color: #222;
}
/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
}
.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}
.select-selected {
    background-color: #e4e4da;
}
/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 32px;
    height: 30px;
    background: url(../images/icon.png) no-repeat;
    background-position: -117px -706px;
    border-left: 1px solid #dedede;
}
/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    color: #666;
    padding: 4px 5px 0;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    font-size: 14px;
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 6px;
    border:1px solid;
}
.select-items div:first-child {
    border-radius: 6px 6px 0 0;
}
.select-items div:last-child {
    border-radius: 0px 0px 6px 6px;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}
.select-items div:hover {
    background-color: #000;
    color: #fff;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
img {
    vertical-align: middle;
}
a {
    text-decoration: none;
    color: #666;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
/*jQuery UI DAtepicker*/
.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
}
.ui-datepicker-calendar tbody td {
    width: 2.5rem !important;
    text-align: center;
    padding: 0;display: table-cell !important;
    height: 40px;
    vertical-align: middle;
}
.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    text-decoration: none;
}
.ui-datepicker-calendar tbody td a.ui-state-highlight {
    background-color: rgb(243 242 242);
    width: 100%;
    height: 100%;
    border-radius: 0;
    line-height: 39px;
}
.ui-datepicker-calendar tbody td a:hover {
    background-color: #e4e4da;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #eeeef0;
    color: #666
}
.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}
.ui-datepicker-header a>span {
    display: none;
}
.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}
#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
    z-index: 1000 !important;
}
.grid-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flexbox-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    margin: 0;
    clear: none;
}
.row {
    width: 100%;
    clear: both;
}
.col-1 {
    width: 8.33333%;
}
.col-2 {
    width: 16.66667%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.33333%;
}
.col-5 {
    width: 41.66667%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.33333%;
}
.col-8 {
    width: 66.66667%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.33333%;
}
.col-11 {
    width: 91.66667%;
}
.col-12 {
    width: 100%;
}
* {
    box-sizing: border-box;
}
/*css for TABS*/
.tabs-nav, .tabs-ui .nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav li:first-child a, .tabs-ui .nav li:first-child a {
    border-right: 0;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    margin-left: 0;
}
.tabs-nav .tab-active a, .tabs-ui .nav .ui-tabs-active a {
    background: #000;
    color: #fff;
}
.tabs-nav a, .tabs-ui .nav a {
    color: #666;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;padding: 0 15px;min-width: 109px;text-align: left;
    width: auto;
    z-index: 9;
    position: relative;
    border-radius: 6px 6px 0 0;
}
.tabs-nav li, .tabs-ui .nav li {
    float: left;margin-right: 9px;
}
.tabs-stage,
.content-box,
.tab-content {
    border: 1px solid #dedede;
    border-top: 3px solid #000;
    padding: 15px 0;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    background-color: #fff;
}
.multiple-tab .tabs-ui .nav a, .multiple-tab .tabs-nav a,
.multiple-tab.tabs-ui .nav a {
    box-shadow: inset 0 0 3px;
    margin-bottom: 10px;
}

body {
/*    background-image: url(../images/top-left.png), url(../images/bottom-right.png), url(../images/pattren.png);
    background-position: left top, 100% 100%, center;
    background-repeat: no-repeat, no-repeat, repeat;*/
    padding-bottom: 50px;
    min-height: 100vh;
    background: transparent;
}
/*body.listing-page {
    padding-top: 85px;
    background-image: url(../images/top-left.png), url(../images/pattren.png);
    background-position: left top, center;
    background-repeat: no-repeat, repeat;
}*/
.container {
    max-width: 1026px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.inner-container {
    max-width: 1120px;
    margin: 0 auto;
}
#main-menu > .inner-container {max-width: 1000px;}
.text-hidden {
    font-size: 0;
    height: 0;
    width: 0;
    text-indent: -9999px;
}
.text-upper {
    text-transform: uppercase;
}
.tab-content.no-padd {
    padding: 0;
    border: 0;
    box-shadow: none;
}
/*admin main page*/
#top-menu ul {
    width: 50%;
}
#top-menu ul li {
    display: inline-block;
}
#help-menu {
    text-align: right;
}
#languages img {
    max-width: 160px;
}
#main_admin_panel a,
#languages li {
    color: #666;
}
#main_admin_panel a {
    font-size: 17px;
}
a::after,
a::before {
    content: '';
    display: inline-block;
    background: url(../images/icon.png);
    vertical-align: middle;
    transform: scale(0.9);
}
#help-menu .help a::before {
    height: 33px;
    width: 33px;
    background-position: -3px -9px;
    transform: none;
    margin-top: 2px;
    transform: scale(1);
}
#help-menu .logout a::after {
    height: 30px;
    width: 30px;
    background-position: -52px -9px;
    margin-left: 3px;
    margin-top: -1px;
    transform: none;
}
#top-menu {
    padding: 5px 0;
    padding-left: 5px;
    align-content: center;
}
#top-menu li.logout a {
    padding: 13px 16px 13px 30px;
    font-size: 0;
    border-radius: 30px;
    transition: all .2s linear;
}
#top-menu li.logout a:hover {
    background-color: #e4e4da;
    border-color: #e4e4da;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
a span {
    display: inline-block;
    vertical-align: middle;
}
#languages .label {
    font-size: 14px;
}
#help-menu li:not(:first-child) {
    margin-left: 25px;
}
/*shop main menu*/
#main-menu .shop-menu li {
    width: calc(100% /5 - 9px);
    text-align: center;
    margin: 0 4.5px 9px 4.5px;
}
#main-menu .shop-menu li a {
    border: 1px solid #b3b3b3;
    border-radius: 23px;
    transition: all .2s linear;
    background: #fff;
    color: #666;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flexbox-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}
#main-menu .shop-menu li a span {
    width: 100%;
    display: block;
    color: #000;
}
#main-menu .shop-menu li a::after {
    display: none;
}
#main-menu .shop-menu li a:hover,
.panel-menu-wrapper #main-menu .shop-menu .active a {
    background: #e4e4da;
    border-color: #b3b3b3;
    z-index: 5;
    text-decoration: none;
}
#main-menu .shop-menu {
    justify-content: flex-start;
}
#main-menu a::before {
    height: 65px;
    width: 68px;
    display: block;
    margin: 0 auto;
}
#main-menu .shop-menu li.material a::before {
    background: url(../images/material.png) no-repeat center;
}
#main_admin_panel #main-menu {
    padding: 37px 0 50px 0;
}
/*icons*/
.shop-menu li.product a::before {
    background-position: -15px -63px;
}
.shop-menu li.cart a::before {
    background-position: -121px -61px;
}
.shop-menu li.sales a::before {
    background-position: -219px -62px;
}
.shop-menu li.stoke a::before {
    background-position: -13px -155px;
}
.shop-menu li.shop a::before {
    background-position: -118px -155px;
}
.shop-menu li.summery a::before {
    background-position: -219px -155px;
}
.shop-menu li.account a::before {
    background-position: -17px -247px;
}
.shop-menu li.master a::before {
    background-position:-115px -247px;
    transform: scale(.9);
}
.shop-menu li.signin a::before {
    background-position: -216px -247px;
}
.shop-menu li.resignin a::before {
    background-position: -17px -337px;
}
/*panel menu*/
.panel-menu-wrapper {
    padding:10px 0 10px;
}
#panel_inner_main .panel-menu-wrapper::after{content: "";height: 2px;background: #000;
width: calc(100% - 40px);display: block;
margin: 0 auto;z-index: 1;position: relative;}
.panel-menu-wrapper #main-menu .shop-menu li {
    width:calc(100%/6 - 34px);
    margin-bottom: 0;
    margin-left: 17px;
    margin-right: 17px;margin-bottom: 14px;
}
.panel-menu-wrapper #main-menu .shop-menu li a {
    border-radius: 20px;
    color: #666;
}
.hide {
    display: none !important;
}
.panel-menu-wrapper #main-menu .shop-menu li.home a {
    background-color: transparent;
    border: none;
}
.panel-menu-wrapper #main-menu .shop-menu li.home a:hover {
    box-shadow: none;
}
.panel-menu-wrapper #main-menu .shop-menu li.home a::before {
    background-position: -128px -326px;
}
/*.panel-menu-wrapper #main-menu .shop-menu li a::before {
    transform: scale(0.7);
}*/
.panel-menu-wrapper #main-menu .shop-menu li a::before,
.panel-menu-wrapper #main-menu .shop-menu li a span {
    margin-top: -5px;
}
.tabs-nav.grid-flex {
    justify-content: left;
}
.slider-tab .tabs-nav.grid-flex {justify-content: center;}
/*page main menu*/
.page-menu>div.col-3 {
    padding:0 15px;
}
.button-menu .grid-flex {
    justify-content: space-between;
}
.botton-primery div[class*="col"] {
    padding: 0;
}
.button-menu li a {
    transition: all .1s linear;
    text-decoration: none;
    padding: 0 18px;
    text-align: left;
    position: relative;
    font-size: 16px;
    height: 44px;
    line-height: normal;
    border: 1px solid #b3b3b3;border-radius: 6px;
    display: flex;align-items: center;padding-left: 15px;font-weight: 300;
    color: #000;
}
/*.button-menu li div[class*="col"] {
    border-bottom: 1px solid #e5e5e5;
}
.button-menu li:first-of-type div[class*="col"] {
    border-top: 1px solid #e5e5e5;
}*/
.button-menu li a.only-icon {
    font-size: 0;
    width: 44px;
    padding: 0;
    text-align: center;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}
.botton-primery .col-9 {
    max-width: calc(100% - 60px);flex: unset;width: calc(100% - 60px);
}
.botton-primery .col-2 {width:55px;max-width: 100%;flex: unset;}
.button-menu li a .icon.list,
.button-menu li a .list-menu,
.button-menu li a .list-big,
#inner_page_header .back-link i,
#inner_page_header .home i,
#inner_page_header .list-button i {
    background: url(../images/icon.png);
    background-position: -93px -11px;
    height: 25px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}
.button-menu li:not(:last-child) {
    margin-bottom: 10px;
}
.button-menu li a:hover {
    background-color: #eeeef0;
    border-color: #b3b3b3;
    color: #000;
}
.button-menu li a.icon-right i {
    position: absolute;
    right: 8px;
    top: calc(50% - 12px);

}
/*inner page css*/
#inner_page_header {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/
    justify-content: space-between;
    height: 50px;
}
#inner_page_header .col-small {
    width: 80px;
    background: #eeeef0;
}
body.listing-page {
    padding-top: 70px;
    padding-bottom: 0;background-color: #fff !important;
}
#inner_page_header .col-small a {
    height: auto;
    line-height: normal;
}
#inner_page_header .col-small {
    text-align: center;margin: 5px;border-radius: 5px;display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.prod-create-header .back-link i{background-image: url(../images/icon.png);}
.prod-create-header .back-link i,#inner_page_header .back-link i {
    height: 34px;
    width: 40px;
    background-position: -115px -646px;margin-left: -12px;transform: none;
}
#inner_page_header .home i {
    background-position: -254px -8px;
    height: 35px;
    width: 34px;
}
#inner_page_header .col-big {
    width: calc(100% - 270px);padding-top: 15px;height: 39px;
}
.col-big.grid-flex {
    justify-content: space-between;
    align-content: center;
}
#inner_page_header .page-title {
    display: inline-block;
    text-transform: uppercase;
    color: #666;
}
#inner_page_header .list-button {
    display: inline-block;
}
#inner_page_header .page-title {
    display: inline-block;
    text-transform: capitalize;
    color: #666;
    line-height: 27px;
    font-size: 17px;
    font-weight: 300;
}
#inner_page_header .list-button i {
    height: 32px;
    width: 48px;
    background-position: -191px -9px;
}
#inner_page_header .list-button a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
#inner_page_header i {
    /*transform: scale(0.7);*/
}
.tabs-stage.green {
    border-top-color: #e4e4da;
}
.tabs-nav.green .tab-active a {
    background: #e4e4da;
    color: #666;
}
.space-between {
    justify-content: space-between;
}
.form-devider {
    height: 1px;
    background: #eee;
    margin: 5px 0 15px 0;
    width: 100%;
    clear: both;
}
input,
select,
textarea {
    border: 1px solid #000;
    height: auto;
    line-height: 30px;
    color: #666;
    transition: all .05s linear;
    padding: 0 13px;
    display: inline-block;
    background-color: #fff;
}
input[type="radio"],
table input[type="radio"],
table input[type="checkbox"],
.custom-checkbox input[type="radio"],
.custom-checkbox input[type="checkbox"] {
    height: auto;
}
/*input[type="checkbox"]:checked+label{background-color: #0298ff;}*/
.select-selected.select-arrow-active {
    border-color: #000;
}
.select-selected {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    height: 30px;
    border-radius: 6px;
    transition: all .1s linear;
    color: #666;
    line-height: normal;
    font-size: 14px;
}
.input-devide {
    display: inline-block;
    margin: 0 10px;
    color: #666;
}
form label {
    color: #666;
    font-weight:300;font-size: 14px;letter-spacing: .5px;
    text-transform: capitalize;
}
.form-inner {
    margin-bottom: 0px;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 37px;
}
.checkbox-label {
    color: #666;
}
.input-group .checbox-wrapper,
.input-group .checkbox-label {
    width: calc(50% - 10px);
}
.input-group .checkbox-label {
    text-align: right;
}
form .requred {
    color: red;
}
.form-group .form-inner.half {
    width: 48%;justify-content: left;flex-wrap: nowrap;
}
.form-group .form-inner.three {
    width: 33%;
}
.two-in-one input {
    width: 50%;
}
.two-in-one .small {
    width: 40%;
}
.two-in-one .large {
    width: 60%;
}
.form-inner .input-group.checkbox {
    width: 100%;
}
.form-inner .label {
    width: auto;
    text-align: right;padding-right: 10px;white-space: nowrap;
}
.form-inner .input-group {
   flex-wrap: nowrap;width: 100%;justify-content: space-between;align-content: center;align-items: center;
}
.input-group input,
.input-group select,
.input-group textarea {
    width: 100%;
}
.input-group.devider input,
.input-group.devider select,
.input-group.devider textarea {
    width: calc(50% - 20px);
}
.two-in-one input:first-child {
    border-radius: 6px 0 0 6px;
}
.two-in-one input:last-child {
    border-radius: 0 6px 6px 0;
    border-left-color: transparent;
}
.two-in-one input:last-child:focus {
    border-left-color: #000;
}
.button-group {
    text-align: right;
}
.buttton.grid-flex {
    justify-content: flex-end;
}
.primery,
.secondary {
    padding: 0px 40px;
    border: none;
    background: #e9ebfa;
    transition: all .15s linear;
    color: #666;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    height: 44px;
    line-height: 44px;
}
.primery {
    background: #e4e4da;
}
.primery:hover,
.secondary:hover {
    /*background-color: #000;*/
    box-shadow:none;
    /*color: #fff;*/
    opacity: .60;
}
.form-inner .clear-data {
    margin-left: 15px;
}
.form-footer .form-inner {
    margin-bottom: 0;
}
.form-inner .input-group.checkbox.rtl .checbox-wrapper {
    justify-content: flex-end;
    align-content: flex-end;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flexbox-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*table wrapper*/
.table-wrapper {
    margin-top: 50px;
}
.list-form.table-list {
    background: #fff;
    padding-bottom: 30px;
}
.footer-wrapper-list {
    border-top: 1px solid #e5e7f0;
    padding: 10px 0;
}
.footer-wrapper-list .form-inner {
    margin: 0;
}
table.product-list {
    width: 100%;
    vertical-align: middle;
    position: relative;
}
.product-list th,
.product-list td {
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    background-clip: padding-box;
}
.product-list thead th {
    background: #f9f9f9;
    color: #666;padding: 0;border-bottom: 0;
}
.product-list thead th:first-child,
.product-list td:first-child {
    border: none;
    background: transparent;
}
.white-tab .product-list thead th:first-child,
.white-tab .product-list td:first-child {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.white-tab .product-list thead th:first-child {
    background: #f9f9f9;
}
.product-list thead th>div,
.product-list tbody td>div {
    padding: 8px 5px;
}
.product-list thead th .h:not(:last-child),
.product-list tbody td .h:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.product-list thead th .v:not(:last-child),
.product-list tbody td .v:not(:last-child) {
    border-right: 1px solid #ccc;
}
.product-list thead th .h.incv,
.product-list tbody td .h.incv {
    padding: 0;
}
.product-list thead th .h.three div,
.product-list tbody td .h.three div {
    width: calc(33.33% - 3px);
    padding: 10px 5px;
    position: relative;
    height: 100%;
    display: inline-block;
}
.product-list td {
    color: #343434;
    font-size: 13px;
}
.form-inner .input-group.checkbox.rtl .checbox-wrapper {
    width: 30px;
}
.form-inner .input-group.checkbox.rtl .checkbox-label {
    width: calc(100% - 40px);
    text-align: left;
    padding: 0 10px;
}
button.icon {
    padding: 0;
    height: 50px;
    width: 50px;
}
button.icon:hover {
    background-color: #e4e4da;
}
button.icon .icon {
    height: 38px;
    width: 40px;
    padding: 0;
    background-image: url(../images/icon.png);
    background-position: -219px -345px;
    font-size: 0;
    display: inline-block;
    transform: scale(0.8);
    vertical-align: middle;
    margin-top: -3px;
}
.buttton.grid-flex.flex-start {
    justify-content: flex-start;
}
.footer-wrapper-list .primery,
.footer-wrapper-list .secondary {
    padding: 0 15px;
    text-align: center;
}
/*white tab*/
.white-tab {
    background: #fff;
    padding: 0 7px 7px 7px;
    margin-bottom: 50px;
    border-radius: 6px;
}
.white-tab .container.table,
.white-tab .tabs-stage {
    padding: 0;
    box-shadow: none;
    border: none;
}
.white-tab .table-wrapper {
    margin-top: 0px;
}
/*detail*/
.input-group input[readonly] {
    pointer-events: none;
}
.input-group.three-in-one button.icon {
    height: 30px;
    width: 30px;
    background: #e4e4da;
    border-radius: 0;
    border: none;
}
.input-group.three-in-one button.icon {
    height: 30px;
    width: 30px;
    background: #e4e4da;
    border-radius: 0;
    margin-left: -2px;
    border: none;
}
.input-group.three-in-one input,
.input-group.three-in-one > div,
.input-group.three-in-one select {
    width: calc(33.33% - 30px / 3);
}
.input-group.three-in-one input:not(:first-child),
.input-group.three-in-one div:not(:first-child),
.input-group.three-in-one select:not(:first-child) {
    border-radius: 0;
    border-left-color: transparent;
    margin-left: -1px !important;
}
.input-group.three-in-one input:first-child {
    border-radius: 6px 0 0 6px;
}
.input-group.three-in-one input:not(:first-child):focus,
.input-group.three-in-one select:not(:first-child):focus {
    border-left-color: #000;
}
button.icon .icon.search {
    background-position: -17px -420px;
}
.input-group.three-in-one input.two-input {
    width: calc((33.33% - 29px / 3)*2);
}
.input-group.three-in-one input.one-input {
    width: calc(100% - 30px);
}
.content-box.green {
    border-top-color: #e4e4da;
}
.icon.scan {
    width: auto;
    padding: 0 20px;
}
.icon.scan .icon,
.icon.print .icon,
.icon.external .icon,
.icon.add .icon {
    width: 77px;
    background-position: -67px -424px;
    height: 32px;
    position: relative;
    transform: scale(0.8);
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon.png);
    margin-right: 5px;
}
.icon.scan .icon::before {
    content: '';
    height: 1px;
    width: calc(100% + 6px);
    position: absolute;
    top: 50%;
    background: #000;
    left: -3px;
}
.icon.print .icon,
.icon.external .icon,
.icon.add .icon {
    width: 34px;
}
.icon.print .icon {
    background-position: -170px -424px;
}
.icon.external .icon {
    background-position: -170px -424px;
}
.icon.add .icon {
    background-position: -16px -468px;
    transform: scale(0.65);
}
.icon.external .icon {
    background-position: -80px -470px;
    transform: scale(0.6);
}
.secondary.icon:hover {
    background: #e4e4da;
    color: #666;
}
.buttton.grid-flex.flex-start .secondary,
.buttton.grid-flex.flex-start .primery {
    margin-right: 10px;
}
.col .column input {
    padding: 0;
    width: 100%;
    border: none;
    border-radius: 0;
}
.left-border-none {
    border-left: 0 !important;
}
.right-border-none {
    border-right: 0 !important;
}
table input,
table select {
    width: 100%;
    padding: 0;
    text-align: center;
    border: none;
    height: 30px;
    line-height: 30px;
}
/*table input:focus, table select:focus, table textarea:focus {
    box-shadow: 0 0 3px #000;
}*/
.icon.detete,
button.icon.detete:hover {
    height: 30px;
    width: 20px;
    background: none;
    border: none;
}
.icon.detete .icon {
    width: 20px;
    height: 30px;
    background-position: -224px -421px;
    transform: scale(0.9);
}
.icon.detete:hover .icon {
    background-position: -264px -421px;
}
.product-list.space-row {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    margin-top: -0.5em;
}
.product-list.space-row td:not(:last-child),
.product-list.space-row td:not(:first-child) {
    border-left-width: 0;
}
.product-list.space-row td:first-child {
    border-left-width: 1px;
}
.product-list.space-row td,
.product-list.space-row td div,
.product-list.space-row tbody td .h:not(:last-child),
.white-tab .product-list.space-row td:first-child {
    border-color: #ccd0e2;
}
.product-list.space-row td {
    color: #ccc;
}
.white-tab .tabs-stage {
    margin-bottom: 0;
}
.white-tab .table-list {
    padding-bottom: 0;
}
.table-wrapper.col-6 {
    margin: 0 auto;
}
.table-wrapper.col-6 .product-list thead th,
.table-wrapper.col-6 .product-list tbody td {
    padding: 5px 6px;
}
.two-table > .table-wrapper {
    width: calc(50% - 10px);
}
.two-table .v {
    width: 49%;
    display: inline-block;
}

/*custom slider*/
.slider-tab .tabs-stage {
    border: none;
    padding: 0;
    box-shadow: none;
}
.slider-tab .tabs-nav .tab-active a, .slider-tab .tabs-nav a{
    height: 14px;
    width: 14px;
    transition:L all .1s linear;
    background-color: #fff;
    border-radius: 50%;
    padding: 0;
    margin:0 4px;
}
.slider-tab .tabs-nav .tab-active a, 
.slider-tab .tabs-nav .tab a:hover{
    background-color: 640e2f;
}
.sidebar.gray {
    background-color: #eee;
    padding: 5px 5px 20px 5px;
}
.sidebar-form textarea {
    border-radius: 0;
    resize: none;
    min-height: 150px;
}
.relative{
    position: relative;
}
.sidebar-form .abso {
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.sidebar-form .search.icon {
    border: none;
    height: 40px;
    width: 40px;
    background-color: #e4e4da;
}
.sidebar-form button.search.icon:hover {
    box-shadow: 4px 3px 10px #ccc;
}
.sidebar-form .icon-button-group {
    text-align: center;
    margin-bottom: 20px;
}
.sidebar-form .icon-button-group button {
    height: 40px;
    width: 40px;
    background-color: 
    transparent;
    border: 0;
}
.icon.import .icon {
    background-position: -104px -519px;
}
.icon.export .icon {
    background-position: -261px -518px;
}
.icon.import:hover .icon {
    background-position: -160px -519px;
}
.icon.export:hover .icon {
    background-position: -212px -518px;
}
.sidebar-form .icon-button-group {
    text-align: center;
    margin-bottom: 20px;
    width: calc(100% + 10px);
    margin-left: -5px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
}
.sidebar-item:last-child {
    margin-top: 70px;
}
.sidebar-form .label {
    text-align: center;
    margin-bottom: 5px;
}
.slider-tab .tab-content {
    padding: 0;
    border: 0;
}
.padd-20 {
    padding: 20px;
    box-sizing: border-box;
}
table.product td {
    border: 1px solid #ccc;
    text-align: left;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
}
table.product td > * {
    padding: 5px;
    border-radius: 0;
}
table.product td:first-child {
    text-align: right;
}
table.product input,
table.product .custom-select {
    text-align: left;
}
table.product .custom-select {
    padding: 0;
}
table.product .custom-select .select-selected,
table.product .two-in-one input:last-child,
table.product .two-in-one input:first-child{
    border-radius: 0;
    border: 0;
}
table.product .custom-select .select-selected,
table.product input{
    height: 30px;
    line-height: 30px;
}
table.product td .input-group {
    padding: 0;
    margin-left: 1px;
}
table.product .select-selected::after {
    top: calc(50% - 7px);
}
table.product input:focus,
table.product select:focus,
table.product textarea:focus,
table.product .select-selected:focus,
table.product .select-arrow-active {
    box-shadow: 0 0 0 1px #000;
}
.datepicker-icon,
table.product .datepicker,
.big-label .datepicker {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0iIj48Zz48ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTQ4Mi4wMDEgODYuMDAxaC0zMC4wMDF2LTEwLjAwMWMwLTE2LjU0Mi0xMy40NTgtMzAtMzAtMzBzLTMwIDEzLjQ1OC0zMCAzMHYxMGgtMjN2LTEwYzAtMTYuNTQyLTEzLjQ1OC0zMC0zMC0zMHMtMzAgMTMuNDU4LTMwIDMwdjEwaC0yMi45OTktLjAwMXYtMTBjMC0xNi41NDItMTMuNDU4LTMwLTMwLTMwcy0zMCAxMy40NTgtMzAgMzB2MTBoLTIyLjk5OXYtMTBjMC0xNi41NDItMTMuNDU4LTMwLTMwLTMwcy0zMCAxMy40NTgtMzAgMzB2MTBoLTIyLjk5OXYtMTBjMC0xNi41NDItMTMuNDU4LTMwLTMwLTMwcy0zMCAxMy40NTgtMzAgMzB2MTBoLTMwLjAwMmMtMTYuNTQyIDAtMzAgMTMuNDU4LTMwIDMwdjM0MGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwaDQ5Mi4wMDFjNS41MjIgMCAxMC00LjQ3NyAxMC0xMHYtMzQwYzAtMTYuNTQyLTEzLjQ1OC0yOS45OTktMzAtMjkuOTk5em0tNzAuMDAxLTEwLjAwMWMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwdjQwYzAgNS41MTQtNC40ODYgMTAtMTAgMTBzLTEwLTQuNDg2LTEwLTEwem0tODMgMGMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwdjQwYzAgNS41MTQtNC40ODYgMTAtMTAgMTBzLTEwLTQuNDg2LTEwLTEwem0tODIuOTk5IDBjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMCA1LjUxNCAwIDEwIDQuNDg2IDEwIDEwdjQwYzAgNS41MTQtNC40ODYgMTAtMTAgMTBzLTEwLTQuNDg2LTEwLTEwem0tODMgMGMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwdjQwYzAgNS41MTQtNC40ODYgMTAtMTAgMTBzLTEwLTQuNDg2LTEwLTEwem0tODMgMGMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwIDUuNTE0IDAgMTAgNC40ODYgMTAgMTB2NDBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMHMtMTAtNC40ODYtMTAtMTB6bS01MC4wMDEgMzAuMDAxaDMwLjAwMXYxMGMwIDE2LjU0MiAxMy40NTggMzAgMzAgMzBzMzAtMTMuNDU4IDMwLTMwdi0xMGgyMi45OTl2MTBjMCAxNi41NDIgMTMuNDU4IDMwIDMwIDMwczMwLTEzLjQ1OCAzMC0zMHYtMTBoMjN2MTBjMCAxNi41NDIgMTMuNDU4IDMwIDMwIDMwczMwLTEzLjQ1OCAzMC0zMHYtMTBoLjAwMSAyMi45OTl2MTBjMCAxNi41NDIgMTMuNDU4IDMwIDMwIDMwczMwLTEzLjQ1OCAzMC0zMHYtMTBoMjN2MTBjMCAxNi41NDIgMTMuNDU4IDMwIDMwIDMwczMwLTEzLjQ1OCAzMC0zMHYtMTBoMzAuMDAxYzUuNTE0IDAgMTAgNC40ODYgMTAgMTB2NTAuMDAyaC00NzIuMDAxdi01MC4wMDNjMC01LjUxMyA0LjQ4Ni05Ljk5OSAxMC05Ljk5OXptNDYyLjAwMSAzNDBoLTQ3Mi4wMDF2LTI1OS45OThoNDcyLjAwMXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMTI2RCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMTAwLjAwMiAyMTYuMDAxaC0yMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHYyMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwaDIwYzUuNTIzIDAgMTAtNC40NzcgMTAtMTB2LTIwYzAtNS41MjMtNC40NzgtMTAtMTAtMTB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDEyNkQiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTE4My4wMDEgMjE2LjAwMWgtMjBjLTUuNTIzIDAtMTAgNC40NzctMTAgMTB2MjBjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMGgyMGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwdi0yMGMwLTUuNTIzLTQuNDc3LTEwLTEwLTEweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAxMjZEIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0zNDkuMDAxIDIxNi4wMDFoLTIwYy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwdjIwYzAgNS41MjMgNC40NzcgMTAgMTAgMTBoMjBjNS41MjMgMCAxMC00LjQ3NyAxMC0xMHYtMjBjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMTI2RCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMjY2LjAwMSAyMTYuMDAxaC0yMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHYyMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwaDIwYzUuNTIzIDAgMTAtNC40NzcgMTAtMTB2LTIwYzAtNS41MjMtNC40NzctMTAtMTAtMTB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDEyNkQiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTQzMi4wMDEgMjE2LjAwMWgtMjBjLTUuNTIzIDAtMTAgNC40NzctMTAgMTB2MjBjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMGgyMGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwdi0yMGMwLTUuNTIzLTQuNDc3LTEwLTEwLTEweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAxMjZEIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0xMDAuMDAyIDI5Ni4wMDJoLTIwYy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwdjIwYzAgNS41MjMgNC40NzcgMTAgMTAgMTBoMjBjNS41MjMgMCAxMC00LjQ3NyAxMC0xMHYtMjBjMC01LjUyMy00LjQ3OC0xMC0xMC0xMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMTI2RCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMTgzLjAwMSAyOTYuMDAyaC0yMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHYyMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwaDIwYzUuNTIzIDAgMTAtNC40NzcgMTAtMTB2LTIwYzAtNS41MjMtNC40NzctMTAtMTAtMTB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDEyNkQiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTM0OS4wMDEgMjk2LjAwMmgtMjBjLTUuNTIzIDAtMTAgNC40NzctMTAgMTB2MjBjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMGgyMGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwdi0yMGMwLTUuNTIzLTQuNDc3LTEwLTEwLTEweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAxMjZEIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0yNjYuMDAxIDI5Ni4wMDJoLTIwYy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwdjIwYzAgNS41MjMgNC40NzcgMTAgMTAgMTBoMjBjNS41MjMgMCAxMC00LjQ3NyAxMC0xMHYtMjBjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMTI2RCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtNDMyLjAwMSAyOTYuMDAyaC0yMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHYyMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwaDIwYzUuNTIzIDAgMTAtNC40NzcgMTAtMTB2LTIwYzAtNS41MjMtNC40NzctMTAtMTAtMTB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDEyNkQiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTEwMC4wMDIgMzc2LjAwMmgtMjBjLTUuNTIzIDAtMTAgNC40NzctMTAgMTB2MjBjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMGgyMGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwdi0yMGMwLTUuNTIzLTQuNDc4LTEwLTEwLTEweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAxMjZEIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0xODMuMDAxIDM3Ni4wMDJoLTIwYy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwdjIwYzAgNS41MjMgNC40NzcgMTAgMTAgMTBoMjBjNS41MjMgMCAxMC00LjQ3NyAxMC0xMHYtMjBjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMTI2RCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMzQ5LjAwMSAzNzYuMDAyaC0yMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHYyMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwaDIwYzUuNTIzIDAgMTAtNC40NzcgMTAtMTB2LTIwYzAtNS41MjMtNC40NzctMTAtMTAtMTB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDEyNkQiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTI2Ni4wMDEgMzc2LjAwMmgtMjBjLTUuNTIzIDAtMTAgNC40NzctMTAgMTB2MjBjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMGgyMGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwdi0yMGMwLTUuNTIzLTQuNDc3LTEwLTEwLTEweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAxMjZEIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im00MzIuMDAxIDM3Ni4wMDJoLTIwYy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwdjIwYzAgNS41MjMgNC40NzcgMTAgMTAgMTBoMjBjNS41MjMgMCAxMC00LjQ3NyAxMC0xMHYtMjBjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMTI2RCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9nPiA8L3N2Zz4=);
    background-position: 98% 5px;
    background-size: 21px;
    background-repeat: no-repeat;
}
.big-label .datepicker {
    background-position: 98%;
}
table.product td .input-group > :not(:last-child) {
    border-right: 1px solid #ccc;
}
table.product textarea {
    width: 100%;
}
table.product .text-left {
    text-align: left;
}
table.product .input-group.three-in-one button.icon{
    height: 30px;
    width: 30px;
}
table.product button.icon .icon{
    height: 34px;
    width: 30px;
}
table.product button.icon .icon.search {
    background-position: -18px -419px;
}
table.product .input-group.three-in-one input.one-input {
    width: calc(100% - 30px);
    border-radius: 0;
}
table.product {
    width: 100%;
}
table.product td:first-of-type {
    background-color: #f9f9f9;
}
table.product .no-border {
    border: none;
    height: 30px;
    background-color: transparent !important;
}
.product-top-form .input-group{
    width: calc(100% - 160px);
}
.product-top-form .label {
    width: 150px;
}
table.product-list .no-bg {
    background-color: transparent;
    border: none;
}
table.product-list button.icon.add {
    height: 33px;
    width: auto;
    line-height: 33px;
    margin:6px 0;
    padding: 0 10px;
}
table.product-list .empty-row > .empty {
    height: 40px;
    border: none !important;
}
.zebra-table tbody tr:nth-child(2n+1) {
    background-color: #eef2f2;
}
table.product-list button.icon.add:hover {
    color: #666;
}
.product-list thead th.with-bg, .product-list td.with-bg {
    background-color: #000;
    border: 1px solid #ccc;
}
table.user-list td {
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
}
table.user-list td > div {
    padding: 5px;
}
table.user-list {
    width: 100%;
}
table.user-list input[type="radio"] + label, table.user-list input[type="checkbox"] + label{
    margin: 0 auto;
}
table.user-list .h:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.user-list.advance-detail td {
    text-align: left;
}
.user-list.advance-detail label, .user-list.advance-detail input{
    display: inline-block;
    width: 100px;
}
 .user-list.advance-detail input{
    width: calc(100% - 105px);
    border-radius: 0;
 }
 table.user-list .grid-flex {
    align-content: center;
    align-items: center;
}
.user-row {
    padding: 10px 0;
}
.product-list .wit-border {
    border: 1px solid #ccc !important;
}
.icon .icon.power {
    background-position: -11px -581px;
    height: 42px !important;
    transform: scale(0.6);
    width: 40px !important;
}
.product-list.material-no th {
    height: 60px;
}
.buttton.space .secondary:not(:last-child) {
    margin-right: 15px;
}
.icon.print.export .icon {
    background-position: -739px -5px;
    transform: rotate(-90deg);
    background-size: 691%;
}
table.padd-10 td, table.padd-10 th {
    padding: 5px 10px;
}
.icon.edit .icon {
    background-position: -4px -521px;
}
table button.icon {
    background-color: 
    transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.icon.delete .icon {
    background-position: -258px -418px;
}
.icon .icon.file {
    background-position: -189px -588px;
}
.icon.barcode .icon {
    background-position: -93px -418px;
}
.model.wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    height: 100%;
    padding:50px 0;
    display: none;
    overflow: auto;
}
.model .model-content {
    background: #fff;
    padding: 20px;
    left: 50px;
    position: relative;
    top: -25px;
}
.model-content > .close {
    font-size: 14px;
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    top: 0;
    text-align: center;
    line-height: 40px;
    background: #000;
    color: #fff;
    transition: all .13s linear;
}
.model-content > .close:hover {
    background-color: #e4e4da;
}
.overflow-hidden {
    overflow: hidden;
}
.custom-checkbox.grid-flex {
    align-content: center;
    align-items: center;
}
.product-add .label, .product-add .custom-checkbox {
    margin-bottom: 10px;
}
.product-add label + span {
    margin-left: 10px;
}
.product-add .row:not(:last-child) {
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}
.product-add .sidebar.greay {
    background:  #afaeaa;
    margin-left: -20px;
    padding: 20px;
}
.product-add .main-content {
    padding: 20px;
}
.product-add .sidebar a {
    color: #fff;
}
.no-zebra td{
    background-color: #fff;
}
.flex-end {
    justify-content: flex-end;
}
.buttons button:not(:last-child) {
    margin-right: 15px;
}
.mt-30{
    margin-top: 30px;
}
input.edit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2OS4zMzYgNDY5LjMzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMzNiA0NjkuMzM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ1Ni44MzYsNzYuMTY4bC02NC02NC4wNTRjLTE2LjEyNS0xNi4xMzktNDQuMTc3LTE2LjE3LTYwLjM2NSwwLjAzMUw0NS43NjMsMzAxLjY4MiAgICBjLTEuMjcxLDEuMjgyLTIuMTg4LDIuODU3LTIuNjg4LDQuNTg3TDAuNDA5LDQ1NS43M2MtMS4wNjMsMy43MjItMC4wMjEsNy43MzYsMi43MTksMTAuNDc4YzIuMDMxLDIuMDMzLDQuNzUsMy4xMjgsNy41NDIsMy4xMjggICAgYzAuOTc5LDAsMS45NjktMC4xMzYsMi45MjctMC40MDdsMTQ5LjMzMy00Mi43MDNjMS43MjktMC41LDMuMzAyLTEuNDE4LDQuNTgzLTIuNjlsMjg5LjMyMy0yODYuOTgzICAgIGM4LjA2My04LjA2OSwxMi41LTE4Ljc4NywxMi41LTMwLjE5MlM0NjQuODk5LDg0LjIzNyw0NTYuODM2LDc2LjE2OHogTTI4NS45ODksODkuNzM3bDM5LjI2NCwzOS4yNjRMMTIwLjI1NywzMzMuOTk4ICAgIGwtMTQuNzEyLTI5LjQzNGMtMS44MTMtMy42MTUtNS41LTUuODk2LTkuNTQyLTUuODk2SDc4LjkyMUwyODUuOTg5LDg5LjczN3ogTTI2LjIwMSw0NDMuMTM3TDQwLjA5NSwzOTQuNWwzNC43NDIsMzQuNzQyICAgIEwyNi4yMDEsNDQzLjEzN3ogTTE0OS4zMzYsNDA3Ljk2bC01MS4wMzUsMTQuNTc5bC01MS41MDMtNTEuNTAzbDE0LjU3OS01MS4wMzVoMjguMDMxbDE4LjM4NSwzNi43NzEgICAgYzEuMDMxLDIuMDYzLDIuNzA4LDMuNzQsNC43NzEsNC43NzFsMzYuNzcxLDE4LjM4NVY0MDcuOTZ6IE0xNzAuNjcsMzkwLjQxN3YtMTcuMDgyYzAtNC4wNDItMi4yODEtNy43MjktNS44OTYtOS41NDIgICAgbC0yOS40MzQtMTQuNzEybDIwNC45OTYtMjA0Ljk5NmwzOS4yNjQsMzkuMjY0TDE3MC42NywzOTAuNDE3eiBNNDQxLjc4NCwxMjEuNzJsLTQ3LjAzMyw0Ni42MTNsLTkzLjc0Ny05My43NDdsNDYuNTgyLTQ3LjAwMSAgICBjOC4wNjMtOC4wNjMsMjIuMTA0LTguMDYzLDMwLjE2NywwbDY0LDY0YzQuMDMxLDQuMDMxLDYuMjUsOS4zODUsNi4yNSwxNS4wODNTNDQ1Ljc4NCwxMTcuNzIsNDQxLjc4NCwxMjEuNzJ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDEyNkQiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==);
    background-position: 96% 6px;
    background-size: 17px;
    background-repeat: no-repeat;
}
.product-register .header input, .product-register .header {
    background-color: #eee !important;
}
.product-register.complex .input-group.three-in-one > div {
    width: 45%;
}
.product-register.complex .icon.search {
    height: 30px;
    width: 30px;
}
.product-register.complex .icon.right {
    float:right;
}
.space-row td {
    background: none !important;
    border: none !important;
    height: 30px;
}
.mt-20 {
    margin-top: 20px;
}
.product-register .select-selected {
    padding: 0 10px;
}
.data-download .pdf img {
    max-width: 40px;
}
.data-download textarea, .data-download input {
    resize: none;
    border: none;
    border-radius: 0;
    height: 75px;
    width: 100%;
}
.data-download .icon-button-group button {
    width: 50%;
}
.product-register .header {
    padding-right: 10px;
}
.product.label-small td:first-child {
    width: 150px;
}
.secondary.small-register {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 20px;
    border-radius: 4px;
    margin-bottom: 3px;
}
.text-right{
    text-align: right !important;
}
.padd-head th {
    padding: 8px 10px;
}
.m-20 {
    margin: 0 20px;
}
.dynamic-add .table-wrapper {
    margin-top: 20px;
}
/*.dynamic-add .table-wrapper.odd td[rowspan="5"] {
    background-color: #e0ecfa !important;
}*/
.table-fixed {
    table-layout: fixed;
}
.header-inc .header {
    background-color: #e9e9e9 !important;
    border-radius: 0 !important;
}
.sidebar-form .p-img {
    position: absolute;
    width: calc(100% - 20px);
    left: 10px;
    top: 10px;
    height: calc(100% - 20px);
}
.yarn-register input {
    padding-left: 10px !important;
}
.product.yarn-register .no-bg {
    background-color: transparent !important;
}
.material-input-border input {
    border: 1px solid #ccc !important;
}
.material-input-border .product-list.space-row {
    margin-top: -13px;
}
.equal-with.three-in-one > * {
    width: 33.33% !important;
    padding: 0 5px;
    border-radius: 0 !important;
}
.big-label .form-inner .label {
    width: 170px;
}
.big-label .form-inner .input-group{
    width: calc(100% - 200px);
}
.dropzone:hover {
    box-shadow: 6px 7px 11px #ccc;
}
.dropzone {
    min-height: 68px;
    background: #f9f9f9;
    max-width: 300px;
    text-align: center;
    border-radius: 10px;
    margin-top: 2px;
    cursor: pointer;
    transition: all .14s linear;
    border: 1px dashed;
    line-height: 68px;
}
.dropzone .dz-preview {
    line-height: 20px;
    margin-bottom: 7px;
}
.dropzone .dz-preview .dz-remove {
    color: red;
}
.dropzone .dz-preview {
    line-height: 20px;
    margin-bottom: 10px;
    width: 48%;
    padding: 3px;
    margin-left: 1%;
    display: inline-block;
    vertical-align: middle;
}


/*sanker g css*/
/*------------- inventory-detail -----------------*/

.input-group.three-in-one .large.custom-inventory{width: calc(33.33% - 0px / 3)}
.custom-inventory-btn{text-align: right;}
.inventory-form-custom .input-group.three-in-one input, .inventory-form-custom .input-group.three-in-one select{width: calc(20% - 0px / 3);
}
.inventory-form-custom .input-group.three-in-one input.two-input{width: calc((20% - 0px / 3)*2);}
.inventory-form-custom .input-group.three-in-one p{width: calc((19% - 0px / 3)*2); margin-left: 10px; }
.custom-inventory-btn .primery, .custom-inventory-btn .secondary{padding: 0px 25px; font-size: 12px;}
.inventory-form-custom .custom-equal{width: 100%; float: left; margin-top: 10px; text-align: right;}
.inventory-form-custom .input-group.three-in-one .medium.custom-inventory {width: calc(25% - 0px / 3);}
.inventory-form-custom .custom-inventory-third-col{margin-top: 20px;}
.inventory-form-custom .custom-inventory-third-col .custom-inventory-third-btn{text-align: right;}
.inventory-form-custom .button-caption.secondary.relf i {content: ''; display: inline-block; background: url(../images/icon.png);
vertical-align: middle; transform: scale(0.9); height: 32px; width: 48px; background-position: -191px -10px;}
.custom-inventory-table thead th .h.three div, .custom-inventory-table tbody td .h.three div{width: calc(32.33% - 3px);}
.custom-inventory-table thead th:last-child, .custom-inventory-table td:last-child{border: none; background: transparent;}
.custom-inventory-table thead th:first-child, .custom-inventory-table td:first-child{border: inherit; background: inherit;}
.custom-inventory-third-col .icon.search{border: 1px solid #e9e9e9; height: 30px; border-radius: 6px; border-top-left-radius: 6px;
line-height: 29px; color: #666; transition: all .05s linear; display: inline-block; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.custom-inventory-third-col .custom-form-inventory-date input{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.custom-inventory-third-col .custom-form-inventory-date{display: inline-block; border-right: transparent;}
.custom-inventory-third-col button.icon .icon.search{background-position: -29px -267px;transform: scale(0.5);}
.product-list tbody td .v.v-not:not(:last-child){border-right: 0;}

/*------------- inventory-detail END-----------------*/


/*------------- inventory-search -----------------*/

/*.buttons.equal {margin-top: 30px;}*/
.refrl {float: left; padding-left: 67px; padding-right: 67px;}

/*------------- inventory-search END-----------------*/





/*krishan joshi*/
.k-input#input14 {border-radius: 6px;}
.table-select-purchase select{border:none !important;}
.table-select-purchase .select-selected{border:none !important;}
.product-list-krish tr td{height:auto;}
.select-purchase {padding: 0;height: 55px;}
.flex-start .submit { width: 100%;}
.wew {float: left;width: 60%;text-align: left;}
.last-left-to-right {float: right;width: 35%;}
.last-left-to-right .purchase-submit-button {padding: 0px 50px !important;}
/*by hrj*/
.product-list.height-coloumn tbody td .h.select-purchase {
    height: 25px;
}
.product-list.height-coloumn .select-purchase{
    height: 50px;
}
.product-list.height-coloumn.product-list-krish thead th > div, .product-list.height-coloumn.product-list-krish tbody td > div {
    padding: 6px 5px;
}
.product-list.height-coloumn.product-list-krish th, .product-list.height-coloumn.product-list-krish td{
    font-size: 13px;
}
/*.product-list.height-coloumn.product-list-krish {
    width: 978px;
    margin: 0 auto;
}*/
.form-container.content-box.green {
    padding-bottom: 15px;
}
.white-tab.table-wrapper.mt-10 {
    margin: 30px 0;
}

/*=========Arjun Css*=======*/
.product_list_table .product-list thead th:first-child,.product_list_table .product-list td:first-child{border: none;background: transparent;}
.left-border-none.right-border-none.top-border-none.bottom-border-none{border:none !important;}
.input-group.grid-flex.space-between.group_flex{padding:0px 107px 0 42px;}
.input-group.grid-flex.space-between.group_flex input{border-radius:0;border-top: 0;}
.detail_button_h .h{height: 25px;}
.input-group.grid-flex.space-between.group_flex.between_input{padding:0 53px 0 0;}
.product-list.table_wrapper_table thead th .h.three div{width: calc(33% - 3px);}
/*=========Arjun Css*=======*/

#inner_page .banner-table{padding-bottom: 1px;}
#inner_page .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody thead th
{height: 0px;overflow: hidden;min-height: 0;max-height: 0;padding-top:0;padding-bottom:0;line-height: 0;border-top:0;
border-bottom: 0;opacity: 0;}
.custom-select .select-selected{border: 0;overflow: hidden;height: 28px;}
.custom-select{height: auto;height: 30px;padding-top: 0;background: transparent;padding-bottom: 0;border-color: #ccc;}

.form-inner.space-between{flex-wrap: nowrap;}
 #languages li{display: inline-block;padding-right: 34px;}
#languages.footer{padding-left: 8px;display: inline-flex;}
ul#languages.footer img{border: 1px solid #e5e5e5;border-radius: 50%;transition: all .2s linear;width: 35px;}
.banner-table.bottom .dt-buttons .btn:active, .page-link:active, .btn-danger:active{color: #fff;background-color: #000 !important;border-color:#000 !important;}
.btn-danger:focus ,button:focus,.btn-danger.focus, .btn-danger:focus{box-shadow:none !important;}
.new.area textarea{width: 572px;height: 174px;overflow-y: scroll;-webkit-appearance: none;border-radius: 0;}
.new.area label{width: 82px;display: block;text-align: center;padding: 5px 0;background: #000;color: #fff;}
.new.area ::placeholder {color: #dad6d6 !important;opacity: 1;font-size: 18px;}
.new.area{padding-top: 13px;padding-left: 9px;}
#top-menu ul li.help{font-size: 0;}
#main_admin_panel{padding-bottom:15px;}
.wrapper{position: relative;}
.wrapper .fm-button-container{display: none;position: absolute;left: 50%;top: 50%;display: none;
transform: translate(-50%, -50%);}
.fm-button-container .fm-button-glyph{margin-right: 10px;
height: 35px;width: 35px;background: url(../images/icon.png) no-repeat -3px -650px;}
.fm-button-container .fm-button-label{padding-top: 10px;}
#main_admin_panel .help a{font-size: 0}
#top-menu ul li.logout a::before{transform: none;}
#languages.footer li.jp{order:1;}
#languages.footer li.en{order:2;}
#languages.footer li.hi{order:3;}
#languages.footer li.ko{order:4;}
#languages.footer li.zh-Hans{order:5;}
#languages.footer li.it{order:6;}
#languages.footer li.fr{order:7;}
#languages.footer li.gr{order:8;}
.panel-menu-wrapper #main-menu .shop-menu li.home{position: absolute;left: -9px;}
.panel-menu-wrapper #main-menu .shop-menu li.home a{height: 143.883px;padding: 0;width: auto;display: block;}
.panel-menu-wrapper #main-menu .shop-menu li.home a::before{margin:0;transform: none;}

.tabs-stage{border-top: 0;}
#panel_inner_main .panel-menu-wrapper .container{max-width: 1101px;padding-left: 52px;}
#panel_inner_main .app-body .container{max-width: 1101px;padding-right: 55px;}
#panel_inner_main #main-menu a::before{transform: scale(.8);}
#panel_inner_main #main-menu .shop-menu li.home a::before {transform: none;}
#main-menu .shop-menu li a:hover,.button-menu li a:hover{box-shadow: 0 5px 17px #eeeef0;}
#top-menu li.logout a:hover{box-shadow: none;border:0;background: transparent;}
#main-menu .shop-menu li a[href="https://help.apasys.net/hc/ja"]{font-size: 15px;}
#main_admin_panel{position: relative;}
#main_admin_panel .wrapper {position: absolute;left: 0;bottom: 15px;}
#inner_page .form-devider{background: transparent;}
#inner_page .content-box{border:0;}
#inner_page table.table-bordered.dataTable td,.small-checkbox .checkbox-label p
,#inner_page table.table-bordered.dataTable th{font-size: 13px;color: #666;}
.full a.list,.full a[href*="create"]{position: fixed;top: 5px;right: 24.24%;width: 150px;height: 40px;}

.full{z-index: 99 !important;}
.full .primery.left{width: 150px;background: transparent;border: 1px solid #b3b3b3;padding-right: 5px;text-align: left;padding-left: 40px;}
#inner_page_header .home i{transform: none;}
#inner_page_header .col-small.home-link {margin-right: 10px;width: 95px;}
#inner_page .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody thead tr{height: 0 !important;}
.tabs-stage{border:0;}
.full .primery.left:hover {opacity: .60;}
.col-5 .buttons .primery.reset{display: none;text-align: center;float: none;margin: auto;}
.havy-form .col-5 .buttons .primery.reset{display: block;}
.havy-form .buttons .secondary + .primery.reset{display: none;}
#tag_tagsinput{min-height: 0 !important;height: auto !important;}
.button-menu li a .list-menu.add{background-position:-213px -646px;right: 12px;}
.button-menu li .col-9 a{border-bottom-right-radius: 0;border-top-right-radius: 0;}
.button-menu li .col-2 a{border-top-left-radius: 0;border-bottom-left-radius: 0;width: 100%;}
.button-menu li a .list-menu{background-position: -63px -646px;right: 12px;height: 28px;width: 32px;position: absolute;}
.datepicker.width-45{width: 45%;}
.products-main-page table > tbody > tr > td input[type="checkbox"]{display: none !important;}
.create-three-input #cost{border:1px solid #ccc;border-right: 0;border-left: 0;}
.products-create .slider-tab .tabs-nav .tab-active a,
.products-create .slider-tab .tabs-nav a{min-width: 0;}
.products-create table.product textarea#remarks{min-height: 120px;}
.products-create table.product [type="submit"].btn.btn-danger{margin-top: 20px;}
.hyphen-space{padding-right: 8px;padding-left: 8px;}
.no-wrap{flex-wrap: nowrap;}
button.icon-search{height: 30px;width: 30px;background: url(../images/icon.png);background-position: -268px -641px;
padding: 0;border: 0;min-width: 30px;}
.fixed-top{position: fixed;top:55px;left: 0;width: 100%;background: #fff;z-index: 1;}
.scrollable-table{height: 410px;overflow: auto;}
.scrollable-table table.dataTable tbody th{padding: 8px 10px;}
body .scrollable-table table tr > td{display: table-cell !important;padding: 8px 10px;font-size: 13px;color: #666;}
.detail span{display: block;height: 29px;width:29px;background:url(../images/icon.png);background-position: -3px -705px;
margin: auto;}
.no-space-column.form-group .form-inner.half input.border-left-radius
{border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: 0;}
.no-space-column.form-group .form-inner.half input.border-right-radius
{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.form-inner .input-group.checkbox.rtl .checkbox-label p{font-size: 12px;}
.table-bottom-scroll{position: relative;}
.extra-table th,.extra-table td{padding: 8px 5px;vertical-align: middle;font-size: 12px;}
.extra-table td{background: #fff;color: #666;}
.extra-table .remove{position: relative;}
.extra-table .remove span{position: absolute;height:20px;width:18px;
border:1px solid #e3e3db;padding-top: 4px;text-align: center;
height: 100%;top: 0;left: -35px;background: #fff;width: 34px;
border-bottom: 0;border-top: 0;height: 101%;}
.extra-table .remove span::before {content: '✖';font-size: 11px;margin: auto;display: block;height: 20px;
width: 18px;border: 1px solid #e3e3db;padding-top: 3px;border-radius: 3px;
background: linear-gradient(to bottom, #fefefe, #f3f3f3);margin-top: 14px;}
.table-wrap{padding: 10px;background: #e3e3db;padding-left: 15px;width: 100%;
float: left;}
.table-outer{padding: 22px;background: #fff;width: 100%;
float: left;}
.table-tab{clear: both;display: inline-block;width: 220px;padding: 5px 0;text-align: center;
font-size: 12px;background: #e3e3db;border-radius: 8px 8px 0 0;}
.order-slip{padding: 7px 0;background: #fff;margin-top: 3px;width: 100%;float: left;}
.order-slip button{line-height: 33px;width: 148px;background:#e4e4db;border:1px solid #b3b3b3;text-align: center;
font-size: 12px;border-radius: 5px;margin: 0 10px;}
.order-slip button.slip::before{content: "";height: 24px;width: 24px;background: url(../images/icon.png);
background-position: -65px -708px;display: inline-block;vertical-align: middle;margin-right: 3px;}
.order-slip button:last-child{float: right;}
.content-box{border:0;}
.new button.primery,.new button.secondary{width: 98px;text-align: center;padding: 0;height: auto;min-height: 0;
line-height: 33px;font-size: 12px;border-radius: 4px;border: 1px solid #b3b3b3;}
.first-column-wrap{border:0;}
.model.wrapper  .table thead th{font-size: 12px;}

.model.wrapper button.primery{max-height: 30px;line-height: 13px;color: #666;font-weight: 300;margin-left: 10px;font-size: 13px;
min-width: 98px;text-align: center;padding: 0;height: auto;min-height: 0;line-height: 28px;font-size: 13px;min-height: 31px;
border-radius: 4px;border: 1px solid #b3b3b3;margin-top: 2px;}
.model.wrapper button.primery:hover{color: #fff;}
.table-outer > .model-opnner{float: right}
.width-auto{width: auto;}
.new button.create-purchase-slip{width: auto;padding:0 20px;background: #e4e4da;font-weight: 300;}
.new button.create-purchase-slip:hover{background: #000;}
.sticky-row,.sticky-row td,.sticky-row th{position: relative;z-index: 1;}
.sticky-row{z-index: 2;position: relative;}
.justified-end{justify-content: flex-end;}
.created-date-wrap{width: 91%;float: right;}
.pl-98{padding-left: 107px;}
.form-control{border-color: #ccc;}
.form-group.supplier-wrap .form-inner.half{width: auto;}
.max-420{max-height: /*420px*/50.6vh;overflow: auto;}
.search-td{border-color: #e3e4dc !important;width: 20px;}
.search-td button.icon-search{background-color: transparent;}
.table-wrap > .banner-table{padding-left: 34px;background:transparent;}
.dis-flex{display: flex;}
.prod-detail{text-align: center;width: 100%;border-bottom:1px solid #dedede;}
.prod-detail p {color: #666;font-size: 12px;padding-bottom: 5px;}
button.icon .icon.search.red{background-position: -171px -704px;}
.list-radio{float: left;width: auto;margin-top:10px;}
.list-radio li{display: inline-flex;padding-left: 20px;}
#inner-tab1-2 #createJan{padding: 0 10px;
background: transparent;border: 1px solid #ccc;line-height: 16px;height: auto;}
#inner-tab1-2 #createJan:hover{color: #666;}
#inner-tab1-2 .top-form{margin-top: 20px;}
#inner-tab1-2 .top-form > .row{justify-content: left;}
#inner-tab1-2 .top-form > .row .col-5 .label{white-space: normal;width: 420px;}
body td.remove > span.empty-val{text-align: center;margin-left: 5px;font-size: 0;padding: 0;}
body td.remove > span.empty-val::before{content: '✖';font-size: 11px;margin: auto;display: block;height: 20px;width: 18px;border: 1px solid #e3e3db;border-radius: 3px;background: linear-gradient(to bottom, #fefefe, #f3f3f3);color: #888;}
table tr > td.search > span {display: block;height: 25px;width: 25px;background-image: url(../images/icon.png);
background-position: -21px -428px;position: absolute;right: 0;top: -4px;transform: scale(0.8);}
table.product input.max-30-width{max-width: calc(100% - 36px);}
.no-wrap-text{white-space: nowrap;}
th.add-button .add{background: transparent;border: 1px solid #ccc;margin: 5px;line-height: normal;height: auto;}
.pr-10{padding-right: 10px;}
.remove-btn span{text-align: center;display: inline-block;height: 20px;border: 1px solid #ccc;
background: #fff;width: 17px;border-radius: 3px;background: linear-gradient(rgb(254, 254, 254), rgb(243, 243, 243));}
.ui-tabs-panel table input[type="file"]{width: 45px;height: 42px;display: inline-block;padding: 0;border:0;
background-image:url(../images/icon.png);background-position: -210px -517px;text-indent: -99px;font-size: 0;
cursor: pointer;vertical-align: middle;}
.product-list tbody td > div{display: inline-block;}
.model-inner .form-inner .label {display: inline-block;padding-left: 10px;padding-top: 6px;}
.model-inner .form-inner input{border:1px solid #ccc !important;}
.popup-short{max-width: 555px;margin: auto;}
.model-content th,.model-content td{font-size:12px;font-weight: 400;background-clip: padding-box;}
.icon.add .icon{border:0;}
.ui-datepicker-calendar{table-layout: unset !important;}
.model-content > .close{border-radius: 50%;background: #000;margin: 5px;opacity: 1;}
.model-content > .close:hover{background: #000;}
body#inner_page .model-content td input[type="checkbox"]{height: auto;width: auto;margin: auto;position: relative;
width: auto !important;    height: auto !important;}
body#inner_page .model-content table > tbody > tr > td,
body#inner_page .model-content table > thead > tr > th{padding: 10px;}
html body#inner_page .model-content table > thead > tr > th{line-height: 13px !important;text-decoration: none;font-size: 12px !important;}
.model.wrapper .table thead th{border: 0;border-right: 1px solid #ccc;}
.table-bordered thead th {border-bottom-width: 1px;background-clip: padding-box;}
.model .model-content{left: 0;}
th{font-weight: 300;}
.form-inner select{font-size: 13px;border-color: #ccc;}
.multiple-tab .tabs-ui .nav a, .multiple-tab .tabs-nav a,
.multiple-tab.tabs-ui .nav a{background: #f5f5f5;box-shadow: none;color: #1297e1;font-weight: 300;}
.tabs-ui .nav .ui-tabs-active a {background: transparent;color: #666;}
div button.gray{background:linear-gradient(to bottom, #fcfcfc, #e8e8e8);color: #666;font-weight: 300;font-size: 14px;
border:1px solid #b3b3b3;box-shadow: none !important;height: 35px;line-height: normal;}
div button.gray:hover{color: #666;}
table small{font-size: 9px;}
#inner_page table.table-bordered.dataTable th{font-weight: 300;text-decoration: underline;line-height: normal;}
.main-content span{line-height: normal;}
.main-content .content-box span{line-height:29px;}
#inner_page table.dataTable tbody td {padding: 6px 10px;}
table.dataTable thead th {border-bottom: 1px solid #ccc;border-top:0px solid #ccc;}
.custom-pagination .page-item.disabled .page-link,
.custom-pagination .page-item:first-child .page-link{transform: rotate(-180deg);}
.previous .page-link,.next .page-link,.custom-pagination .page-item.disabled .page-link,
.custom-pagination .page-item:last-child .page-link,
.custom-pagination .page-item:first-child .page-link
{height: 38px;width: 40px;background-image:url(../images/icon.png);
background-position:-265px -696px;font-size: 0;padding: 0;background-color: transparent;border-radius: 0;
border: 1px solid #ccc;}
div .page-link{border-radius:0;}
.previous .page-link:hover,.next .page-link:hover,
.custom-pagination .page-item.disabled .page-link:hover,
.custom-pagination .page-item:last-child .page-link:hover,
.custom-pagination .page-item:first-child .page-link:hover{background-position:-265px -734px;}
.custom-pagination .page-item.disabled .page-link:hover,
.custom-pagination .page-item:last-child .page-link:hover,
.custom-pagination .page-item:first-child .page-link:hover{background-color: #000;}
.custom-pagination .page-item.disabled .page-link{background-image: none;font-size: 31px;text-align: center;line-height: 23px;}
.previous .page-link{transform: rotate(180deg);}
.custom-pagination .page-item.disabled:first-child .page-link {
    background-image: url(../images/icon.png);background-position: -266px -696px;font-size: 0;}
.custom-pagination .page-item.disabled:last-child .page-link {background-image: url(../images/icon.png);
    background-position: -265px -696px;font-size: 0;transform: rotate(0deg);}


#inner_page table > tbody > tr > td .btn-info,
#inner_page table > tbody > tr > td:last-child form input[type="submit"]
{background: url(../images/icon.png);height: 26px;width: 26px;font-size: 0;border: 0;}
#inner_page table > tbody > tr > td .btn-info{background-position:-5px -708px;}
#inner_page table > tbody > tr > td:last-child form input[type="submit"]
{background-position:-219px -424px;padding: 0;}
body input[type="number"]{-webkit-appearance: textfield;}
.table tbody+tbody{border-top: 0;}
table.dataTable thead .sorting::before,table.dataTable thead .sorting::after,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_desc::after{opacity:0}
.dataTables_wrapper .dataTables_info{font-size: 13px;}
.listing-page .card .form-group{float: left;width: 50%;padding: 0 10px;}
.listing-page .card .form-group.large-group,.listing-page .card .form-group:last-child{width: 100%}
.listing-page .card form{display: flex;flex-wrap: wrap;}
.listing-page .card form label{line-height: normal;padding-bottom: 5px;}
.listing-page .card form .select2-container--default .select2-selection--single{min-height: 33px;}
.table-hover tbody tr:hover {background-color: #f6f6f6;}
input.form-control,select.form-control,textarea.form-control{font-size: 14px;}
input.form-control:focus,textarea.form-control:focus,select.form-control:focus,
.btn-info.focus, .btn-info:focus{box-shadow: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #666;font-size: 13px;}
label,form input,form select{font-size: 13px;color: #666;}
.listing-page .card form .form-check{min-height:59px;padding-top: 30px;}
table.dataTable thead .sorting_asc::before,table.dataTable thead .sorting_asc::after{opacity: 0;}
div.tagsinput{width: 100% !important;}
.listing-page .card form .dropzone{line-height: 30px;border-radius: 2px;min-height: 30px;max-width: 100%;}
.listing-page .card form .dz-message{padding-left: 10px;float: left;}
.listing-page .card form .dropzone .dz-preview .dz-image{float: left;}
body .remove-btn-bg{background-position:-6px -750px;font-size: 0;width: 22px;height: 25px;background-color: transparent;
	display: block;background-image: url(../images/icon.png);position: relative;padding: 0;}
.align-start{align-items: start;}
.status-button{height: 24px;width:24px;background-image: url(../images/icon.png);
	background-position:-49px -749px;}
body .custom-delete{height:34px;width: 34px;background-image: url(../images/icon.png);
background-position:3px -743px;font-size: 0;padding: 0;background-color: transparent;}
body .custom-delete:hover{background-color: transparent;}
.sidebar .image-uploader .uploaded .uploaded-image{width: 100%;height: auto;padding-bottom: 0;margin: 0;display: none;
position: absolute;top: 0;height: 100%;align-items: center;background-color: transparent;}
.sidebar .image-uploader .uploaded .uploaded-image:first-child{display: flex;}
/*.sidebar .image-uploader .uploaded .uploaded-image img{top: 0;}*/
.sidebar .image-uploader .uploaded{padding: 0;position: absolute;width: 100%;height: 100%;}
.products-create .slider-tab .tabs-nav .tab-active a{background: #640e2f;}
.input-images{background: #fff;overflow: hidden;width: 100%;}
.image-uploader .uploaded .uploaded-image .delete-image{background-color: transparent !important;
background-image: url(../images/icon.png);background-repeat: no-repeat;background-position:0 -747px;}
.sidebar .image-uploader .uploaded .uploaded-image .delete-image i{font-size: 0;}
.sidebar .image-uploader{min-height: 210px;border: 0;}
.slider-tab .tab-content > div{width: 100%;}
.gray:hover{border-color: #b3b3b3;}
.custom-pagination{width: 100%;clear: both;margin: auto;max-width: 1360px;}
.custom-pagination .page-item.active .page-link {color: #666;background-color: #e9ebfa;}
.custom-pagination .page-item .page-link,div .page-link{border-radius: 0;line-height: 1.25;padding:.5rem .75rem;line-height: 35px;padding-top: 0;height: 38px;}
.custom-pagination .pagination{float: right;}
.next-pre-wrap{text-align: center;justify-content: center;padding-bottom: 8px;display: flex;}
.next-pre-wrap .btn{display:inline-block;background:linear-gradient(to bottom, #fefefe, #f3f3f3);border:1px solid #dedede;
margin:0 2px;border-radius: 3px;font-size: 0;padding: 0;min-height: 36px;min-width: 62px;}
.next-pre-wrap .btn::after{background-image: url(../images/icon.png);background-position:-104px -752px;height:16px;width:10px;
content: "";transform: scale(1);margin-top: 8px;}
.next-pre-wrap .btn.goToPrev::after{transform: rotate(-180deg);margin-top: 10px;}
.icon.add.custom{background: #f9f9f9;color: #666;width: auto;padding: 0 20px;height: 37px;padding-top: 4px;border: 0;border: 1px solid #ccc;
margin-bottom: 10px;}
.icon.add.custom:active{background: #f9f9f9;color: #666;}
.select2-results__option {padding-left: 10px;}
.full a[href*="create"]{display: flex;}
.topSection{padding: 10px 0;padding-left: 9%;}
.max.full .btn-warning{padding: 0px 40px;border: none;background: #f4f4f4;font-size: 13px;transition: all .15s linear;font-weight: 600;border-radius: 5px;display: inline-block;height: 44px;line-height: 44px;}
.max.full .btn-warning:hover{background-color: #000;color: #fff;}
.full a:hover{text-decoration: none;}
.max.full .primery.left.plus::before{height: 33px !important;}

/*---------------------*/
.divtable{display: table;border-collapse: collapse;width: 100%;}
.colgroup{display: table-column-group;}
.col{display: table-column;}
.divrow{display: table-row;}
.divcolumn{display: table-cell;border:1px solid #ccc;}
.fixed-cost{max-width: 1160px;padding:0;}
#inner_page .fixed-cost table tr > td{display: table-cell !important;position: relative;text-align: left;padding: 5px;height: 24px;}
#inner_page .fixed-cost table tr > th{text-align: left;padding: 5px;}
.fixed-cost .custom-delete{position: absolute;right: -34px;top: -8px;}
.fixed-cost table{table-layout: fixed;}
.fixed-cost table input,.fixed-cost table select{position: absolute;left: 0;width: 100%;top:0;height: 100%;border:0;
border-radius: 0;}
.fixed-cost .icon-search{position: absolute;right: 0;top: 0;height: 100%;border-left: 1px solid #ccc;
background-position:-131px -750px;}
.fixed-cost .back-line table{width: 88%;}
.fixed-cost .back-line table tr > td{background: #ffff;background-clip: padding-box;}
.fixed-cost .back-line{background-image: url(../images/back-line.png);background-repeat: repeat;background-position: top left;min-height: 500px;
overflow-y: scroll;border: 1px solid #ccc;
border-top: 0;border-right: 0;}
.fixed-cost .total_fixed_costs{width: 230px;}
.fixed-cost .second-sec{padding-left: 25px;}
#inner_page .fixed-cost .back-line table tr > th{text-align: center;}
.stiching-sheets{width: 900px;}
.stiching-sheets table{table-layout: fixed;}

.stiching-sheets .product-list td{display: table-cell !important;border:1px solid #999;box-shadow: 0 0 1.1px #ccc;padding: 5px 3px;
text-align: left;position: relative;}
.stiching-sheets .product-list tr{border:0;}
button.icon-search.absolute{position: absolute;bottom: 0;right: 0;z-index: 9;}
.stiching-sheets button.gray{margin: 7px 11px;min-width: 150px;border-radius: 5px;}
.stiching-sheets button.gray.bgtrans{background:transparent;}
.stiching-sheets button.gray.active{border-width:2px;}
.stiching-sheets button.gray:first-child{margin-left: 0;}
.stiching-sheets button.gray:last-child{margin-right: 0;}
.input-overlay td{position: relative;}
.input-overlay input{position: absolute;left: 0;top: 0;height: 100%;width: 100%;border:0;}
button:focus {outline: 0;}
.image-uploader .uploaded .uploaded-image .delete-image i{font-size: 0 !important;}
td input[type="checkbox"]:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus{box-shadow: none !important;outline:0;}
.checkbox_td{width: 33px;}

.custom-drag-image div[id*="slide-img"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;}
.custom-drag-image .image-uploader {min-height: 100%;border: 0;}
.custom-drag-image.custom > div[class*="-images"]{position: absolute;left: 0;width: 100%;height: 100%;top: 0;padding: 0;
border:0;}
.custom-drag-image .input-images {width: 100%;height: 100%;}
.custom-drag-image .image-uploader .uploaded{padding: 0;position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.custom-drag-image .image-uploader .uploaded .uploaded-image{height: 100%;position: relative;margin: 0;background: transparent;cursor: default;z-index: 9;width: 100%;
display: flex;align-items:center;}
body .image-uploader .uploaded .uploaded-image img{height: auto;object-fit: unset;top:50% !important;
max-height: 100%;width: auto;margin: auto;max-width: 100%;left: 50% !important;
transform: translate(-50%, -50%);position: absolute !important;}
button.primery,button.secondary{font-weight: 300;}

.file-type i.fas{display: block;width: 20px;height: 20px;background-image:url("../images/icon.png");background-repeat: no-repeat;margin: auto;}
.file-type i.fa-file-word {background-position:-216px -752px;}
.file-type i.fa-file-image{background-position: -177px -752px;}
.file-type i.fa-file-excel{background-position: -217px -775px;}
.file-type i.fa-file-csv{background-position: -277px -774px;}
.file-type i.fa-file-pdf{background-position: -246px -774px;}
.file-type i.fa-file-audio{background-position: -177px -772px;}
.file-type i.fa-file-video{background-position: -147px -775px;}
.file-type i.fa-file-archive{background-position: -116px -775px;}
.file-type i.fa-file-alt{background-position: -92px -775px;}
.custom-checbox-wrapper{text-align: center;}
.custom-checbox-wrapper label {display: inline-block !important;float: none;}
#csvImportModal label[for="csv_file"]{width: 100%;flex: auto;max-width: unset;padding-bottom: 6px;}
#csvImportModal label[for="csv_file"] + .col-md-6{max-width: unset;width: 100%;flex: auto;}
#csvImportModal #csv_file{height: auto;padding: 0;}
.img-magnifier-glass{opacity: 0;visibility: hidden;background-color: #fff;width: 150px;height: 150px;
position: absolute;border: 3px solid #000;border-radius: 50%;cursor: none;}
.uploaded-image:hover .img-magnifier-glass{opacity: 1;visibility: visible;z-index: 2;}
.img-magnifier-container{position:relative;}
.image-uploader .uploaded .uploaded-image .delete-image{z-index: 9;}
/*td [id*="slide-img"] img{object-fit: cover;}*/
.sample-planning-sheet-register{position: relative;z-index: 9;}
.shop-user-home > .grid-flex{float: left;width: 40%;}
.shop-user-home .new.area{float: right;width: 60%;padding-top: 0;}
.shop-user-name{font-weight: 300;font-size: 18px;}
.shop-user-name label{font-size: 18px;color: #000;font-weight: 300;padding-right: 15px;}
#main-menu .shop-user-home a::before{display: none;}
#main_admin_panel .shop-user-home a{height: 50px;width: 100%;border:1px solid #b3b3b3;border-radius: 6px;
display: flex;align-items: center;padding-left: 15px;color: #000;}
.footer-buttons a:hover{text-decoration: none;}
.stiching-sheets td{display: table-cell !important;position: relative;box-shadow: 0 0 1.5px #888;}
.max .right{width: auto;}
div.dataTables_wrapper div.dataTables_processing{padding: 10px 0;margin-top: 20px;}
html body .ui-datepicker-calendar td,
#inner_page table.ui-datepicker-calendar > tbody > tr > td:last-child,
#inner_page table.ui-datepicker-calendar > tbody > tr > td:first-child,
html body .ui-datepicker-calendar th{display: table-cell !important;}
{border: 0;}
.icon-list li::before{content: "";height: 17px;width: 17px;background-image: url(../images/icon.png);
background-position: -9px -785px;display: inline-block;vertical-align: middle;}
.model-opnner.absolute{position: absolute;right: 0;top:0;height: 30px;}
.model .model-content .banner-table.bottom{max-height:47vh;overflow: auto;}
.model.wrapper .table th.pop-width-41{width: 41px;padding: 0;}
#image-holder .input-group.relative > .image-uploader{width: 100%;}
.os-mac .table-right .single-table{padding-right: 10px;}
.os-mac .table-detailed {padding-right: 20px;}
.banner-table table td .delete_custom{background: url(../images/icon.png);
height: 26px;width: 26px;font-size: 0;border: 0;padding: 0;background-position: -219px -424px;cursor: pointer;}
#inner_page .model-inner.container {max-width: 1200px;}
.model-inner .form-inner input[type="range"]{height: 10px;background: #ccc;border: 0 !important;    -webkit-appearance: none;}
input[type="range"]::-moz-range-thumb {width:25px;height: 25px;background: #000;cursor: pointer;border-radius: 50%;border: 0;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;width:25px;height: 25px;background: #000;cursor: pointer;border-radius: 50%;border: 0;}
.page_count{padding: 10px;}
.remove-btn span,
body td.remove > span.empty-val.round::before
{background-position:-32px -784px;background-image: url(../images/icon.png);
font-size: 0;border: 0;width: 21px;cursor: pointer;}
body .custom-delete,body td.remove > span.empty-val::before
{background-position:-26px -781px;cursor: pointer;font-size: 0;background-image: url(../images/icon.png);}
body td.remove > span.empty-val::before{background-position: -32px -784px;width: 23px;border:0;}
a,button,.model-opnner,.ibtnDel{cursor: pointer;}
#inner_page table > tbody > tr > td.hideGrp:last-child{display: none !important;}
.max.full .list .primery.left.plus::before{background-position:-59px -644px !important;background: url(../images/icon.png);transform: scale(.8);}
.max.full .list .primery.left.plus{height: 40px;line-height: normal;}
.full a.list{right: 100px;}
.ui-tabs-panel table .down-up input[type="file"]{background-position:0 -816px;width: 32px;height: 34px;display: inline-block;}
.ui-tabs-panel table .down-up .icon.import .icon{background-position: -38px -820px;
transform: none;height: 30px;width: 29px;}
.ui-tabs-panel table .down-up a::before {display: none;}
.ui-tabs-panel table .down-up button{height: auto;width: auto;}
.ui-tabs-panel table .download{display: inline-block;padding: 0;width: auto;height: auto;position: relative;
bottom: -3px;margin-left:10px;}
table .single-images-wrap{padding: 0;position: relative;overflow: hidden;background-clip: padding-box;}
table .single-images-wrap > div{width: auto;max-width: 100%;padding: 0 !important;
position: absolute;left: 0;width: 100%;height: 100%;top: 0;}
table .single-images-wrap > img{position: absolute;max-height: 100%;width: auto;top: 0;left: 0;max-width: 100%; }
table .single-images-wrap > div img{width: auto;max-width: 100%;max-height:100%;}
html.safari table{empty-cells: show;}
html.safari body .scrollable-table .table-right tr > td,
html.safari body .scrollable-table .table-detailed tr > td{height: auto !important;}
html.safari #inner_page .table-estimated .banner-table{padding-top: .75px;}
.wrap-overlay{position: fixed;;top:calc(50% - 25%);left: calc(50% - 25%);z-index: 99;width: 50%;filter: blur(0px);
animation:overlay .5s linear;transition: .4s linear;}
.wrap-overlay::after{content: "";position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;opacity: .6;
transform: scale(22);background:#000;}
.custom-table .first-column-wrap .custom-delete{display: none;position: absolute;right: -31px;top: 0;z-index: 9;}
.custom-table .first-column-wrap.wrap-overlay .custom-delete{display:block;}
.custom-table .first-column-wrap.wrap-overlay td{padding-top: 12px;padding-bottom: 12px;font-size: 14px;}
.custom-table .first-column-wrap.wrap-overlay td input {font-size: 14px;}
.wrap-overlay table{background: #fff;}
.single_image_wrap{position: relative;overflow: hidden;}
.single_image_wrap img{position: absolute;left: 50%;top: 50%;max-height: 100%;width: auto;max-width: 100%;transform: translate(-50%,-50%);}
.icon.delete.custom{margin-left: 10px;}
/*input[type="checkbox"].status_active+label,input[type="checkbox"].status_deactive+label{
background-image: url(../images/icon.png);background-position:0px -864px;font-size: 0;
background-color: transparent !important;width: 41px;height: 53px;margin: auto;border-radius: 0;}*/

input[type="checkbox"].status_active+label {background: url(/images/svg/toggle.svg);background-size: contain;background-position: center center !important;background-repeat: no-repeat;width: 30px !important;height: 30px !important;cursor: pointer;transform: scale(1.3);font-size: 0px;}
input[type="checkbox"].status_deactive+label{background: url(/images/svg/toggle_off.svg);background-size: contain;background-position: 0px 6px !important;background-repeat: no-repeat;width: 30px !important;height: 30px !important;cursor: pointer;transform: scale(1.3);font-size: 0px;}
input[type="checkbox"].status_active+label{height: 44px;}
input[type="checkbox"].status_active+label::before,
input[type="checkbox"].status_deactive+label::before{opacity: 0;}
input[type="checkbox"].status_deactive+label{background-position:-50px -863px;margin: auto;}

#inner_page table.dataTable tbody td input[type="checkbox"].status_active + label, 
#inner_page table.dataTable tbody td input[type="checkbox"].status_deactive + label
{height: 23px;width: 23px;background-position:-169px -816px;}
#inner_page table.dataTable tbody td input[type="checkbox"].status_deactive + label{
    background-position: -213px -816px;height: 33px;
}

.custom-upload-drag > div,.custom-upload-drag{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.custom-upload-drag .image-uploader{height: 100%;min-height: 0;border: 0;}
.custom-upload-drag .image-uploader .uploaded{padding: 0;}
.custom-upload-drag .image-uploader .uploaded .uploaded-image{width: 100%;padding-bottom: 0;height: 100%;
position: absolute;margin: 0;left: 0;top: 0;}
.submit-wrap-material{margin-top: 190px;}
.submit-wrap-material .btn{width: 100%;padding: 0 8px;margin: 5px 0;}
.model-content .form-footer .button-group .buttton.grid-flex{justify-content: flex-start;margin-left: 10px;}
 #inner_page .model-content table > tbody > tr > td:nth-child(2){display: table-cell;}
.list-right-icon{background-color: transparent;border:1px solid #ccc;background-image: url(../images/icon.png);
background-position:-183px 0;width: 59px;height: 50px;position: absolute;right: -66px;transform:scale(.6);}
.form-group label {width: 100%;}

/*-----for-smartphone-------*/
.for-smartphone .container{max-width: 600px;padding: 0 15px;}
.for-smartphone main li a{display: flex;}
.for-smartphone .l-sec{width: 90%;}
.for-smartphone .r-sec{width: 10%;display: flex;flex-wrap: wrap;align-items: flex-end;}
.for-smartphone .l-sec img{width:60px;height: auto;float: left;}
.for-smartphone .sec{float: left;width: calc(100% - 60px);padding-left: 10px;padding-right: 10px;}
.for-smartphone .r-sec span,.for-smartphone .r-sec strong{font-size: 27px;font-weight: 800;color: #757575;display: block;text-align: center;
width: 100%;}
.for-smartphone .r-sec span{font-size: 12px;}
.for-smartphone .sec{line-height: 25px;}
.for-smartphone .app-header,.for-smartphone #languages{display: none;}
.for-smartphone main ul li{padding: 10px 0;}
.for-smartphone header ul li{display: flex;align-items:center;}
.for-smartphone header{padding-bottom: 20px;}
.log-out-custom{float: right;padding-bottom: 20px;width: 100%;
text-align: right;padding-top: 20px;}
.header-wrapper{width: 100%;}
.mobile-footer{width: 100%;float: left;background-color:#000;padding: 10px;}
.mobile-footer .list{float: left;}
.mobile-footer .grid{float: right;}
.type-grid{width: 30px;float: left;}
.type-grid .dot{width: calc(30% - 2px);float: left;margin-top: 5px;margin-right: 2px;height: 3px;background: #fff;}
.type-grid .bar{width: 70%;float: left;height: 3px;background-color: #fff;margin-top: 5px;}
.mobile-footer .clear{width: 100%;float: left;}

.type-grid.type-list .dot{margin-top: 3px;height: 5px;width:calc(50% - 2px);}
.type-grid.type-list .bar{margin-top: 3px;height: 5px;width:50%;}
.sp-create input[name="image"]{min-height: 210px;min-width: 100px;background:url(../images/camera-icon.jpg) center center no-repeat;
border:0;margin: auto;display: block;}
.sp-create{padding-top: 80px !important;}
.for-smartphone #inner_page_header ul{}
.create-header{padding:0 10px;}
.pagi-left::before,.pagi-right::before,.create-header .back a::before,
.create-pop ul li span::after{height: 10px;width: 10px;transform: rotate(-45deg);border-right: 1px solid #444;border-bottom: 1px solid #444;
content: "";display: inline-block;}
.create-header .back a::before,.pagi-left::before{transform: rotate(136deg);}
.create-header .back a::before{margin-top: 4px;}

.date-wrap span,.date-wrap strong{color:#0079a5;}
.date-wrap span{margin-right: 20px;margin-left: 2px;}
.date-wrap strong{font-size: 42px;font-weight: 800;}
.date-wrap{margin-top: 50px;margin-left: 20px;display: flex;align-items: top;}
.pagi-left,.pagi-right{margin: 0 20px;cursor: pointer;}
.create-footer{display: flex;justify-content: center;}
.create-footer .bar,.create-footer .dot{background-color:#0079a5;}
.create-footer button.icon-search{background:transparent;}
.create-pop ul{width: 100%;}
.create-pop ul li span{line-height: 21px;color:#0091dd;display:block;cursor: pointer;}
.create-pop ul li span::after{float: right;margin-top:6px;border-color:#0091dd;}
.create-pop ul li span::before{content: "";height: 24px;width: 24px;display:inline-block;vertical-align: middle;background: url(../images/icon.png);}
.create-pop ul li.product span::before{background-position:-319px -16px;}
.create-pop ul li.user span::before{background-position:-319px -65px;}
.create-pop ul li.dots-3 span::before{background-position:-319px -117px;}
.create-pop ul li.search-icon span::before{background-position:-319px -168px;}
.create-pop ul li.calendar span::before{background-position:-319px -218px;}
.create-pop ul li.card-icon span::before{background-position:-319px -267px;}
.for-smartphone .memo-div textarea{width: 100%;min-height: 100px;border-radius: 0;border:1px solid #fafafa;-webkit-appearance: textfield;
resize: none;}
.for-smartphone .memo-div textarea:focus{box-shadow: 0 0 2px #4790d7;}
.for-smartphone .smart_phone_create .l-sec img{display: block;margin: 5px auto;float: none;width: 52%;}
#main_admin_panel .create-pop a{left: 7px;right: auto;padding: 0;height: auto;width: auto;
    line-height: normal;background: transparent;color: #999 !important;font-size: 13px;}
#main_admin_panel .create-pop.model .model-content{padding-top: 40px;}
.loader-wrap{width: 100%;height: 100%;top:0;left: 0;position: fixed;z-index: 99999;background: rgba(0,0,0,.5);display: none;}
.loader-wrap .loader{position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.full .primery.left{line-height: 42px !important;}
input.btn.btn-xs.btn-danger,body input[type=button] {background-color: transparent !important;}
body select[disabled],body textarea[disabled] {background-color: #f5f5f5 !important;}
span.select2-selection.select2-selection--single {background-color: lightyellow !important;}
button:focus,input:focus,select:focus{outline: 0px auto -webkit-focus-ring-color;}
.dz-image img{vertical-align: middle;height: auto;object-fit: unset;top: 50% !important;max-height: 100%;width: auto;margin: auto;max-width: 100%;left: 50% !important;transform: translate(-50%, -50%);position: absolute;padding:1px !important;}
.slider-tab .tabs-stage .tab-content .form-group-images{padding: 5px;position: relative;}
body select{background-color: none !important;}
.alert.alert-danger {position: fixed;z-index: 999;left: 37%;right: 50%;width: 30%;}
.font-8{font-size: 8px !important;font-weight: 500 !important;}
.font-11{font-size: 11px !important;}
.font-9{font-size: 9px !important;}
.font-10{font-size: 10px !important;color: #666666 !important;}
.font-14{font-size: 14px !important;color: #000000 !important;font-weight: bold !important;}
.font-12{font-size: 12px !important;color: #000000 !important;}
.font-18{font-size: 18px !important;color: #666666 !important;}
input:focus, select:focus {outline: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;line-height: normal;}
.loader{position: fixed;top: 0;left: 0;width: 100%;z-index: 999999;height: 100%;padding: 50px 0;display: block;overflow: auto;background-color: #fff;}
.gooey {position: absolute;top: 50%;left: 50%;width: 142px;height: 40px;margin: -20px 0 0 -71px;background: #fff;}
.gooey .dot {position: absolute;width: 16px;height: 16px;top: 12px;left: 15px;filter: blur(4px);background: #000;border-radius: 50%;transform: translateX(0);animation: dot 2.8s infinite;}
.gooey .dots {transform: translateX(0);margin-top: 12px;margin-left: 31px;animation: dots 2.8s infinite;}
.gooey .dots span {display: block;float: left;width: 16px;height: 16px;margin-left: 16px;filter: blur(4px);background: #000;border-radius: 50%;}

.apexcharts-menu-item{white-space: nowrap;}
body.listing-page .stitching-checking-sheet table td.bg-gray{background-color: #F1F3F4 !important;}
body.listing-page .instruction-sheet table td.bg-gray{background-color: #F1F3F4 !important;}
body.listing-page .stitching-checking-sheet table td.bg-gray input{background-color: #F1F3F4 !important;}
body.listing-page .instruction-sheet table td.bg-gray input{background-color: #F1F3F4 !important;}

.add-popup .advertisement_banner_first img{max-height: 100%;max-width: 100%;}
.close{font-size: 0px !important;background: url(/images/new-svg/Icon_ionic-ios-close-circle.png) !important;display: block;background-repeat: no-repeat !important;transform: scale(0.4) !important;background-position: center center !important;position: absolute !important;right: -10px !important;height: 84px !important;width: 85px !important;top: -20px !important;z-index: 9999;}



/*--------------------------------------- Time picker css   ------------------------------------------------------*/

.bootstrap-datetimepicker-widget.dropdown-menu{max-height: none;overflow: visible;overflow-x: visible;background-color: #fff !important;border-radius: 4px !important;}
.bootstrap-datetimepicker-widget.dropdown-menu tr,.bootstrap-datetimepicker-widget.dropdown-menu table{border: none;}
.bootstrap-datetimepicker-widget.dropdown-menu td {padding: 0;border: none;vertical-align: middle;}
.bootstrap-datetimepicker-widget.dropdown-menu ul.list-unstyled li:hover{background-color: transparent;color: #000;border-radius: 0;}
.bootstrap-datetimepicker-widget.dropdown-menu ul.list-unstyled li {padding: 0;margin: 0;}
.bootstrap-datetimepicker-widget.dropdown-menu td button.btn-primary {display: block !important;color: #fff;background-color: #337ab7;border-color: #2e6da4;margin: auto;}
.bootstrap-datetimepicker-widget table td span{position: relative;}
.glyphicon-chevron-up::before {content: "";background: url(/images/new-svg/right-are.svg);background-position: right center;padding: 0;border: 0;position: absolute;top: 55%;left: 28%;transform: rotate(270deg) scale(3);display: inline-block;height: 25px;width: 25px;background-repeat: no-repeat;}
.glyphicon-chevron-up:hover::before{content: "";background: url(/images/new-svg/right-are-hoverblack.svg);background-position: right center;padding: 0;border: 0;position: absolute;top: 55%;left: 28%;transform: rotate(270deg) scale(3);display: inline-block;height: 25px;width: 25px;background-repeat: no-repeat;}

.glyphicon-chevron-down::before {content: "";background: url(/images/new-svg/right-are.svg);background-position: right center;padding: 0;border: 0;position: absolute;top: 0%;left: 28%;transform: rotate(90deg) scale(3);display: inline-block;height: 25px;width: 25px;background-repeat: no-repeat;}
.glyphicon-chevron-down:hover::before{content: "";background: url(/images/new-svg/right-are-hoverblack.svg);background-position: right center;padding: 0;border: 0;position: absolute;top: 0%;left: 28%;transform: rotate(90deg) scale(3);display: inline-block;height: 25px;width: 25px;background-repeat: no-repeat;}
.bootstrap-datetimepicker-widget table td span:hover {background: transparent !important;}




/*--------------------------------------- Time picker css End  ------------------------------------------------------*/


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s !important;
}

.dz-started{cursor: auto !important;}



table tr.Deactive-tr td {
    color: #ccc !important;
}

.dropzone img {
    padding: 1px !important;
}
table td img {
    padding: 1px !important;
}




@font-face {
    font-family: wash-care-symbol;
    src: url('/fonts/ISOsymbol.ttf');
}

@media (min-height: 900px){
    .max-420 {max-height: 60.6vh;}
}
@media (min-height: 1100px){
    .max-420 {max-height: 70vh;}
}
.os-mac ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  background:#f0f0f0;
}
.os-mac ::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
  width: 15px;background: #cdcdcd;
}
/*@media only screen and (min-width: 0px) and (max-width:1080px){
    input, select, textarea {outline: none  !important;-webkit-appearance: none  !important;-moz-appearance: none !important;appearance: none !important;}
    input:focus, select:focus {outline: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}
}*/
@keyframes overlay{
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}
/*@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}*/

@-moz-keyframes dot {
      50% {
        transform: translateX(96px);
      }
    }
    @-webkit-keyframes dot {
      50% {
        transform: translateX(96px);
      }
    }
    @-o-keyframes dot {
      50% {
        transform: translateX(96px);
      }
    }
    @keyframes dot {
      50% {
        transform: translateX(96px);
      }
    }
    @-moz-keyframes dots {
      50% {
        transform: translateX(-31px);
      }
    }
    @-webkit-keyframes dots {
      50% {
        transform: translateX(-31px);
      }
    }
    @-o-keyframes dots {
      50% {
        transform: translateX(-31px);
      }
    }
    @keyframes dots {
      50% {
        transform: translateX(-31px);
      }
    }

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media  {
        select{-moz-appearance: none !important;-webkit-appearance: none !important;appearance: none !important;}
    }
}
@media not all and (min-resolution:.001dpcm) {
    @media {
        select{-moz-appearance: none !important;-webkit-appearance: none !important;appearance: none !important;}
    }
}
_::-webkit-full-page-media, _:future, :root .safari_only {
    select{-moz-appearance: none !important;-webkit-appearance: none !important;appearance: none !important;}
}



input[readonly],select:disabled,input:disabled,select[readonly],textarea[readonly],textarea:disabled{background-color: #f5f5f5 !important;}