html,
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}

body {
	overflow-x: hidden;
	background: #fff;
	color: #4D4F5C;
}

section {}

body * {
	/* color: #000000; */
	color: #555B6D;
}

ul li {
	list-style-type: none;
}

ul {
	padding: 0;
}

button:focus {
	outline: 0;
}

.nopadding {
	padding: 0px !important;
}

a {
	/*transition: all 0.3s;*/
}

a,
a:hover,
a:active {
	text-decoration: none;
}

.form-control:focus {
	box-shadow: none;
	border-color: #dedede;
}

input:focus {
	outline: none;
	box-shadow: none;
}

*:focus {
	outline: none;
	box-shadow: none;
}

.btn.focus,
.btn:focus {
	box-shadow: none;
}

.btn {
	background-color: #43425D;
	font-size: 18px;
	color: #fff;
	padding: 12px 15px;
	font-weight: 500;
	border: 1px solid #43425D;
	border-radius: 5px;
}

.btn-default {
	color: #43425D !important;
	background-color: #fff !important;
}

.btn:hover {
	color: #fff;
}

.new-btn {
	position: absolute;
	right: 15px;
	top: -10px;
	min-width: 130px;
	padding: 8px 10px;
	font-size: 12px;
}

/* Login start */
.login-row {
	overflow: hidden;
}

.login-leftimg {
	width: 100%;
	height: 100%;
}

.login-right {
	position: relative;
	background: #fff;
}

.login-main {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 0px;
	width: 60%;
	max-width: 450px;
}

.login {
	text-align: center;
}

.login-main h6 {
	font-size: 18px;
	opacity: 0.5;
	margin: 26px 0px 30px;
}

.login-main form {
	margin-top: 30px;
}

.login-main .btn {
	background-color: #43425D;
	font-size: 13px;
	color: #fefefe;
	/* padding:10px 15px; */
	width: 100%;
	margin: 0px 0px 10px;
}

.form-check-label {
	line-height: unset !important;
	font-size: 14px !important;
	margin-bottom: 0px !important;
}

.forgot-password {
	float: right;
	color: #524fa1;
	cursor: pointer;
	font-size: 14px;
}

.copy-text {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 13px;
	text-align: center;
}

.forget-pass p {
	font-size: 14px;
	font-weight: 300;
}

.forget-pass,
.reset-pass {
	display: none;
}

/* form start */
.login-main .form-group {
	margin-bottom: 25px;
}

.login-main .form-control {
	border-color: #e9e9f0 !important;
	font-size: 15px;
	padding: 23px 5px;
	border: 0px;
	border-bottom: 1px solid;
	border-radius: 0;
}

.login-check {
	display: table;
	width: 100%;
}

.login-main .custom-checkbox {
	float: left;
}

.login-check .custom-control-label {
	margin-bottom: 0px !important;
	line-height: 23px !important;
	font-size: 14px !important;
}

.login-check .custom-control-label::before {
	background-color: #e0ebed;
}

.login-check .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #adb5bd;
	background-color: #adb5bd;
}

.login-check .custom-control-input:focus~.custom-control-label::before {
	box-shadow: none;
}

.login-check .custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: #adb5bd;
}

.login-main input::placeholder {
	color: #2d2d2d;
}

.login-main input:-ms-input-placeholder {
	color: #2d2d2d;
}

.login-main input::-ms-input-placeholder {
	color: #2d2d2d;
}

/* form start */
.login .btn {
	margin: 5px;
}

/* Login end */

/* nav and sidebar start */
#wrapper {
	background: #F4F4F4;
}

.sidebar {
	background-color: #5C2E91;
	padding-top: 15px;
}

.profile-name {
	background: #000;
	color: #fff;
	font-size: 12px;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 40px;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	margin: 0px 20px 0px 0px;
}

.navbar-nav .fa {
	color: #666666;
}

i.fas.fa.fa-bell-o {
	margin: 10px 15px 0px 0px;
}

.fa-angle-down {
	font-size: 18px;
}

.sidebar .nav-item .nav-link {
	padding: 15px 20px !important;
	font-size: 16px;
}

