/**
Copyright © 2024, Nesote Technologies Private Limited (www.nesote.com).

This particular file 'style.css' and the software/application 'Inout Dropshipping' are licensed strictly under the licensing terms and conditions of  the website  http://www.inoutscripts.com/, which can be found in the URL http://www.inoutscripts.com/terms.php

You are licensed to use this file and the software/application 'Inout Dropshipping’ only if you have already obtained a valid license directly from Nesote Technologies Private Limited through the website Inout Scripts (http://www.inoutscripts.com/) to use the software/application 'Inout Dropshipping’ in your website. Any such use shall be restricted only for the allowed use and in (and for) the allowed website (allowed by Nesote Technologies Private Limited), according to the terms and conditions of the license agreement (which can be found in  http://www.inoutscripts.com/terms.php ).

You shall not distribute this file and/or the software/application fully or partly to anyone.
 */
*{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #131313;
	outline: none;
	scrollbar-width: thin;
}
*::-webkit-scrollbar {
	width: 5px;
}
*::-webkit-scrollbar-thumb {
	background: #ddd; 
}
*::-webkit-scrollbar-track {
	background: #666; 
}
.f-left{
	float: left;
}
.f-right{
	float: right;
}
.black-clr1{
	background: #131313;
}
.header-in {
	padding: 12px 20px;
}
.v-lg {
	margin: 0px auto;
	margin-bottom: 30px;
}
.head-logo {
	width: 160px;
}
.head-logo a img {
	padding: 5px 0;
}
.login-section {
	margin: 55px 0;
}
.login-outer {
	max-width: 400px;
	width: 100%;
	margin: 0px auto;
	padding: 0 20px;
}
.d-flex {
	display: flex !important;
}
.lg-out{
	background-color: #F1F9FC;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: rgba(187, 95, 53, 0.59) 0px 8px 24px;
	float: left;
	width: 100%;
}
.lgn {
	padding: 25px;
	background-repeat: no-repeat !important;
	background-position: unset !important;
	background-size: unset !important;
}
.lgn-lft {
	float: left;
	width: 50%;
	display: flex;
	align-items: center;
	margin: 0px auto;
}
.lgn-img {
	width: 320px;
	margin: 0px auto;
}
.lgn-rt {
	float: left;
	width: 50%;
	padding-right: 80px;
}
.lgn-dtl h4 {
	font-weight: 600;
	font-size: 21px;
}
.lgn-flds {
	padding-bottom: 30px;
	float: left;
	width: 100%;
}
.lgn-flds label {
	padding-bottom: 5px;
}
.fld {
	position: relative;
	border-bottom: 1px solid #bfd5df;
	height: 45px;
	/* border-radius: 5px; */
}
.fld svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
}
.fld input {
	background: unset;
	border: none;
	padding: 0 0 0 40px;
	height: 45px;
}
.frgt-pass {
	float: right;
	color: #131313;
	text-decoration: none;
	transition: .2s all;
	margin-top: 5px;
}
.frgt-pass:hover {
	color: #f75453;
}
.lgn-sbmt {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.lgn-sbmt button:hover {
	background: #f75453;
	color: #fff !important;
}
.lgn-sbmt button {
	float: left;
	background: #131313;
	color: #fff;
	padding: 12px 45px;
	font-size: 15px;
	border-radius: 5px;
	transition: .2s all;
	text-decoration: none;
	font-weight: 500;
	border: none;
}
.lgn-hd {
	margin: 15px 0 25px 0;
	float: left;
	width: 100%;
}
.res-menu {
	display: none;
}
.head-scroll {
	float: left;
	width: 100%;
	padding: 8px 20px;
}
/* .head-scroll .head-bottom {
padding: 12px 0;
} */
.head-scroll .head-search {
	margin: 0;
}
.head-scroll {
	float: left;
	width: 100%;
	padding: 8px 20px;
	position: fixed;
	background: #131313;
	z-index: 1;
	top: -61px;
	transition: .2s all;
}
.head-scroll.active {
	top: 0;
}
.pop-overlay {
	position: fixed;
	z-index: 99;
	inset: 0;
	background: #2b292947;
	display: none;
}
.cart-count {
	position: absolute;
	background: #fff;
	top: 0px;
	right: -2px;
	width: 15px;
	height: 15px;
	font-size: 9px;
	text-align: center;
	border-radius: 10px;
	line-height: 15px;
	color: #000;
}
.reg-nw {
	padding: 20px 0 10px 0;
}
.reg-nw a {
	color: #131313;
	text-decoration: none;
	font-weight: 600;
	transition: .2s all;
}
.reg-nw a:hover {
	color: #f75453;
}
.reg-flds {
	float: left;
	width: 50%;
	padding-bottom: 30px;
}
/* .reg-flds label {
padding-bottom: 5px;
} */
.reg-fld-out {
	display: flex;
	gap: 35px;
}
.reg-flds .fld1 input {
	padding-left: 10px;
}
.reg-lft {
	float: left;
	width: 35%;
	display: flex;
	align-items: center;
	margin: 0px auto;
	padding: 0 20px;
}
.reg-outer {
	max-width: 1050px;
	width: 100%;
	margin: 0px auto;
	padding: 0 20px;
}
.reg-d {
	padding: 0 20px;
	width: 65%;
}
.scrl-hd-mnu {
	padding: 12px 0px 12px 30px !important;
}
.head-logo-s {
	width: 120px;
	padding: 11px 0;
	margin-right: 10px;
}
.checkbox {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	margin-top: 10px;
}
.checkbox input {
	position: absolute;
	width: 0;
	left: 50px;
	height: 0;
	opacity: 0;
	cursor: pointer;
}
.checkbox .checkmark {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: #f1f9fc;
	border-radius: 3px;
	outline: 1px solid #131313;
	transition: all 0.2s ease;
}
.checkbox:hover .checkmark {
	background: #e6f4fa;
	transition: all 0.2s ease;
}
.checkbox input:checked ~.checkmark {
	background: #131313;
	outline: 1px solid #131313;
}
.checkbox input[type="radio"] ~ .checkmark {
	border-radius: 50%;
}
.checkbox .checkmark::after {
	position: absolute;
	display: block;
	left: 52%;
	top: 44%;
	width: 6px;
	height: 11px;
	content: "";
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	opacity: 0;
	transition: all 0.2s ease;
}
.checkbox input:checked~.checkmark::after {
	opacity: 1;
	transition: all 0.2s ease;
}
/* .fld > input:focus {
background: #ffffff6c;
} */
.select2-container .select2-selection--single {
	height: 45px !important;
	border-radius: unset !important;
	border: unset !important;
	background: unset !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #131313 !important;
	line-height: 45px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 45px !important;
	top: 0px !important;
	right: 0px !important;
}
.select2-container--open .select2-dropdown--above {
	border-bottom: 1px solid #aaa !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #3a3a3a !important;
}
.select2-container--open .select2-dropdown--above {
	border-color: #dadada !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #dadada !important;
}
.side-menu {
	position: fixed;
	width: 250px;
	background: #131313;
	top: 0;
	bottom: 0;
	left: 0;
	transition: .3s all;
	z-index: 100;
}
.h-user {
	display: flex;
	position: relative;
	cursor: pointer;
}
.u-name {
	display: flex;
	align-items: center;
	font-weight: 600;
	margin-right: 10px;
	color: #232323;
}
.u-img img {
	width: 36px;
	height: 36px;
}
.u-img {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.u-dwn-arw {
	transition: .3s ease;
	padding: 7px 0;
	margin-left: 5px;
}
.u-dwn-arw img {
	width: 8px;
	opacity: .6;
}
.main-header {
	position: fixed;
	background: #fff;
	top: 0;
	left: 250px;
	right: 0;
	border-bottom: 1px solid #f3f3f3;
	z-index: 1;
}
.m-section {
	/* background: #f6f6f6; */
	padding-left: 250px;
	margin-top: 60px;
}
.l-menu-in {
	height: 60px;
	background: #232323;
	padding-left: 20px;
	display: flex;
	align-items: center;
}
.l-logo {
	width: 150px;
}
.m-section-in {
	padding: 25px;
	background: #f6f6f6;
	min-height: calc(100vh - 103.5px);
}
.b-rd {
	padding: 20px;
	background: #fff;
	border-radius: 10px;
}
.hd-s h4 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 5px;
}
.hd-s p {
	color: #7e7e7e;
	font-size: 14px;
}
.fd {
	border-bottom: 1px solid #ababab;
	margin-top: 10px;
}
.l-menu ul {
	padding: 0;
	float: left;
	width: 100%;
}
.l-menu ul li {
	padding: 0 0 0 15px;
	float: left;
	width: 100%;
	position: relative;
	transition: .3s all;
	margin-bottom: 1px;
}
.l-menu ul li:hover {
	background: #232323;
}
.l-menu ul li a {
	width: 100%;
	float: left;
	padding: 12px 0;
	color: #fff !important;
	text-decoration: none;
	font-weight: 500;
	font-size: 13px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.l-menu ul li.active::after {
	position: absolute;
	content: "";
	width: 5px;
	top: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.l-menu {
	padding-top: 30px;
}
.l-menu ul li.active {
	background: #232323;
}
.h-user-drp {
	position: absolute;
	/* width: 200px; */
	width: max-content;
	background: #fff;
	top: 35px;
	right: 0;
	box-shadow: rgba(125, 125, 125, 0.14) 0px 8px 24px;
	border-radius: 10px;
	padding: 5px;
	overflow: hidden;
	transform: scale(.8,.8);
	transition: .2s all;
	visibility: hidden;
	opacity: 0;
	transform-origin: top;
}
.h-user-drp.active {
	display: block;
	transform: scale(1,1);
	visibility: visible;
	opacity: 1;
	top: 50px;
}
.h-user-drp ul {
	padding: 0;
	float: left;
	width: 100%;
	margin: 0;
}
.h-user-drp ul li {
	list-style: none;
}
.h-user-drp ul li a:hover {
	background: #f6f6f6;
}
.h-user-drp ul li a {
	width: 100%;
	float: left;
	color: #414141;
	text-decoration: none;
	font-weight: 500;
	padding: 10px 10px;
	font-size: 13px;
	display: flex;
	align-items: center;
	transition: .2s all;
	border-radius: 5px;
}
.r-logo {
	width: 110px;
	padding: 7px 0;
	display: none;
}
.u-drp-img {
	width: 15px;
	margin-right: 5px;
}
.l-menu ul li a span {
	color: #fff;
	font-size: 17px;
	margin-right: 7px;
}
.u-dwn-arw.active {
	transform: rotate(180deg);
}
.u-name.fl {
	font-weight: 400;
	margin: 0;
}
.flg {
	display: flex;
	align-items: center;
	margin-right: 5px;
}
.flg img {
	width: 15px;
}
.flg-sc {
	background: #f5f5f5;
	padding: 0 10px;
	border-radius: 29px;
	margin-right: 15px;
}
.usr-name a {
	font-weight: 600 !important;
	padding: 15px 10px !important;
	border-bottom: 1px solid #ececec;
	border-radius: 0 !important;
	font-size: 14px !important;
}
.usr-name {
	padding: 0 5px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
	cursor: default;
}
.usr-name a:hover {
	background: #fff !important;
}
.error {
	color: red;
}
.mian-section {
	background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
	min-height: 100vh;
}
.lgn-hd p {
	color: #6e6e6e;
}
.fld span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #232323;
	font-size: 20px;
	left: 10px;
}
.sb-hd-box{
	padding: 10px;
	border: 2px dashed #d8d8d8;
	border-radius: 10px;
	color: #4e4e4e !important;
	font-size: 13px !important;
	margin-top: 15px;
	margin-bottom: 20px;
}
.sml-frm-out {
	width: 100%;
	max-width: 750px;
}
.sml-frm {
	display: block;
	/* padding-top: 40px; */
}
.sml-frm .reg-flds {
	width: 100% !important;
}
.reg-flds label span {
	color: #fb5554;
	padding-left: 2px;
}
.eg-st {
	font-size: 13px;
	color: #aaa;
	position: relative;
	top: 2px;
}
.tbl-ot {
	padding-top: 20px;
}
.tbl-dsn thead tr th {
	padding: 15px 10px;
	font-weight: 500;
}
.tbl-dsn tbody tr td {
	padding: 15px 10px;
	font-size: 13px;
	color: #4e4e4e;
}
/* tbody tr:nth-child(2n+1) {
background: #f0f4f7;
} */
tbody tr {
	border-top: 1px solid #eee;
}
/* .tbl-st {
border: 1px solid #f0f4f7;
border-radius: 10px;
overflow: hidden;
} */
/* .tb-sts.inact {
background-color: #ffdede;
color: #FF5E5E;
}
.tb-sts.act {
background-color: #bbe6e3;
color: #3A9B94;
} */
.tb-sts.act::after {
	height: 8px;
	width: 8px;
	position: absolute;
	content: "";
	background: #51b451;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 5px;
}
.tb-sts.inact::after {
	height: 8px;
	width: 8px;
	position: absolute;
	content: "";
	background: #f5534b;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 5px;
}
.tb-sts.pend::after {
	height: 8px;
	width: 8px;
	position: absolute;
	content: "";
	background: #fd7e14;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 5px;
}
.tb-sts {
	font-size: 13px;
	/* padding: 2px 7px; */
	/* border-radius: 3px; */
	position: relative;
	padding-left: 15px;
	color: #4e4e4e;
	float: left;
}
.action-bt {
	margin-right: 5px;
	padding: 5px 5px 5px 0px;
	cursor: pointer;
	float: left;
}
.action-bt svg {
	font-size: 15px;
}
.action-bt svg path {
	transition: .2s all;
}
.action-bt.block svg path {
	color: #ff9f00;
}
.action-bt.block:hover svg path {
	color: #d68503;
}
.action-bt.delete svg path {
	color: #f5534b;
}
.action-bt.delete:hover svg path {
	color: #c73932;
}
.action-bt.edit svg path {
	color: #52b6f2;
}
.action-bt.edit:hover svg path {
	color: #409dd6;
}
.action-bt.active svg path {
	color: #37ac37;
}
.action-bt.active:hover svg path {
	color: #2a802a;
}
.action-bt.view svg path {
	color: #9d78ed;
}
.action-bt.view:hover svg path {
	color: #865ce0;
}
.fld1 {
	position: relative;
	border-bottom: 1px solid #bfd5df;
	/* height: 45px; */
	border-radius: 5px;
	background: #f6f6f6;
	border: none !important;
	overflow: hidden;
}
.fld1 svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
}
.fld1 input {
	background: unset;
	border: none;
	padding: 0 0 0 40px;
	height: 45px;
}

/* my css */

ul.submenu {
	display: none;
}
.preview-container {
	margin-top: 10px;
}
.preview-container {
	max-width: 60px !important;
	max-height: 65px;
	border-radius: 5px;
	overflow: hidden;
}

.settings-menu {
	background-color: #131313;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.settings {
	float: left;
	display: block;
	color: #fff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
.settings:hover {
	background-color: #f75453;
	color: #fff;
}
.settings:active {
	background-color: #f75453;
}
.st-active {
	background-color: #f75453;
}
.disabled-row {
	opacity: 0.5; 
	pointer-events: none;
}
.h-user-drp ul li a span {
	font-size: 17px;
}
.submenu .active::after {
	position: unset !important;
}
.submenu li {
	padding-left: 0 !important;
	padding-right: 10px !important;
}
.submenu li a:hover,.submenu .active a {
	background: #383838 !important;
}
.submenu li a span {
	font-size: 8px !important;
}
.submenu li a {
	transition: .3s all;
	padding: 12px 10px !important;
	border-radius: 3px;
	font-size: 12px !important;
}
.l-menu {
	padding-top: 30px;
	overflow: auto !important;
	height: calc(100vh - 60px);
}
.error-p {
	margin: 0 !important;
}
table.dataTable thead th, table.dataTable tfoot th {
	padding: 15px 10px !important;
	font-weight: 500 !important;
}
table.dataTable thead th, table.dataTable thead td {
	border-bottom: unset !important;
}
table.dataTable tbody th, table.dataTable tbody td {
	padding: 15px 10px !important;
	position: relative;
}
table.dataTable tbody tr {
	background-color: #ffffff;
	border-top: 1px solid #eee !important;
	border-collapse: collapse !important;
}
table.dataTable {
	border-collapse: collapse !important;
}
table.dataTable.no-footer {
	border-bottom: unset !important;
}
.fld1 textarea {
	padding: 0 0 0 10px;
	border-radius: 5px;
	background: #f6f6f6;
	border: none !important;
	padding-top: 10px;
}
.error {
	color: #ee3d3d;
	font-size: 13px;
}
.file-up-btn {
	position: relative;
	height: 45px;
	display: flex;
}
.file-up-btn input {
	position: absolute;
	inset: 0;
	cursor: pointer;
	width: 100%;
	opacity: 0;
}
.browse-bt {
	padding: 0px 10px;
	background: #131313;
	line-height: 45px;
	display: block;
	width: 30%;
	max-width: 95px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
}
.browse-txt {
	padding-left: 15px;
	line-height: 45px;
}
.preview-container img {
	width: 100%;
}
.footer p {
	font-size: 13px;
	padding: 12px 0;
	margin: 0;
}
.footer {
	text-align: center;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 16px;
	border: 1px solid #232323;
	border-radius: 100%;
	background: #fff;
	transform: translateY(-50%);
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
	content: '';
	width: 8px;
	height: 8px;
	background: #f75453;
	position: absolute;
	top: 50%;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	transform: translateY(-50%) !important;
}
[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
label {
	margin-bottom: .5rem;
}
.chk-bx label {
	padding: 0;
	margin-bottom: 10px;
}
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label:last-child {
	margin-bottom: 0;
}
input[type="checkbox"] + label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	line-height: 18px;
	height: 22px;
}
input[type="checkbox"] + label::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #ececec;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .9;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
	background: #ececec;
}
input[type="checkbox"] + label::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #ededed;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .6;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
	border-radius: 5px;
}
input[type="checkbox"]:checked + label::before {
	background: #131313;
	border-color: #131313;
}
input[type="checkbox"]:checked + label::after {
	width: 7px;
	border-radius: 0;
	opacity: 1;
	border-color: #FFF;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 13px;
	left: 6px;
	top: 2px;
	border-width: 0 2px 2px 0;
}
.fd-n {
	margin-top: 10px;
}
.chk-bx {
	padding-top: 5px;
}
.tp-txt a {
	color: #f75453;
	text-decoration: none;
}
.tp-txt {
	font-weight: 500;
	margin-bottom: 20px;
	/* margin-top: 10px; */
	float: left;
}
.tab-content.active {
	display: block;
}
.tab-content{
	display: none;
	opacity: 0;
	transform: translateY(15px);
	animation: fadeIn 0.5s ease 1 forwards;
}
@keyframes fadeIn{
	100%{
		opacity: 1;
		transform: none;
	}
}
.b-rd,.b-rd1,.d-hd{

	transform: translateY(30px);
	animation: fadeIn 0.5s ease 1 forwards;

}
.tab-wrapper .tabs {
	float: left;
	padding: 0;
	background: #f6f6f6;
	border-radius: 5px;  
	margin-bottom: 25px;
}
.tab-wrapper .tabs .tab-link {
	float: left;
	list-style: none;
	padding: 12px;
	cursor: pointer;
	transition: .3s all;
	border-radius: 5px;
}
.tab-wrapper .tabs .tab-link:hover {
	background: #131313;
	color: #fff;
}
.tab-link.active {
	background: #131313;
	border-radius: 5px;
	color: #fff;
}
.ct-fld {
	display: flex;
	justify-content: space-between;
}
.ct-f {
	width: 44%;
}
.ct-in {
	border-radius: 5px;
	overflow: hidden;
}
.multi-select {
	width: 100%;
	height: 165px;
	background: #f6f6f6;
	border: none;
}
.multi-select option {
	padding: 5px 5px 5px 10px;
}
#myDiv {
	width: 100%;
	float: left;
	padding-top: 8px;
	text-align: center;
	font-weight: 500;
	transition: .3s all;
}
.ct-c {
	display: grid;
	align-content: center;
	height: 165px;
	gap: 5px;
}
.ct-bt{
	cursor: pointer;
}
.ct-add {
	color: #43a643;
	transition: .2s all;
}
.ct-bt:hover .ct-add {
	color: #358135;
}
.ct-dlt {
	color: #f5534b;
	transition: .2s all;
}
.ct-bt:hover .ct-dlt {
	color: #cc413b;
}
.frgt-lgn {
	padding-top: 5px;
	padding-bottom: 20px;
}
.datepicker th {
	font-weight: 500;
}
.datepicker tr {
	border-bottom: none !important;
}
.datepicker tbody tr {
	border: none !important;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active {
	background-color: #f45251 !important;
	background-image: -webkit-linear-gradient(top, #e65655, #fa6a69) !important;
	color: #fff !important;
}




/* .btn {
padding-left: .75rem;
padding-right: .75rem;
}

label.btn {
margin-bottom: 0;
}

.d-flex > .btn {
flex: 1;
}

.carbonads {
border-radius: .25rem;
border: 1px solid #ccc;
font-size: .875rem;
overflow: hidden;
padding: 1rem;
}

.carbon-wrap {
overflow: hidden;
}

.carbon-img {
clear: left;
display: block;
float: left;
}

.carbon-text,
.carbon-poweredby {
display: block;
margin-left: 140px;
}

.carbon-text,
.carbon-text:hover,
.carbon-text:focus {
color: #fff;
text-decoration: none;
}

.carbon-poweredby,
.carbon-poweredby:hover,
.carbon-poweredby:focus {
color: #ddd;
text-decoration: none;
}

@media (min-width: 768px) {
.carbonads {
float: right;
margin-bottom: -1rem;
margin-top: -1rem;
max-width: 360px;
}
}

.footer {
font-size: .875rem;
overflow: hidden;
}

.heart {
color: #ddd;
display: block;
height: 2rem;
line-height: 2rem;
margin-bottom: 0;
margin-top: 1rem;
position: relative;
text-align: center;
width: 100%;
}

.heart:hover {
color: #ff4136;
}

.heart::before {
border-top: 1px solid #eee;
content: " ";
display: block;
height: 0;
left: 0;
position: absolute;
right: 0;
top: 50%;
}

.heart::after {
background-color: #fff;
content: "♥";
padding-left: .5rem;
padding-right: .5rem;
position: relative;
z-index: 1;
} */

.img-container,
.img-preview {
	background-color: #f7f7f7;
	text-align: center;
	width: 100%;
}

/* .img-container {
margin-bottom: 1rem;
max-height: 497px;
min-height: 200px;
} */

/* 

.img-container > img {
max-width: 100%;
}

.docs-preview {
margin-right: -1rem;
}

.img-preview {
float: left;
margin-bottom: .5rem;
margin-right: .5rem;
overflow: hidden;
}

.img-preview > img {
max-width: 100%;
}

.preview-lg {
height: 9rem;
width: 16rem;
}

.preview-md {
height: 4.5rem;
width: 8rem;
}

.preview-sm {
height: 2.25rem;
width: 4rem;
}

.preview-xs {
height: 1.125rem;
margin-right: 0;
width: 2rem;
}

.docs-data > .input-group {
margin-bottom: .5rem;
}

.docs-data .input-group-prepend .input-group-text {
min-width: 4rem;
}

.docs-data .input-group-append .input-group-text {
min-width: 3rem;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
margin-bottom: .5rem;
margin-right: .25rem;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
margin-bottom: .5rem;
}

.docs-tooltip {
display: block;
margin: -.5rem -.75rem;
padding: .5rem .75rem;
}

.docs-tooltip > .icon {
margin: 0 -.25rem;
vertical-align: top;
}

.tooltip-inner {
white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
white-space: nowrap;
}

.btn-toggle {
padding: .5rem;
}

.btn-toggle > .docs-tooltip {
margin: -.5rem;
padding: .5rem;
}

@media (max-width: 400px) {
.btn-group-crop {
margin-right: -1rem!important;
}

.btn-group-crop > .btn {
padding-left: .5rem;
padding-right: .5rem;
}

.btn-group-crop .docs-tooltip {
margin-left: -.5rem;
margin-right: -.5rem;
padding-left: .5rem;
padding-right: .5rem;
}
}

.docs-options .dropdown-menu {
width: 100%;
}

.docs-options .dropdown-menu > li {
font-size: .875rem;
padding: .125rem 1rem;
}

.docs-options .dropdown-menu .form-check-label {
display: block;
}

.docs-cropped .modal-body {
text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
max-width: 100%;
} */

.img-crop {
	display: none;
	position: fixed;
	left: 50%;
	top: 5%;
	transform: translateX(-50%);
	z-index: 101;
	max-width: 510px;
	width: 100%;
	background: #fff;
	padding: 5px;
	border-radius: 5px;
}
.img-crop-bg {
	display: none;
	inset: 0;
	position: fixed;
	background: #25252530;
	z-index: 100;
}
#download canvas {
	width: 100px !important;
	border-radius: 5px;
}
.img-container {
	max-width: 500px;
	height: 400px;
	width: 100%;
	border-radius: 3px !important;
	overflow: hidden;
}
.z-in span,.up-bt span {
	color: #fff;
	font-size: 20px;
}
.z-in:hover, .up-bt:hover, .cropped-btn:hover {
	background: #d64f4e;
}
.z-in,.up-bt {
	line-height: 0 !important;
	height: 35px;
	background: #131313;
	border: none !important;
	transition: .2s all;
}
.up-bt {
	line-height: 0 !important;
	display: grid;
	align-content: center;
} 
.bt-tp {
	position: absolute;
	right: 12px;
	left: 12px;
	width: auto !important;
	bottom: 55px;
}
.cropped-btn {
	background: #131313;
	height: 35px;
	border: unset;
	transition: .2s all;
}
.c-cancel {
	background: #fff;
	height: 35px;
	border: unset;
	transition: .2s all;
	border: 1px solid #131313;
	color: #131313;
}
.c-cancel:hover {
	background: #131313;
	border: 1px solid #131313;
	color: #fff;
}
.msg-alert {
	position: fixed;
	width: 350px;
	right: -350px;
	bottom: 65px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	/* transition: .2s all; */
	/* transform: translateX(calc(100% + 30px)); */
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
	transform: scale(.3,.3);
}
.msg-alert.active {
	right: 25px;
	opacity: 1;
	visibility: visible;
	transform: scale(1,1);
}
.msg-alrt-in {
	display: flex;
	align-items: center;
	padding: 20px;
}
.msg-alrt-l {
	width: 40px;
}
.msg-alrt-r {
	padding-left: 12px;
}
.msg-alrt-r h4 {
	font-size: 15px;
	margin-bottom: 2px;
	font-weight: 600;
}
.msg-alrt-r p {
	margin: 0;
	font-size: 13px;
	color: #727272;
}
.msg-alert.success {
	background: #d0fbe6;
}
.msg-alert.success .msg-alrt-in .msg-alrt-r h4{
	color: #217c50;
}
.msg-alert.er {
	background: #fae5e5;
}
.msg-alert.er .msg-alrt-in .msg-alrt-r h4 {
	color: #ba2a2b;
}
.msg-alert .cls {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 18px;
	cursor: pointer;
	opacity: .7;
	transition: .2s all;
}
.msg-alert .cls:hover {
	opacity: 1;
}
/* .b-rd1-in {
display: flex;
justify-content: space-between;
gap: 25px;
} */
.d-brd-tile {
	width: 100%;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	position: relative;
	float: left;
}
.d-brd-tile-in p {
	font-size: 14px;
	color: #656565;
	margin-bottom: 10px;
}
.d-hd {
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 10px;
}
.d-hd span {
	font-size: 22px;
	font-weight: 500;
	color: #fb5554;
}
.d-brd-tile-in h4 {
	font-size: 25px;
	font-weight: 600;
	margin: 0;
}
.d-brd-tile-in {
	float: left;
	width: 100%;
	padding-right: 50px;
}
.d-tile-img {
	position: absolute;
	background: #1b1b1b;
	width: 40px;
	height: 40px;
	border-radius: 22px;
	right: 20px;
	top: 20px;
}
.d-tile-img span {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
}
.t-bg1 {
	background: #f5bb4b !important;
}
.t-bg2 {
	background: #f5534b !important;
}
.t-bg3 {
	background: #41cfde !important;
}
.t-bg4 {
	background: #a773f3 !important;
}
.no-select {
	user-select: none;
}
.r-cnt {
	width: 100%;
	flex: 1;
	border-left: 1px solid #e4e4e4;
	padding-left: 25px;
	margin-left: 250px;
}
.r-cnt-in h4 {
	font-size: 24px;
	padding-top: 5px;
	margin-bottom: 30px;
}
.w-itm {
	display: flex;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.itm-l {
	width: 65px;
}
.itm-r {
	width: 100%;
	flex: 1;
	padding-left: 20px;
}
.itm-r h4 {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 24px;
}
.w-cnt-in {
	padding-bottom: 5px;
}
.w-cnt-in-pr {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 5px;
	color: #f75453;
}
.w-cnt-in-l {
	float: left;
	width: 165px;
	font-weight: 500;
	font-size: 13px;
}
.w-cnt-in-r {
	float: left;
	font-size: 13px;
}
.w-cnt-in-bt {
	padding-top: 10px;
}
.w-cnt-in-bt .btn-st {
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 5px;
	margin-right: 7px;
	margin-bottom: 10px;
}
.rw-title {
	color: #323232 !important;
	font-weight: 500;
}
.rw-hd {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: center;
}
.rw-bt:hover {
	background: #323232;
	color: #fff;
}
.rw-bt {
	display: flex;
	font-size: 15px;
	align-items: center;
	border: 2px solid #323232;
	padding: 7px 12px;
	border-radius: 7px;
	cursor: pointer;
	transition: .2s all;
}
.rw-bt span {
	transition: .2s all;
	margin-left: 5px;
	font-size: 18px;
}
.rw-bt:hover span {
	color: #fff;
}
.r-txt-ar {
	padding-top: 15px;
}
.r-txt-ar input {
	width: 100%;
	border: none;
	background: whitesmoke;
	height: 45px;
	border-radius: 7px;
	padding-left: 10px;
}
.r-txt-ar textarea {
	width: 100%;
	border: none;
	background: whitesmoke;
	height: 90px;
	border-radius: 7px;
	padding-left: 10px;
	padding-top: 8px;
}
.rw-ar h4 {
	margin: 0;
	font-size: 16px;
}
.rw-ar-in label {
	padding-bottom: 6px;
}
.r-txt-ar button {
	margin: 7px 0 20px 0;
	padding: 10px 20px;
	border-radius: 7px;
}
.rw-ar-in {
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.rw-ar{
	display: none;
}
.l-mn a {
	display: flex;
	align-items: center;
}
.l-mn a span {
	font-size: 16px !important;
	margin-right: 4px;
	margin-left: 2px;
}
.l-menu.fixed {
	position: fixed;
	top: 70px;
}
.l-menu.bottom {
	position: absolute;
	bottom: 30px;
	top: auto;
}
.cntw{
	position: relative;
}
.r-mnu {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	background: #f5f5f5;
	padding: 9px 0px;
	border-radius: 7px;
	cursor: pointer;
	display: none;
	margin-bottom: 20px;
}
.r-mnu span {
	font-size: 32px;
	padding-right: 7px;
	position: relative;
	top: 1px;
}
.crt-in {
	max-width: 1220px;
	margin: 0 auto;
	float: none;
}
.c-in{
	display: flex;
}
.p-cnt {
	padding-top: 10px;
}
.cnt-t {
	float: left;
	border: none;
	text-align: center;
	width: 30px;
	padding: 0;
	margin: 0 10px;
	height: 40px;
	font-weight: 600;
}
.cnt-b {
	width: 40px;
	height: 40px;
	float: left;
	cursor: pointer;
	transition: .3s all;
	background: whitesmoke;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
}
.cnt-b svg {
	font-size: 16px;
}
.cnt-b:active {
	background: #f75453;
}
.cpn-b {
	padding-top: 10px;
	font-weight: 600;
	cursor: pointer;
	color: #323232;
	transition: .2s all;
	margin-bottom: 10px;
}
.cpn-b:hover {
	color: #f75453;
}
.cpn-t {
	display: none;
}
.cpn-t-in {
	max-width: 340px;
	width: 100%;
	display: flex;
	background: #f5f5f5;
	height: 45px;
	border-radius: 8px;
	overflow: hidden;
}
.cpn-tx {
	border: none;
	background: none;
	padding-left: 10px;
	flex: 1;
	width: 100%;
	font-weight: 500;
}
.cpn-bt {
	width: 75px;
	color: #fff;
	background: #323232;
	border: none;
	font-weight: 600;
	border-radius: 8px;
	transition: .2s all;
}
.cpn-bt:hover {
	background: #f75453;
}
.rmv-p {
	color: #323232;
	font-size: 15px;
	text-decoration: none;
	font-weight: 600;
	transition: .2s all;
	display: flex;
	align-items: center;
}
.rmv-p span {
	font-size: 20px;
	margin-right: 5px;
	transition: .2s all;
}
.rmv-p:hover, .rmv-p:hover span  {
	color: #f75453;
}
.w-itm:last-child {
	border: none;
	margin: 0;
}
.l-crt {
	width: 60%;
	flex: 1;
	padding-right: 20px;
}
.r-crt {
	width: 40%;
	border-left: 1px solid #e4e4e4;
	padding-left: 20px;
}
.r-crt-in h4 {
	font-size: 17px;
}
.crt-amnt {
	display: flex;
	justify-content: space-between;
	padding-bottom: 5px;
}
.c-amt-r{
	font-weight: 500;
}
.crt-t-amnt {
	display: flex;
	justify-content: space-between;
	border-top: 1px dashed #a3a3a3;
	padding-top: 15px;
	margin-top: 10px;
	align-items: center;
}
.crt-t-amnt .c-amt-l {
	font-size: 17px !important;
	font-weight: 500;
}
.crt-t-amnt .c-amt-r {
	font-size: 20px;
	font-weight: 600;
}
.crt-r-bt .btn-st {
	text-align: center;
	justify-content: center;
	margin: 0 0 20px 0 !important;
	text-decoration: none;
	padding: 10px;
}
.amt-s {
	text-align: right;
}
.py-chk-pt:nth-child(1) {
	left: 0%;
}
.py-chk-pt:nth-child(2) {
	left: 33.33%;
}
.py-chk-pt:nth-child(3) {
	left: 66.66%;
}
.py-chk-pt:nth-child(4) {
	left: 100%;
}
.pgr-in {
	width: 70% !important;
	margin: 0 auto;
	height: 100px;
	margin-top: 10px;
}
.chk-img {
	width: 40px;
	height: 40px;
	background: #ececec;
	border-radius: 25px;
	transform: translateX(-50%);
	transition: .4s all;
	transition-delay: .4s;
}
.chk-img span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
	transition: .4s all;
	transition-delay: .4s;
}
.chk-p {
	width: 140px;
	text-align: center;
	transform: translateX(-50%);
	top: 50px;
	font-weight: 500;
}
.chk-p p {
	font-size: 13px !important;
}
.py-chk-pt.active .chk-img {
	background: #323232;
}
.py-chk-pt.active .chk-img span {
	color: #f75453;
}
.py-chk-pt{
	z-index: 1;
}
.chk-pg-br {
	width: 100%;
	height: 3px;
	background: #ececec;
	top: 19px;
}
.c-pg {
	float: left;
	height: 3px;
	background: #323232;
	transition: .5s ease-in;
	width: 0%;
}
.c-pg.active {
	width: 33.33%;
}
.txt-ar {
	display: flex;
	gap: 20px;
}
.ck-dt {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}
.tx-inp {
	background: #f5f5f5;
	border-radius: 8px;
}
.tx-inp input {
	border: none;
	background: none;
	height: 45px;
	padding-left: 10px;
}
.tx-d {
	margin: 0 auto;
}
.tx-d .btn-st {
	text-decoration: none;
	font-size: 15px;
	padding: 0px 25px;
	height: 45px;
	border: none;
	line-height: 45px;
	margin: 0;
}
.pr-str-bt1 .lk {
	opacity: 0;
	visibility: hidden;
}
.pr-str-bt1.selected .n-lk {
	opacity: 0;
	visibility: hidden;
}
.pr-str-bt1.selected .lk {
	opacity: 1;
	visibility: visible;
}
.pr-str-bt1.hover .n-lk {
	opacity: 0;
	visibility: hidden;
}
.pr-str-bt1.hover .lk {
	opacity: 1;
	visibility: visible;
}
.n-lk, .lk {
	transition: .2s all;
}
.rd-mr {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-bottom: 15px;
}
.read-more {
	padding: 7px 12px;
	text-decoration: none;
	font-size: 15px;
	cursor: pointer;
	display: flex;
	color: #323232;
	font-weight: 500;
	align-items: center;
	transition: .2s all;
	border: 2px solid #323232;
	border-radius: 8px;
}
.read-more span {
	font-size: 18px;
	margin-left: 4px;
	transition: .2s all;
}
.read-more:hover {
	color: #fff;
	background: #323232;
}
.read-more:hover span {
	color: #fff;
}
.msg-alert {
	position: fixed;
	width: 350px;
	right: -350px;
	bottom: 65px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	/* transition: .2s all; */
	/* transform: translateX(calc(100% + 30px)); */
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
	transform: scale(.3,.3);
}
.msg-alert.active {
	right: 25px;
	opacity: 1;
	visibility: visible;
	transform: scale(1,1);
}
.msg-alrt-in {
	display: flex;
	align-items: center;
	padding: 20px;
}
.msg-alrt-l {
	width: 40px;
}
.msg-alrt-r {
	padding-left: 12px;
}
.msg-alrt-r h4 {
	font-size: 15px;
	margin-bottom: 2px;
	font-weight: 600;
}
.msg-alrt-r p {
	margin: 0;
	font-size: 13px;
	color: #727272;
}
.msg-alert.success {
	background: #d0fbe6;
}
.msg-alert.success .msg-alrt-in .msg-alrt-r h4{
	color: #217c50;
}
.msg-alert.er {
	background: #fae5e5;
}
.msg-alert.er .msg-alrt-in .msg-alrt-r h4 {
	color: #ba2a2b;
}
.msg-alert .cls {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 18px;
	cursor: pointer;
	opacity: .7;
	transition: .2s all;
}
.msg-alert .cls:hover {
	opacity: 1;
}
.tx-inp textarea {
	border: none;
	background: none;
	height: 90px;
	padding-left: 10px;
	padding-top: 10px;
}
.btn-st {
	font-size: 16px;
	font-weight: 500;
	padding: 13px 25px;
	display: flex;
	margin-right: 15px;
	border-radius: 8px;
	transition: .2s all;
	color: #fff;
}
.bt-rd {
	background: #f75453;
	border: 2px solid #f75453;
}
.bt-rd:hover {
	background: #323232;
	border-color: #323232;
}
.bt-blk {
	background: #323232;
	border: 2px solid #323232;
}
.bt-blk span {
	color: #fff;
	margin-right: 10px;
}
.bt-blk:hover {
	background: #fff;
	color: #323232;
}
.bt-blk:hover span  {
	color: #323232;
}
.cnt-disable {
	opacity: .5;
	pointer-events: none;
}
#original-img {
	width: 120px !important;
	margin-top: 20px;
	border-radius: 8px;
	overflow: hidden;
	float: left;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}
.vw-img {
	width: 120px;
	margin-right: 15px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}
.up-image:hover {
  background: #ffffff80;
}
.up-image {
  width: 120px;
  margin-right: 15px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  border: 2px dashed #b8b8b8;
  height: 150px;
  background-position: center !important;
  background-size: cover !important;
  display: grid;
  align-items: center;
  transition: .2s all;
  cursor: pointer;
}
.up-image:hover .up-hvr {
  transform: scale(1.2,1.2);
}
.up-image:hover .up-cntr span, .up-image:hover .up-cntr p {
  color: #323232;
}
.up-hvr {
  inset: 0;
  background-position: center !important;
  transition: .2s all;
  background-size: cover !important;
  z-index: -1;
  opacity: .5;
}
.up-cntr {
  text-align: center;
  padding: 0 10px;
}
.up-cntr span {
  font-size: 30px;
  color: #4c4c4c;
}
.up-cntr p {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: #4c4c4c;
}
.f-up {
	margin-top: 15px;
	float: left;
	width: 150px;
	display: unset !important;
}
.f-up span,.f-up button {
	background: #ededed;
	color: #131313;
	font-weight: 500;
	transition: .2s all;
	width: 150px !important;
	max-width: unset !important;
	border: none;
	height: 45px;
	border-radius: 5px;
}
.f-up:hover span {
	background: #131313;
	color: #fff;
	font-weight: 500;
}
.f-up button:hover {
	background: #131313;
	color: #fff;
}
.p-img-dlt:hover {
	background: #fff;
}
.p-img-dlt {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 25px;
	height: 25px;
	background: #ffffffa1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: .2s all;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
}
.p-img-dlt:hover {
	background: #fff;
}
.vw-img:hover .p-img-dlt {
	visibility: visible;
	opacity: 1;
}
.p-img-dlt svg {
	font-size: 15px;
}
.d-drp {
	width: 100%;
	max-width: 250px;
	margin-bottom: 15px;
}
.dsh-d {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ds-ch-hd {
	padding-right: 20px;
	float: left;
}
.dsh-d .d-drp {
	width: 160px;
}
.shp-dtl-p {
	margin: 0;
}
.shp-dtl {
	margin: 15px 0 20px 0;
	border-top: 1px solid #e4e4e4;
	padding-top: 15px;
}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select {
	background: #f6f6f6 !important;
	height: 45px !important;
	border-color: #eee !important;
	border-radius: 4px !important;
	padding: 5px 10px !important;
}
.paginate_button.current {
	background: #f6f6f6 !important;
	border-color: #eee !important;
	border-radius: 4px !important;
}
#DataTables_Table_0_length,#DataTables_Table_0_filter {
	margin-bottom: 15px;
}
#DataTables_Table_0_paginate,#DataTables_Table_0_info {
	margin: 15px 0;
}
.tb-hd {
	display: none;
}
.ft-pr svg {
	font-size: 13px;
}
.ft-pr svg path {
	color: #ff9f00;
}
.dropdown-options {
	position: absolute;
	width: max-content;
	min-width: 200px;
	right: 10px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #eee;
	top: 30px;
	box-shadow: 0px 5px 10px #3232320d;
	padding: 5px;
	z-index: 1;
}
.dropdown-options a {
	font-size: 13px;
	color: #323232;
	text-decoration: none;
	padding: 8px;
	float: left;
	cursor: pointer;
	transition: .2s all;
}
.dropdown-options a:hover {
	background: #f6f6f6;
	border-radius: 5px;
}
.l-menu ul li a {
	color: #fff !important;
} 
table.dataTable tbody th, table.dataTable tbody td a {
	color: #323232;
	text-decoration: none;
}
.spn1 {
  	font-weight: 600;
}
.spn2 {
  color: #646464;
  padding-left: 5px;
}
.modal-header, .modal-body, .modal-footer {
  padding: 15px 20px;
}
.mdl-p-cnt {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.modal-title, .modal-title span {
  font-size: 17px;
}
.progress-bar-out {
  float: left;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 5px;
  left: 50%;
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translate(-50%,-50%);
}
.progress-bar-in {
  float: left;
  height: 50px;
  background: #131313;
  border-radius: 5px;
  transition: .6s ease;
}
.prgrs-bar {
  position: fixed;
  background: #00000026;
  left: 250px;
  top: 50px;
  right: 0px;
  bottom: 0;
}
#pgrs-count {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 100000;
  color: #f95453;
  font-weight: 500;
  font-size: 12px;
}
.cls-pop {
  position: fixed;
  inset: 0;
  background: #25252530;
  z-index: 100;
  display: none;
}
#getCroppedCanvasModal {
  position: fixed;
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
  z-index: 101;
  max-width: 350px;
  width: 90%;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}
