﻿* {
	font-family: Poppins !important
}

:root {
	font-family: Poppins !important
}

.e-control, .e-control[class^='e-'], .e-control[class*=' e-'], .ej-form-input, a, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
ejs-textbox, ejs-dropdownlist, .e-float-input, .e-float-input.e-control-wrapper, .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled,
.e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled, .e-float-input, .e-float-input.e-control-wrapper,
.e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled,
.e-checkbox-wrapper .e-label {
	/*font-size: 1rem;*/
	font-family: Poppins !important;
	/*color: black;*/
}

.navbar {
	position: fixed;
	width: 100%;
	z-index: 1000000;
	top: 0;
}
Bhabani promises friendly service and commitment to customer’s satisfaction with and ongoing effort to stay at the technical
forefront of our rapidly changing industry. We pride ourselves on treating our all print buyers with the same professional
approach, irrespective of sizes of business, it is either small or big. The printing process adopted by Bhabani,
is based on the complete Heidelberg print solutions right from the pre-press to post-press.
We attain excellence in all areas when quality is guaranteed. We also realize that today's market is price driven.
We guide our buyers with all avenues how to cut costs. Combining all the low overheads with an in-depth knowledge of the industry
means that our prices are incredibly reasonable, but our service is always personal, friendly and professional

html {
	height: 100%;
}

body {
	min-height: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	/*color:black;*/
}

/*.e-control, [class^="e-"] *:not([class*="e-icon"]) {*/
	/*font-size: 15px !important;*/
	/*font-family: Helvetica, sans-serif;*/
	/*font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif !important;*/
/*}*/

.inputaddon {
	height: 33px;
}

/*.footer {
	grid-row-start: 3;
	grid-row-end: 4;
}*/

.main-content{
	/*height:90vh;*/
	/*max-height:90vh;*/
	/*overflow:hidden;*/
	min-width:100%;
	min-height:75vh;
}

.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text {
	color: #000000;
	font-size: 14px;
}

.e-headertext {
	font-size: 20px;
	font-weight:600;
	color:black;
	font-variant-caps:all-small-caps;
}

.e-list-group-item .e-text-content .e-list-text {
	font-size: 14px;
	font-weight: 600;
	color: black;
	/*font-variant-caps: all-small-caps;*/
}
/*From Synfusion Sample Ends*/
.modal-header {
	background-color: #1D2127;
}

.tbl-row-sm td {
	padding: 4px;
}

.tbl-row-sm th {
	padding: 4px;
}

.modal-title {
	color: #A7A9AC;
	margin: auto;
}

ejs-textbox, ejs-numerictextbox, ejs-dropdownlist
{
	margin-top:20px;
}

.ej-form-input {
	margin-top: 10px;
}

.form-control {
	/*	height: calc(1em + 1.5rem + 0px);
	padding: 0.25rem 1rem;
	line-height: 1;*/
	border-radius: 0.25rem;
	color: black;
	margin: 0.25em 0 0.25em 0;
}

.form-control-sm {
	/*	height: calc(1em + 1rem + 0px);
	padding: 0.25rem 1rem;
	line-height: 1;*/
	border-radius: 0.25rem;
	color: black;
	margin: 0.25em;
}

.btn {
	border-radius: 0.25rem;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
	color:orangered;
}

/*.form-label{
	padding:2rem;
}*/

.horizontal-scrollable > .row {
	overflow-x: auto;
	white-space: nowrap;
}

	.horizontal-scrollable > .row > .col-xs-4 {
		display: inline-block;
		float: none;
	}

	.page-footer {
		position: absolute;
		bottom: 0;
		width:100%;
	}

.border-warning {
	border-color: #f47920 !important;
}


.cus-bg-primarycolor {
	background-color: #414141; /*Black*/
	color: white;
}


.cus-bg-secondarycolor {
	background-color: #a7a9ac; /*Mid-Grey*/
	color: white;
}

.cus-bg-lightcolor {
	background-color: #f5f5f5; /*light - grey*/
	color: black;
}

.cus-bg-body {
	background-color: white;
}

.cus-bg-body-dark {
	background-color: white;
}

.cus-bg-warning {
	background-color: #f47920; /*Orange*/
	color: white;
}

.cus-font-primarycolor {
	color: #a7a9ac;
}

.cus-font-secondarycolor {
	color: #607D8B;
}

.cus-font-warning {
	color: #f47920;
}

.hover {
	/*background-color: #f47920;*/
	/*color: #f47920;*/
	transform: scale(1.1);
}