.sidebar div {
	float: left;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: 600;
	font-size: 13px;
	opacity: 1;
	background-color: #ffffff00!important;
	margin: 5px 15px 6px;
}

.sidebar span {
	color: #FFFFFF;
	opacity: 0.5;
	display: inline-block !important;
	font-size: 13px;
}

.sidebar .bx {
	color: #FFFFFF;
	opacity: 0.5;
	display: inline-block;
	font-size: 18px;
}

.sidebar .active span {
	color: #fff;
	opacity: 1;
}

.sidebar .active .bx {
	color: #fff;
	opacity: 1;
}

.sidebar .nav-link:hover span,
.sidebar .nav-link:hover .bx {
	opacity: 1;
}

.dropdown-toggle::after {
	display: none;
}

.static-top {
	background: #fff;
}

.nav-right-ul li {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.nav-right-ul li .bx-bell,
.nav-right-ul li .bx-cog {
	color: #555B6D;
	font-size: 18px;
}

/* nav and sidebar end */

.sec-header {
	font-size: 15px;
	font-weight: 700;
	margin: 5px 0px 20px;
	color: #555B6D;
}

.box-row {
	margin: 0px 0px 25px;
}

.box-row .card {
	border-radius: 0px;
	box-shadow: 0px 2px 6px #0000000A;
	border: 0px;
}

.box-row .card-header {
	background: #fff;
	border: 0px;
	color: #4D4F5C;
	/* font-size:18px; */
}

.card-header-title {
	font-size: 15px;
	font-weight: bold;
}

.box-row .card-body.gatepass-saveoutput {
	padding-top: 5px;
}

/* DASHBOARD start */
.dash-num-card p {
	opacity: 1;
	font-size: 13px;
	color: #495057
}

.dash-num-card i img {
	margin-bottom: 1.3rem;
}

.number {
	color: #495057;
	font-size: 20px;
	font-weight: 700;
	margin-top: 16px;
}

.number-txt {
	font-size: 11px;
	font-weight: 700;
}

.rate-up {
	color: #3CC480;
}

.rate-up1 {
	color: #00B6BD;
	font-size: 14px;
	font-weight: bold;
}

.rate-down {
	color: #FF4141;
}

.number-txt .fa-arrow-up {
	color: #3CC480;
	font-size: 11px;
	margin-right: 5px;
}

.number-txt .fa-arrow-down {
	color: #FF4141;
	font-size: 11px;
	margin-right: 5px;
}

div#published-table_length,
div#published-table_filter,
div#published-table_info {
	display: none;
}

thead {
	background: #F5F6FA;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: transparent;
}

.table thead th {
	border: 0px;
	/* color:#A3A6B4; */
	font-size: 13px;
	font-weight: 700;
	color: #495057;
}

.table td {
	/* color:#4D4F5C; */
	font-size: 13px;
	font-weight: 400;
	color: #495057;
}

.card-profile {
	/* width: 30%; */
	background-color: #5C2E9133;
	padding: 10px;
	border-radius: 5px;
	padding-bottom: 17px;
	/* position: absolute; */
	/* left: 15px; */
}

.card-profile p {
	margin: 0px;
	font-size: 11px;
	color: #5C2E91;
}

.designation {
	color: #495057;
	font-size: 10px;
}

.custom-card {
	padding: 1rem;
}

/* .dash-num-card .card-body{
	padding:0px !important;
} */
.card1 {
	font-size: 14px;
	padding: 1.25rem;
}

.card1 p {
	font-size: 14px;
}


.card1 div {
	font-size: 13px;
	margin-top: 16px;
}

.active1 {
	color: #00B6BD !important;
	font-size: 14px !important;
}

.search-box input {
	height: 30px;
}

.reports #brands-table_length,
.reports #product-table_length {
	float: left !important;
}

.reports select {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #CED4DA;
	border-radius: 3px;
	opacity: 1;
	margin: 0px 10px;
	font-size: 13px;
}

.reports label,
#product-table_info,
.paginate_button,
.reports input {
	color: #495057;
	font-size: 13px;
}


