/*
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
*/
.input-required {
    color: red;
    font-weight: bold;
    font-size: 12px;
}
.input-required:after {
	content: ' *';
}
.logo {
	width: 47px;
	height: 47px;
}
.grecaptcha-badge {
    top: 82% !important;
}
.modal-backdrop {
    background: #ffffff8a;
}
.billing-product-create-screen .modal-backdrop{
	background: black;
}
.billing-product-create-screen .modal:before {
    height: 0;
}

.text-ex-sm {
	font-size: .8em;
}
/*--------------------------- Modal Style -----------------------*/
.make-dragable:active{
    cursor: move;
    webkit-transition: none !important;
    transition: none !important;
}
.modal-dragable:active{
    webkit-transition: none !important;
    transition: none !important;
}
.form-control[readonly] {
    border: 0px;
}


.field-required{
	color: red;
}
.required{
	color: red;
}

/*--------------------------- billing_stock -----------------------*/
.text-stock-normal {
	font-size: 26px;
	color: black;
	font-weight: bold;
}
.text-stock-medium {
	font-size: 26px;
	color: #e4b54b;
	font-weight: bold;
}
.text-stock-critical {
	font-size: 26px;
    color: #ff1800;
    font-weight: bold;
}

/*--------------------------- billing_create -----------------------*/
.input-txt-promo::placeholder {
    color: #f56969;
    font-size: 10px;
    text-align: center;
}
.input-txt-promo {
    background: #fffae7;
    border: 1px #d4d40c solid !important;
    text-align: center;
}
.billing-create-remark {
	color: #736e6e;
}
.total_vat_price {
	text-align: right;
    font-size: 12px;
    color: #27b727;
    font-weight: normal;
    background: #fde8e8;
    width: 80%;
}
.total_profit_price {
	text-align: right;
    font-size: 12px;
    color: #27b727;
    font-weight: normal;
    background: #fafde8;
    width: 80%;
}
.total_sell_price {
    width: 80%;
    text-align: right;
    background: #baffbd;
    font-size: 23px;
    padding-right: 4px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/*--------------------------- billing_search -----------------------*/
@media screen and (max-width: 800px){
	.arrage-top-box { 
		padding-top: 14px;
	}
	.arrage-top-btn {
		margin-top: 10px;
	}
}
.txt-more{
    color: #25b766;
    cursor: pointer;
    background: #f0f9ed;
    padding-left: 2px;
    padding-right: 2px;
}
.txt-less{
    color: #25b766;
    cursor: pointer;
    background: #f0f9ed;
    padding-left: 2px;
    padding-right: 2px;
}
.txt-ellipsis{
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid #000000;
}
.check-all {
    cursor: pointer;
    font-size: 11px;
    color: red;
    font-weight: normal;
}
.text-wait-print, a.text-wait-print:focus, a.text-wait-print:hover {
    color: #313030;
}
.text-complete-payment, a.text-complete-payment:focus, a.text-complete-payment:hover {
    color: #ea9191;
}
.text-wait-pack, a.text-wait-pack:focus, a.text-wait-pack:hover {
    color: #1c00ef;
}
.text-wait-ship, a.text-wait-ship:focus, a.text-wait-ship:hover {
    color: #ff9b00;
}
.modal-title-value {
    font-weight: normal;
    color: #5535ce;
}
.bill {
    text-align: left;
    font-size: 10px;
}
.bill a:hover {
    color: #f98888;
}
.bill a {
    color: #5073f1;
}
.bill-hr {
    margin-top: 4px;
    margin-bottom: 6px;
    border: 0;
    border-top: 1px solid #f3c7c7;
}

/*--------------------------- Modal Customer List for selection -----------------------*/
#customer-list-modal .table-hover > tbody > tr:hover {
    background: #fbecb0;
    cursor: pointer;
}