#download {
  padding: 0;
  max-width: 160px;
  margin: 25px auto 20px auto;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d2d2d2;
}
#download canvas {
  width: 100% !important;
  height: unset !important;
  float: left;
}
#optdiv {
  float: left;
}
.minicolors.minicolors-theme-default.minicolors-position-bottom {
  height: 45px;
}
.clr-pik {
  overflow: unset !important;
}
#color {
  height: 45px;
  padding-left: 50px;
}
.minicolors.minicolors-theme-default.minicolors-position-bottom {
  height: 45px;
  width: 100%;
}
.minicolors-theme-default .minicolors-swatch {
  top: 50% !important;
  left: 10px !important;
  width: 30px !important;
  height: 30px !important;
  transform: translateY(-50%) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.lang-msg label {
  margin: 0;
}
.lang-msg {
  display: flex;
}
.lang-msg label {
  margin: 0;
  width: 30%;
  padding-top: 20px;
  line-height: 24px;
}
.lang-msg .fld1.fd {
  height: 45px;
  width: 100%;
}
.lang-txt {
  width: 70%;
}
.notif-drop {
  width: 300px;
  right: -30px;
  padding: 0;
}
.notif-drop ul {
  padding: 15px !important;
  max-height: 400px;
  overflow: scroll;
  overflow-x: unset;
  margin: 10px 0;
}
.notif-list {
  display: flex;
}
.nt-lst-icn {
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  background: #b8b8b8;
}
.nt-lst-icn span {
  font-size: 16px;
}
.nt-msg {
  flex: 1;
  font-size: 13px;
  padding-left: 10px;
}
.notif-drop ul li {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.notif-drop ul li:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
.nt-lst-icn.l1 {
  background: #d3ebff;
}
.nt-lst-icn.l2 {
  background: #ffcffe;
}
.nt-lst-icn.l3 {
  background: #f9d3c0;
}
.nt-lst-icn.l4 {
  background: #bbfbec;
}
.nt-msg p {
  font-size: 13px;
  margin: 0;
}
.nt-msg span {
  font-size: 12px;
  color: #a3a3a3;
  font-style: italic;
}
.h-menu-r,.notif {
  display: flex;
  align-items: center;
}
.notif-bt {
  height: 35px;
  margin-right: 20px;
}
.notif-cnt {
  position: absolute;
  background: #f75453;
  top: 3px;
  right: -5px;
  width: 15px;
  height: 15px;
  font-size: 9px;
  text-align: center;
  border-radius: 10px;
  line-height: 16px;
  color: #fff;
}
.notif {
  position: relative;
}