.reports input {
	border: 1px solid #CED4DA;
}

.current {
	background-color: #5C2E91;
	color: #fff !important;
	padding: 5px 10px;
	border-radius: 15px;
	margin: 0px 10px;
}

/* DASHBOARD end */

/* Preethi new design */
/* .sidebar li:first-child{

} */
.bold {
	font-weight: bold !important;
}

.file-active {
	background-color: #5C2E91;
	opacity: .1;
	color: #000 !important;
}

.dropdown-list1 a {
	color: #495057;
}

.user-name {
	color: #555B6D;
	font-size: 13px;
}

.pink-alert,
.green-alert {
	border-radius: 5px !important;
	margin-right: 8px;
	font-size: 13px;
}

.pink-alert {
	background-color: #FDE1E1;
	color: #7F3737;
}

.green-alert {
	background-color: #D6F3E9;
	color: #1B654A;
}

.scrollable {
	overflow-y: auto;
	max-height: 300px;
}





.card-height {
	min-height: 300px;
	box-shadow: 0px 3px 6px #5C2E911A;
	border: 0 !important;
}

.report-btn ul li {
	display: inline-block;
	margin: 0px 10px;
	font-size: 13px;
	color: #495057;
}

.report-btn .btn-active {
	background-color: #5C2E91;
	color: #fff;
	padding: 8px;
	border-radius: 3px;
}

.view-btn p {
	background-color: #5C2E91;
	padding: 5px;
	border-radius: 20px;
	font-size: 12px;
	color: #fff;
	margin: 0px;
	text-align: center;
	width: 99px;
}

.pay-status-pending,
.pay-complete {
	padding-top: 17px !important;
}

.pay-status-pending span {
	color: #F46A6A;
	background-color: #FDE4E4;
	padding: 8px;
	border-radius: 25px;
	font-size: 12px;
}

.pay-complete span {
	color: #34C38F;
	background-color: #DAF4EB;
	padding: 8px;
	border-radius: 25px;
	font-size: 12px;

}



.scrollable::-webkit-scrollbar {
	width: 4px;
}

/* Track */
.scrollable::-webkit-scrollbar-track {
	background: #E9E9E9 0% 0% no-repeat padding-box;
	border-radius: 10px;
}

/* Handle */
.scrollable::-webkit-scrollbar-thumb {
	background: #E9E9E9 0% 0% no-repeat padding-box;
	border-radius: 10px;
}

/* Handle on hover */
.scrollable::-webkit-scrollbar-thumb:hover {
	background: #555;
}

p {
	margin: 0;
}

.show-more p {
	color: #3B86FF;
	font-size: 13px;
}

footer p {
	color: #74788D;
	font-size: 13px;
}

/* Products.html */
.card-table {
	width: 100%;
}

.table-head {
	margin-top: 20px;
}

.new-btn-top {
	font-size: 13px;
	background-color: #5C2E91;
	margin-bottom: 15px;
	padding: 5px 10px !important;
	border-radius: 3px;
}

.font-size {
	font-size: 18px;
}

#ReportInput {
	width: 20%;
}

#ReportInput option,
#ReportInput {
	border: 1px solid #B1BBC4;
	font-size: 13px;
	color: #555B6D;
}

.arrow-up {
	color: #00CF37;

	font-size: 16px;
}

.arrow-down {
	font-size: 16px;
	color: #FF0000;
}

/* Login new usman */

.welcome {
	background: #ded5e9;
	padding: 25px;
	color: #5C2E91;
}

.welcome h5 {
	font-size: 16px;
	color: #5C2E91;
}

.welcome p {
	font-size: 13px;
	color: #5C2E91;
	margin-bottom: 20px;
}

.login-main .card-body {
	padding: 25px;
}

.login-main .card-body {
	padding: 25px;
}

.login-logo {
	margin-top: -50px;
}

.login-main .form-horizontal {
	margin: 25px 0px 10px
}

.login-main label {
	font-size: 13px;
}

.login-main .form-control {
	height: 36px;
	border: 1px solid #B1BBC4;
}