/*--------------------------- Modal order-detail-box  -----------------------*/
.billing-search-screen .modal-header {
    font-size: 15px;
}
.billing-search-screen .order-detail-box {
    color: white;
    border: 0px solid #20597d;
    padding: 7px;
    background: #5d9ada;
    text-align: left;
    margin-bottom: 10px;
    min-height: 108px;
}
.billing-search-screen .order-detail-box .num-sum {
	color: #ffe30e;
    font-weight: bold;
}
.billing-search-screen .summarize-label{
    color: #213e94;
}
.billing-search-screen .summarize-value{
    color: #213e94;
}
#order-detail .lable-order-detail {
	color: black;
    font-weight: bold;
    text-decoration: underline;
}
SPAN.span-show-value {
    height: 33px;
    background: #fdf9f9;
    border-left: 1px solid #c5cadd !important;
}
/* Mobile Solution */
@media screen and (max-width: 800px){
	.div-parcel-code {
	    margin-top: 12px;
	}
}

/*-------------------------- Product Internal -------------------*/
.ticket_status_book,  .ticket_status_book:hover, .ticket_status_book:focus, .ticket_status_book:active {
    background: #ec9f28;
    border-color: #ec9f28 !important;
    font-size: 13px !important;
    color: white;
}
.ticket_status_lost ,  .ticket_status_lost:hover, .ticket_status_lost:focus, .ticket_status_lost:active {
    /* background: red;
    border-color: red !important; */
    font-size: 13px !important;
    color: red;
    cursor: default;
}
.ticket_status_return,  .ticket_status_return:hover, .ticket_status_return:focus, .ticket_status_return:active {
    /* background: #1cc9a7;
    border-color: #1cc9a7 !important; */
    font-size: 13px !important;
    color: #1cc9a7;
    cursor: default;
}

/*--------------------------- Other Styles -----------------------*/
.cls-content {
    padding: 1vh 15px 15px !important;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default !important;
    opacity: .9 !important;
    background: #f7f2f2;
    border: 1px;
    border-color: #e3e6f0;
}

.tr-hover:hover {
    background-color: #fff8a5 !important;
}

.chosen-container-single .chosen-single {
    border: 1px solid #8a99bf7d !important;
    text-align: center;
}
.chosen-container .chosen-results{
	text-align: left;
}
.chosen-disabled .chosen-single {
    border: 0px !important;
    color: #000000 !important;
    opacity: .7 !important;
    font-weight: 400 !important;
}
.chosen-disabled .chosen-single DIV {
    display: none !important;
}

 .statistic-stock-tab .active a{
    background: #ef9a9a !important;
    color: #fff !important;
    font-weight: bold !important;
}
.text-underline {
	text-decoration: underline;
}
.text-small {
	font-size: 10px;
}

.text-black {
    color: #000;
}

.m-custom-arrow  {
	margin: 7px;
}

.sum-price-select-page {
	padding-top: 4px;
    padding-right: 15px;
}

.form-control {
    border: 1px solid #8a99bf7d;
}

.input-group-addon {
    border: 1px solid #8a99bf7d;
}


.text-17px {
    font-size: 17px;
}

.text-black {
    color: #000;
}

.hide-box {
	display: none;
}

.txt-title-receiver {
	font-size: 20px;
    font-weight: bold;
}

.link-ship {
	color: blue;
}

.logo-admin {
    width: 27px !important;
    height: 27px !important;
    margin-left: 15px;
    margin-top: 14px;
}

.footer-logo {
	width: 37px;
	height: 37px;
}

.dropzone .dz-preview .dz-remove {
	font-size: 12px !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 11px;
    padding: 3px 0;
    background-color: #64646480;
    font-weight: 300;
    z-index: 10;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
}
#product_image_dropzone .dz-message {
    font-size: 24px !important;
}
#payment_image_dropzone .dz-message {
    font-size: 24px !important;
}
.dropzone {
    border-color: #d4d2d2 !important;
    border-style: dashed !important;
    border-radius: 19px !important;
}
.dropzone.dz-drag-hover {
    border-color: #868585 !important;
    border-style: dashed !important;
    border-radius: 19px !important;
}

.notification-cart-blink {
  /* float: right;
  font-size: 10px;
  color: #666;
  background: white;
  padding-left: 10px;
  display: block;
  position: relative;
  background-color: red;*/
  animation: blinker 1s linear infinite; 
  background-color: #78bbe6;
  /* border-color: #14547d !important; */
}
.notification-cart-blink SPAN {
	font-size: 20px;
	color: #f5fb98;
}
@keyframes blinker {
  50% {
    background-color: #1984c9;
    /* border-color: #177bbb !important; */
  }
}

.topcorner {
	z-index: 9999;
}