/*.nav-link:hover {*/
	/*text-decoration: none;*/
	/*color: #f47920;
	transform: scale(1.1);
}

.nav-link:focus {*/
	/*text-decoration: none;*/
	/*color: #f47920;
}*/
	.btn:hover {
	color: #f47920;
	transform: scale(1.05);
	/*	background-color: #f47920;*/
	/*box-shadow:rgba(0,0,0,0.4) 10px 10px unset;*/
	/*border-color: #010000;*/
}

.nav-tabs {
	background-color: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.card-header .nav-tabs {
	background-color: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

/*.nav-link:hover, .nav-link:focus {
	color: #f47920;
}*/

/*.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-item .nav-link.active {
	color: #f47920;
	background-color: #f5f5f5;
	border-color: #f5f5f5 #f5f5f5 #f47920;
}*/

/*.card-header .nav-tabs .nav-link.active,
.card-header .nav-tabs .nav-item.show .nav-link,
.card-header .nav-item .nav-link.active {
	color: white;
	background-color: #414141;
	border-color: white white #414141;
}*/

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

/*dropdown divider in navigation menu*/
.dropdown-divider {
	border-top: 1px solid orange
}
	/*.smallfont {
	height: calc(1.5em + 1rem + 0px);
	padding: 0.5rem 1rem;
	font-size: 0.765625rem;
	line-height: 1.5;
}*/

	.MultipleSelect{
	border:none;
}

.fade.in {
	opacity: 1;
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-backdrop.in {
	opacity: 0.5;
}

.modal-backdrop {
	display: none;
}

.modal-content {
	margin: 2px auto;
	z-index: 1100 !important;
}

.input-group-text {
	background-color: #a7a9ac;
	color: white;
}

input,.form-control {
	border: 1px solid #aaa;
}

.form-check-input {
	color: #f47920;
}

input[type=checkbox]:checked {
	background: #f47920;
}

select.input-group-text {
	border-left: 0px;
}

.vertical-text {
	writing-mode: vertical-rl;
	padding: 4px;
	/*transform: rotate(90deg);*/
	/*transform-origin: left top 0;*/
	/*text-orientation: upright;*/
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 17px;
}

	/* Hide default HTML checkbox */
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #607D8B;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 12px;
		width: 12px;
		left: 3px;
		bottom: 3px;
		background-color: white;
		-webkit-transition: .3s;
		transition: .3s;
	}

input:checked + .slider {
	background-color: #f47920;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}

body {
	position: relative;
}

.login {
	width: 950px; /* Set this to your convenience */
	height: 300px; /* Set this to your convenience */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -320px; /* Half of height */
	margin-left: -475px; /* Half of width */
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.form-rounded {
	border-radius: 0.25rem;
}

.layoutModal {
	width: 750px;
	margin: auto;
}

.noMarginLeft {
	margin-left: 0rem;
}

.e-toast-container .e-toast .e-toast-message .e-toast-content {
	color: green;
	font-size: 13px;
	font-weight: normal;
}

a {
	color: black;
	text-decoration: none; /* no underline */
}

/* DashboardLayout element styles  */
#defaultLayout {
	padding: 10px;
}

	#defaultLayout .e-panel .e-panel-container {
		vertical-align: middle;
		font-weight: 600;
		font-size: 20px;
		text-align: center;
		line-height: 160px;
	}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.card {
	overflow: hidden;
	/*background-color: #a6a5de;*/
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 6px;
}

.card-container {
	padding-left: 16px;
	padding-right: 0;
}

	.card-container:first-child {
		padding-left: 16px;
	}

	.card-container:last-child {
		padding-right: 16px;
	}

.toast-success {
	background-color: darkolivegreen;
	font-size: 18px;
	font-weight: bold;
}

.toast-danger {
	background-color:indianred;
	font-size: 18px;
	font-weight: bold;
}

.custom.e-listview .e-list-item.e-high .e-text-content {
	color: red;
}

.blackBorderTable, .blackBorderTable td, .blackBorderTable th {
	border-color: black;
}

.e-listview .e-list-item, .e-listview .e-list-group-item {
	height: auto !important;
}

.e-listview .e-list-text {
	white-space: normal !important;
}

.cus-bg-header {
	/*background-color: #f47920;*/
	background-color: #faa56c;
	color: black;
}

.e-grid .e-gridheader {
	/*border: 2px solid green*/
}

.e-grid .e-headercell {
	color: darkblue;
}

.e-grid .e-headertext {
	font-size: 16px;
}

.nav-link {
	color: white;
	font: bold 48px !important;
}