.login-main .form-group {
	margin-bottom: 15px;
}

.copy-text1 {
	font-size: 13px;
	margin: 50px auto 0px;
}

.login-btn1 {
	background-color: #5C2E91 !important;
	font-size: 13px;
	color: #fff;
	/* height: 36px; */
	padding: 5px 12px;
	font-weight: 400;
	border: 1px solid #5C2E91 !important;
	border-radius: 3px;
}

.forgot a {
	margin: 25px auto 0px;
	color: #74788D;
	font-size: 13px;
	display: table;
}

.forgot .bx:before {
	content: "\edbf";
	color: #74788D;
}

/* modal start */
.modal-header {
	background: #5C2E91;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	height: 50px;
	padding: 18px 20px;
	line-height: 14px;
}

button.close {
	position: absolute;
	right: 25px;
	top: 7px;
	color: #fff;
	opacity: 1;
	font-size: 30px;
	font-weight: 300;
}

.modal-up div {
	color: #495057;
	font-size: 14px;
}

#Restock input {
	font-size: 13px;
}

.model-box {
	width: 602px;
	margin: 0 auto;
}

.card-header-title1 {
	background-color: #fff !important;
	border-bottom: 0px !important;
}

/* modal end */
.sub-heading {
	color: #495057;
	font-size: 13px;
}

.dropdown-active1 {
	background-color: #F6F6F6;
	color: #495057;
}

.dropdown-menu-right ul {
	list-style-type: circle;
}

.dropdown-menu-right ul li {
	font-size: 10px;
}

.change-property {
	font-size: 12px;
}

.gatepass-saveoutput .table-responsive {
	display: table;
}

#log-table_wrapper .dataTables_length {
	float: left;
}

/* Chekcbox */
.custom-control-label {
	padding: 3px 0px 0px 5px;
	font-size: 12px;
}

.custom-control-label::before {
	width: 16px;
	height: 16px;
}

.custom-control-label::after {
	width: 16px;
	height: 16px;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: transparent;
	border-color: #adb5bd;
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: none;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: #adb5bd;
}

.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #5C2E91;
	background-color: #5C2E91;
}

/* checkbox end */


@media (min-width: 992px) {
	#sidebarToggle {
		display: none;
	}
}

@media(max-width:991px) {
	.gatepass-saveoutput .table-responsive {
		display: block;
	}
}

@media (max-width: 767px) {

	#product-table_filter label,
	#log-table_filter label {
		float: left;
	}

	.login-row .h-100 {
		height: auto !important;
	}

	.login-row {
		background: #fff;
		overflow: auto;
	}

	.login-right {
		position: relative;
		background: #fff;
	}

	.login-main {
		width: 90%;
		position: relative;
		transform: unset;
		left: unset;
		top: unset;
		margin: 25px auto;
	}

	.copy-text {
		width: 100%;
		position: relative;
		transform: unset;
		bottom: unset;
		left: unset;
		padding: 25px 0px;
	}

	.navbar-brand img {
		width: 100px;
	}

	.profile-name {
		margin: 0px 15px 0px 0px;
	}

	i.fas.fa.fa-bell-o {
		margin: 10px 10px 0px 0px;
	}

	button#sidebarToggle {
		background: transparent;
		padding: 5px;
		border-radius: 0px;
		line-height: 0px;
		margin-right: 5px;
	}

	.navbar-brand {
		display: none;
	}

	.navbar-expand {
		padding: 10px 10px;
	}

	.sidebar {
		padding-top: 10px;
	}

	.sidebar .nav-item .nav-link {
		padding: 13px 20px !important;
		font-size: 13px;
		width: 100% !important;
		display: flex;
		text-align: left;
	}

	.sidebar .bx {}

	.sidebar .dot {
		width: 7px;
		height: 7px;
		margin: 3px 5px 0px 0px;
	}

	.sidebar div {
		line-height: 14px;
		margin: 15px 20px;
	}

	.sidebar {
		position: absolute;
		z-index: 999;
		top: 76px;
		display: none;
	}

	.sidebar.toggled {
		width: 90% !important;
		overflow: hidden;
		display: block;
	}

	#wrapper #content-wrapper {
		padding: 0px 0px;
	}

	.dashboard-row .col-sm-6 {
		margin-bottom: 15px;
	}
	/*New Medai CSS*/