.input-group-btn .clear-text-search {
	min-height: 33px;
    font-size: 15px
};

.txt-ss {
	font-size: 11px;
}

.product-detail-in-stock .modal-dialog {
	min-width: 59%;
}

.product-price-in-stock .modal-dialog {
	min-width: 25%;
}
.product-price-in-stock .text-semibold {
	font-weight: 100;
	line-height: 23px;
}

.label-table {
    width: 80%;
    min-width: 8ex;
    font-size: 12px;
    max-width: 91px;
    padding: 5px;
    overflow: hidden;
    vertical-align: top;
}

.font-icon-s {
	font-size: 11px !important;
}
.font-icon-m {
	font-size: 22px !important;
}
.font-icon-lg {
	font-size: 26px !important;
}
.font-icon-2lg {
	font-size: 47px !important;
}
.qoute-s {
	font-size: 9px;
}

.qoute-m {
	font-size: 24px;
}

.qoute-l {
	font-size: 29px;
}

.price-m-bold {
	font-weight: bold;
}

 .topcorner{
    position: fixed;
    bottom: 359px;
    right: 0;
    font-size: 14px !important;
  }
  
@media print {
    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible!important;
    }
}

.logo-invoice {
	width: 3%;
}

/* ------------------------------------ ::Menu ------------------------------ */
li.active-link a {
    color: #da3a3a !important;
}


/* ------------------------------------ ::Product Promotion ------------------------------ */
.txt-normal-price{
    font-size: 15px;
    color: black;
    font-weight: bold;
}
.txt-balance-price{
    font-size: 15px;
    font-weight: bold;
    color: green;
}

/* ------------------------------------ ::CreateProduct ------------------------------ */
/* .note-editable.panel-body {
    height: 300px !important;
} */
.pulse-button {
    /* position: relative; */
    /* width: 100px; */
    /* height: 100px; */
    /* border: none; */
    box-shadow: 0 0 0 0 rgb(100, 234, 208);
    /* border-radius: 50%; */
    /* background-color: #e84c3d; */
    /* background-image: url(http://www.clipartbest.com/cliparts/bTy/EkL/bTyEkLGrc.png); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* cursor: pointer; */
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.1, 0, 0, 1);
}
.pulse-button:hover {
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}


/* ------------------------------------ ::Common ------------------------------ */
BODY {
    font-size: 12px !important;
}
BODY TABLE {
    font-size: 12px !important;
}
.cursor-pointer {
	cursor: pointer;
}
.display-hide {
	display: none;
}
.txt-bold {
	font-weight: bold;
}
.sort-arrow-up:hover {
  border: solid red;
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  opacity: 0.9;
}
.sort-arrow-down:hover {
  border: solid red;
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  opacity: 0.9;
}
.sort-arrow-up {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  opacity: 0.32;
  cursor: pointer;
}
.sort-arrow-down {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  opacity: 0.32;
  cursor: pointer;
}

.checkbox label, .radio label {
	color: #3d423d;
}
table.table.table-striped {
    color: #5a5656;
}
a.make-link:hover {
    text-decoration: underline;
}
input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  transform: scale(1.2);
  cursor: pointer;
  padding: 10px;
}

.dx-list-item {
    font-size: 13px;  
}  

/* Might want to wrap a span around your checkbox text */
.checkboxtext {
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}

.modal-dialog {  
    z-index: 1000;  
}  
.modal-backdrop {  
    z-index: 999;  
}

.dx-selectbox {
    height: 33px;
    font-size: 14px;
}

/* =================== Spinner Loader ================*/
.sk-wave {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    position: fixed;
    z-index: 99999;
    right: 50%;
    top: 50%;
}
.spinner-custom-1 {
    background-color: #15e6b2 !important;
}
/* 
.bg-spinner {
    background: #0c0c0c0d;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    position: absolute;
}
*/
/* ================== KC-Notify ================= */
.kc-notify {
  width:100%;
  transition:height .2s;
  position: sticky; 
  top: 0;
  text-align:center;
  background:rgba(0,0,0,.6);
  box-sizing:border-box;
  color:white;  
  box-sizing:border-box;
  z-index: 999999;
  height: 0;  
  overflow:hidden;
}
.kc-notify-active {  
	padding-top: 10px;
  	height: 50px;
}