@charset "utf-8";
/* CSS Document */
.table-responsive { overflow-y: hidden; }

.div_table { display: table; }
.div_table_row { display: table-row; }
.div_table_row_column, .div_table_row_heading_column { display: table-cell; }

span.advance {
	font-size: 12px;
	line-height: 15px;
	display: inline-block;
	color: rgb(2, 53, 2);
	font-weight: bold;;
}
span.infos {
	font-size: 12px;
	line-height: 15px;
	display: inline-block;
	color: #d93025;
	font-weight: bold;;
}
span.infos i { margin-right: 5px; }

.form-control { font-size: 13px; line-height: 15px;}

span.password_info { color: #d93025; font-size: 13px; line-height: 15px; display: inline-block; }

.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }

@media screen and (max-width: 575px) {
	.search_text {
		margin-bottom: 10px;
		margin-top: 10px;
	  }
}

.datepicker-dropdown { min-width: 15rem; }
.datepicker-dropdown table { width: 100%; }
.datepicker-dropdown table .datepicker-switch { text-align: center; }
.datepicker-dropdown table .dow, .datepicker-dropdown table .day { padding: 3px; text-align: center; }
.datepicker-dropdown table .active { background-color: #f00; }
.datepicker-dropdown table .disabled { background-color: #555; }


@media screen and (min-width: 768px) {
	.pagination_cover .select2-container { width: 100px !important; }
}

#requestModal { background: #00000082; }
.modal-dialog .select2-container { width: 100% !important; }
.select2-container .select2-selection--single { height: calc(2.25rem + 2px) !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 5px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 35px !important; }

/* .modal-content { height: 515px; overflow-y: scroll; } */

.modal table { min-width: 500px; }

.image-upload .row {
	max-width: 100%;
	margin: 0;
}
.image-upload label { cursor: pointer; }
.image-upload .row div { margin-bottom: 10px; }
.image-upload .row div div.cover {
	padding: 10px; 
	border-radius: 10px;
	position: relative;
	margin: 0;
	display: inline-block;
	text-align: center;
	max-width: 100%;
	border: 1px solid #ced4da;
}
.image-upload .row div div.cover button {
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 20%;
}
.image-upload .row div div.cover img {
	cursor: pointer;
	max-width: 100%;
}
.image-upload .row div div.cover input[type="text"] { margin-top: 10px; }

.custom-switch .custom-control-label::after { background-color: white;}
.custom-control-label::before {
	border-color: red;
	background-color: red;
}
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: green;
	background-color: green;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before  {
	border-color: green;
	background-color: green;
}
.custom-switch .custom-control-label::after {
	top: calc(.25rem + 10px);
	left: calc(-2.25rem + 10px);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    left: calc(-2.25rem + -2px);
}
.custom-switch .custom-control-label::before { width: 2rem; }
.custom-control-label::before { height: 2rem; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.excel_upload_details {
	position: fixed;
	right: 100px;
	top: 250px;
	background-color: #343a40;
	border: 1px solid #a89f9f;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	font-size: 13px;
	line-height: 15px;
	z-index: 999;
}
.excel_upload_details .upload_count, .excel_upload_details .excel_upload_total_count {
	background-color: red;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}

#search_list_cover { position: relative; }
#search_desktop_product_by_name_list, #search_mobile_product_by_name_list {
	max-height: 400px;
	overflow-y: scroll;
	scrollbar-width: thin;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 5px 10px;
	position: absolute;
	background-color: #fff;
	z-index: 9999;
	margin: 0;
	padding: 0;
	top: -5px;
}
.search_list ul li a, .search_list ul li a {
	color: #000;
	font-size: 14px;
	line-height: 15px;
}
.search_list ul li, .search_list ul li { padding: 5px 10px; }
.search_list ul li.active, .search_list ul li.active { background:#f06548; }
.search_list ul li.active a, .search_list ul li.active a { color:#fff; }

.orders_table i { font-size: 20px; }
.opening_balance_cover .select2.select2-container {
	width: 100% !important;
}

.form-switch .form-check-input {
	width: 50px;
	height: 25px;
}

.product_upload_details {
	position: fixed;
	right: 100px;
	top: 250px;
	background-color: #343a40;
	border: 1px solid #a89f9f;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	font-size: 13px;
	line-height: 15px;
	z-index: 999;
}
.product_upload_details .upload_count, .product_upload_details .upload_product_count {
	background-color: red;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}

.tab-content .table_records { min-height: 500px; }
.dropdown-toggle::after { display: none !important; }

.order_form_product_image { max-height: 115px; }

.copy_button {
    position: relative;
    overflow: visible;
}
.copy_tooltip {
    display: block;
    font-size: 80%;
    position: absolute;
    background: royalblue;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 4px;
    top: 0;
    left: -20px;
    right: 20px;
    margin: auto;
    opacity: 0;
	width: 100px;
}	       

.copy_tooltip.active {
	-webkit-animation: slide-up 0.15s cubic-bezier(.51, .92, 0.265, 1.55) both;
			animation: slide-up 0.15s cubic-bezier(.51, .92, 0.265, 1.55) both;
}
.copy_tooltip.inactive {
	-webkit-animation: slide-up 0.1s cubic-bezier(.250, .460, .450, .940) reverse both;
			animation: slide-up 0.1s cubic-bezier(.250, .460, .450, .940) reverse both;
}

.copy_tooltip:after {
	content: '';
	position: absolute;
	top: 98%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-top: 8px solid royalblue;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.pos-btn {
	background-color: #f06548;
	color: #fff;
	padding: 3px 3px;
	border-radius: 20px;
	text-align: center;
	font-size: 11px;
	border-color: #f06548;
}