.card1 .float-rgt
{
	float: none!important;
	text-align: center!important;
}
.card1 .float-lft
{
	float: none!important;
	text-align: center!important;
}
}

/* style1 */
.box-row .new-merchant .form-group label,
.box-row .new-merchant .form-group input,
.box-row .new-merchant .form-group select {
	font-size: 13px;
	line-height: 25px;
	letter-spacing: 0;
	color: #495057;
	border-radius: 0;
}

.box-row .section-header {
	font-size: 15px;
	font-weight: 700;
	margin: 5px 0px 20px;
	color: #555B6D;
	width: 100%;
}

.box-row .new-merchant .form-control {
	font-size: 13px;
	line-height: 25px;
	color: #495057;
	width: 95%;
	height: 36px;
}

.custom-file-upload {
	display: inline-block;
	cursor: pointer;
}

::-webkit-file-upload-button {
	background-color: #555B6D;
	color: #fff;
	padding: 2px 28px;
	border-color: #555B6D;
	box-shadow: none;
	border-radius: 25px;
}

.submit-btn {
	font-size: 13px;
	line-height: 25px;
	padding: 6px 25px;
	background: #5C2E91;
}

#chart {
	height: 300px;
	margin-top: 65px;
}

.highcharts-figure,
.highcharts-data-table table {
	margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}

.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
	padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}

.highcharts-data-table tr:hover {
	background: #f1f7ff;
}

.select2-container {
	width: 95% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	font-size: 11px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
	border: 1px solid #ced4da;
	border-radius: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	float: right;
	margin-left: 5px;
	color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #5C2E91;
	border: 1px solid #5C2E91;
	color: #fff;
	border-radius: 0px;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
	padding: 2px 28px;
	border-radius: 25px;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.fileUpload span {
	font-size: 13px;
	color: #fff;
	line-height: 25px;
}

#uploadFile {
	border: none;
	background: transparent;
}

.fileUpload:hover {
	background: #555B6D;
	border-color: #555B6D;
}

/* End of style1 */


/*new*/
.box-row .settings-form label {
	font-size: 15px;
	line-height: 25px;
	color: #43425D;
}

.box-row .settings-form .form-control {
	font-size: 13px;
	line-height: 13px;
	color: #000000;
	width: 95%;
	height: 40px;
}

.box-row .settings-form {
	padding-left: 10px;
}

.box-row .settings-form .btn {
	padding: 10px 65px;
}

.edit-btn {
	position: absolute;
	right: 15px;
	top: 14px;
	min-width: 130px;
	padding: 8px 10px;
	font-size: 12px;
}

.box-row .fa {
	color: #fff;
}

.box-row .vendor-form label {
	font-size: 15px;
	line-height: 25px;
	color: #43425D;
}

.box-row .vendor-form .form-control {
	font-size: 13px;
	line-height: 13px;
	color: #000000;
	width: 95%;
	height: 40px;
}

.box-row .vendor-form {
	padding-left: 10px;
}

.box-row .vendor-form .btn {
	padding: 10px 65px;
}

.box-row .new-agent label {
	font-size: 15px;
	line-height: 25px;
	color: #43425D;
}

.box-row .new-agent .form-control {
	font-size: 13px;
	line-height: 13px;
	color: #000000;
	width: 95%;
	height: 40px;
}

.box-row .new-agent {
	padding-left: 10px;
}

.box-row .new-agent .btn {
	padding: 10px 65px;
}

#report-table_filter,
#report-table_length {
	display: none;
}


/*New CSS*/
.card1 .float-rgt
{
	float: right;
}
.card1 .float-lft
{
	float: left;
}
.btn:hover{
	background-color: #5C2E91!important;
}

.bxs-chevron-down:before
 {

    position: relative;
    top: 3px;
    left: -5px;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {

    background-color: #582a8b!important;

}