* {
	box-sizing: border-box;
}

.createBtnRight {
	width: 100%;
}

.createBtnRight tr td.leftHeader {
	width: 50%;
}

.leftHeader {
	color: #000;
	float: left;
}

.rightHeader {
	float: right;
}

button.createButton {
	/* margin-right: 0.5rem !important; */
	position: absolute;
	right: 32px;
	z-index: 1;
	top: 5.25rem;
	height: 36px !important;
	background-color: #3F51B5 !important;
}

.rightHeader>button.createButton {
	position: absolute;
	right: 32px;
	z-index: 1;
	height: 36px !important;
}

.universalSearch {
	width: 75%;
}

.universalSearch input, .universalSearchIDT input {
	height: 39px;
	border: solid 1px #bdbdbd !important;
	border-radius: 2px 0 0 2px !important;
	background-image: none;
}

.universalSearch input {
	width: 100%;
}

.universalSearchIDT input {
	width: 100%;
	padding: 2px 0 2px 10px;
	border-right: 0 !important;
}

.universalGo, .universalGoNew {
	height: 39px !important;
	border-radius: 0 2px 2px 0 !important;
	width: 9.8%;
}

.universalSearchIDT {
	width: 70%;
}

.universalSearchIDT+span>input {
	height: 39px !important;
	border: solid 1px #bdbdbd !important;
	background-image: none;
	border-right: 0 !important;
}

.universalSearchIDT+span {
	position: relative;
	width: 20%;
	display: inline-block;
}

.universalSearchIDT+span input {
	width: 100%;
}

.universalSearchIDT+span>button {
	padding: 0 !important;
}

.universalSearchIDT+span>button.ui-datepicker-trigger {
	width: 2.75rem !important;
	height: 39px !important;
	margin-top: 0 !important;
	top: 0 !important;
	right: 3px !important;
	position: absolute;
}

.universalSearchIDT+span>button span.ui-icon {
	width: 2.75rem !important;
	height: 30px !important;
	top: 12px !important;
	left: 0 !important;
	margin: 0 !important;
}

.universalSearchIDT+span>button .ui-icon-calendar::before {
	/* font-size: 23px; */
}

.universalGoNew {
	position: relative;
	border-radius: 0 2px 2px 0 !important;
}

.fe, .fv, .fd, .fp, .fh, .fdwn, .fs {
	font: normal normal normal 14px/1 primeicons;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	border-radius: 3px;
	color: #FFF;
}

.fv {
	-webkit-font-smoothing: antialiased;
	background: #0277BD;
	padding: 5px;
	font-size: 8px;
}

.fe {
	-webkit-font-smoothing: antialiased;
	background: #FED02F;
	font-size: 8px;
	padding: 5px;
}

.fd {
	-webkit-font-smoothing: antialiased;
	background: #E53935;
	font-size: 8px;
	padding: 5px;
}

.fs {
	-webkit-font-smoothing: antialiased;
	background: #9ACD32;
	padding: 5px;
	font-size: 8px;
}
.ui-icon-disk::before {
	content: "\f0c7";
	font-family: 'FontAwesome', sans-serif;
	color: #FFF;
}

.save span.ui-icon {
	margin: -6px 0px 0px 0px !important;
}

.buttons_center {
	margin-top: 2% 0% 3% 0%;
	display: block;
	text-align: center;
}

.ui-icon-arrowreturnthick-1-e::before {
	content: "\f064";
	font-family: 'FontAwesome';
	color: #FFF;
}

.layout-wrapper .ultima-menu li a span {
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis !important;
	overflow: hidden;
	white-space: nowrap;
	width: 75%;
}

.layout-wrapper .topbar .logo {
	background: none;
}

.layout-wrapper .topbar .logo img {
	width: 200px;
	height: 65px;
}

.layout-wrapper .topbar .topbar-left {
	padding: 9px 5px;
	background-color: #fff !important;
}

.customDialogStyle .ui-dialog-titlebar {
	padding: 10px 5px 0px 0px !important;
	border-bottom: none #e0e0e0 !important;
	background-color: #ffffff;
	color: #546e7a;
	font-size: 19px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	position: absolute;
	width: 100%;
}

.customDialogStyle .ui-icon-warning, .customDialogStyle .ui-icon-alert,
	.customDialogStyle .ui-icon-check {
	width: 100%;
	display: block;
	text-align: center;
}

.customDialogStyle .ui-dialog-titlebar {
	color: #546e7a;
	font-size: 19px;
}

.customDialogStyle .ui-dialog-content {
	font-size: 15px !important;
	text-align: center;
	margin-bottom: -15px;
}

.customDialogStyle .ui-dialog-content span {
	margin: 10px 0px 10px 0px;
}

.customDialogStyle .ui-dialog-footer {
	border-top: none !important;
	background-color: #ffffff !important;
	padding: 0px;
}

.customDialogStyle .ui-icon {
	background-image: none !important;
	text-indent: 0px;
	font-size: 25px;
	display: block;
	height: 30px;
}

.customDialogStyle .ui-icon-warning::before {
	content: "\f071";
	font-family: 'FontAwesome';
	color: #43A047;
}

.customDialogStyle button {
	background: #0277BD !important;
	color: #fff !important;
}

.customDialogStyle .ui-dialog-titlebar-close {
	display: none;
}

.customDialogStyle .ui-icon-check::before {
	content: "\f00c";
	font-family: FontAwesome !important;
	color: #43A047;
}

.layout-wrapper .layout-menu .profile .profile-image {
	background: none;
}

.layout-wrapper .layout-menu .profile .profile-image img {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50px;
}

.ui-icon-arrowreturnthick-1-w::before {
	content: "\f112";
	font-family: 'FontAwesome';
	color: #FFF;
}

.fileupload .ui-fileupload-content {
	display: none;
}

.fileupload .ui-widget-header {
	background: none;
	border: none;
}

.ui-column-filter:focus {
	border-bottom: 2px solid #3F51B5 !important;
}

.ui-autocomplete-panel {
	max-height: 300px !important;
}

.datable_column_center {
	text-align: center
}

.ui-datatable-data .insufficient {
	background: #FF7F7F !important;
}

.insufficient_bill{
	background: #FF7F7F !important;
}

.datable_column_300 {
	width: 300px
}

.datable_column_right {
	text-align: right
}

.datable_column_left {
	text-align: left
}

.datable_text_underline {
	text-decoration: underline
}

.firstSec .ui-panel {
	border: none;
}

input[type="text"]:disabled {
	opacity: 1 !important;
}

.ui-state-disabled {
	opacity: .7 !important;
}

.DynamicDataTable table thead {
	display: none;
}

.session_body {
	background: #E9E9E9;
	margin: 0;
}

#layout-topbar {
	width: 100%;
	height: 40px;
	position: fixed;
	z-index: 1000;
	background-color: #FFF;
	padding: 10px 3.5% 10px 0;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	top: 0;
}

.wrapper_inner_topbar {
	margin: 0 auto;
	background-color: #3F51B5;
}

body.layout-compact .ui-breadcrumb {
	padding: 14px 10px;
}

.dynamic_search_calendar {
	position: relative;
	width: 20%;
}

.dynamic_search_calendar>input {
	border: 1px solid #bdbdbd;
	height: 39px;
	border-bottom: 0;
	border-left: 0;
	width: 100%;
}

.dynamic_search_calendar>input:focus {
	border: 1px solid #bdbdbd;
}

.dynamic_search_calendar .ui-button-icon-only {
	position: absolute;
	right: 5px !important;
	top: 8px !important;
}

.dynamic_search_calendar .ui-selectonemenu-label {
	line-height: 32px;
}

.dynamic_search_calendar .ui-selectonemenu-trigger .ui-icon {
	top: 7px;
}

.ui-inputgroup .ui-button {
	border-radius: 4px;
}

.fp {
	-webkit-font-smoothing: antialiased;
	background: #0277BD;
	padding: 5px;
	font-size: 8px;
}

.highlight_datatable_row {
	background-color: #fca752 !important;
	background-image: none !important;
	color: #000000 !important;
}

.dynamic_search_calendar_border {
	position: relative
}

.dynamic_search_calendar_border .ui-inputfield {
	border: solid 1px #bdbdbd !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	height: 39px;
}

.dynamic_search_calendar_border .ui-datepicker-trigger {
	position: absolute;
	top: 10px !important;
	right: 0 !important
}

body.layout-compact .ui-chkbox .ui-chkbox-box {
	width: 18px;
	height: 18px;
}

.deliveryProcessTable tr td {
	padding: 15px 0;
}

.deliveryProcessTable2 tr td {
	padding: 0px 0 10px;
}

.billingTable tr td .billingTableLable {
	padding-bottom: 15px;
	display: inline-block;
}

.billingSummaryLabel tr td label {
	padding-bottom: 5px;
}

.search_calendar {
	position: relative;
}

.search_calendar input {
	width: 90%;
	background: none;
}

.search_calendar .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.retailerFormLabel tr td span {
	padding-top: 15px !important;
	display: inline-block;
}

.salesReturnCalendar {
	position: relative;
}

.salesReturnCalendar input {
	width: 90%;
}

.salesReturnCalendar .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.sales_pending .ui-chkbox-label {
	position: absolute;
}

body.layout-compact .ui-fieldset {
	padding: 8px 4px !important;
}

.prodSearch_label tr td label {
	padding-bottom: 10px !important;
	display: inline-block;
}

.prodSearch_label .ui-selectonemenu-label {
	padding-bottom: 0 !important
}

.sales_summary_label label {
	padding-bottom: 5px;
}

.vechile_allacation_distr .ui-selectonemenu {
	padding-top: 12px;
}

.populate {
	margin-top: 15px
}

.bankNameSelect .ui-autocomplete-input {
	width: 100%;
}

.distributorBranchLabel label {
	padding: 10px 0 !important;
	display: inline-block;
}

body .ui-panelgrid .ui-panelgrid-cell {
	padding: 8px 10px;
}

.search_calendar_good .ui-datepicker-trigger {
	position: absolute;
	top: 0 !important;
	/* right: -25px !important */
}

.invDate_calandar {
	position: relative;
}

.invDate_calandar .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.goods_distributor_table1 tr td {
	padding-bottom: 18px;
}

.ui-icon-plusthick::before {
	position: relative;
	left: 0;
	top: 0;
}

.ui-icon-minusthick::before {
	position: relative;
	left: 0;
	top: 0;
}

body.layout-compact .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon
	{
	top: -1px;
	left: -2px;
	width: 16px;
	height: 16px;
}

body.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler
	{
	margin-top: 0;
}

body.layout-compact .ui-fieldset .ui-fieldset-legend {
	padding-left: 6px;
}

.fastcollection_calander {
	width: 100%;
	position: relative;
}

.fastcollection_calander .ui-inputfield {
	width: 100% !important;
}

.fastcollection_calander .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.componentProdAutoCmplt .ui-autocomplete-input {
	width: 240px !important;
	padding-right: 30px !important;
}

.sampleIssuseTable1 tr td {
	padding: 10px 0;
}

.sample_receipt_date_align {
	width: 100%;
	position: relative;
}

.sample_receipt_date_align .ui-inputfield {
	width: 100% !important;
}

.sample_receipt_date_align .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.sample_receiptinv_date_align {
	width: 100%;
	position: relative;
	display: inline-block;
}

.sample_receiptinv_date_align .ui-inputfield {
	width: 100% !important;
}

.sample_receiptinv_date_align .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.sampleReceiptTable1 tr td {
	padding: 0 0 15px;
}

.sampleReceiptTable2 tr td {
	padding: 0 0 5px;
}

.batchDateRelative {
	width: 100%;
	position: relative;
}

.batchDateRelative .ui-inputfield {
	width: 100% !important;
}

.batchDateRelative .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.batchDate_width input {
	width: 160px;
}

.billingauto_product .ui-autocomplete-input {
	width: 100%;
}

.grn_auto_product .ui-autocomplete-input {
	width: 565px !important;
	margin-top: 3px;
}

.orderbookingauto_retailer .ui-autocomplete-input {
	width: 100%;
}

.shipAddress_selectArrow .ui-icon {
	margin-top: -20px !important;
}

.ui-selectmanycheckbox label {
	margin: 2px 16px 0 1px !important;
}

.dynamic_search_calendar_jc {
	border-top: solid 1px #bdbdbd !important;
	border-left: solid 1px #bdbdbd !important
}

.dynamic_search_calendar_jc .ui-selectonemenu-label {
	margin-top: 8px;
}

.dynamic_search_calendar_jc .ui-selectonemenu-trigger {
	top: 11px !important;
}

.pendingBillCheck {
	margin-top: 20px
}

.pendingBillCheck .ui-chkbox-label {
	position: absolute
}

body.layout-compact .ui-chkbox {
	margin-right: 10px;
}

.ui-chkbox-label {
	position: absolute;
}

.auto_retlrShipAddress .ui-autocomplete-input {
	width: 100%;
}

body.layout-compact .ui-message {
	min-height: auto !important;
}

.layout-menu-static-inactive .shipAddressForsalesReturn {
	width: 480px !important
}

.batchTranferDate .ui-inputfield {
	width: 250px
}

.productSearchSelect .ui-inputfield {
	width: 220px
}

.stockAdjustmentTypeFormTable tr td:first-child {
	width: 1% !important;
	padding-right: 5px;
}

.stockAdjustmentpanelDisCode tr td:first-child {
	width: 1% !important;
}

.sampleReceiptGodownLastTr td:last-child {
	padding: 0 !important
}

.collectionDate_calandar {
	position: relative;
}

.collectionDate_calandar .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.collectionDate_calandar .ui-inputfield {
	width: 220px
}

.search_calendar_good {
	width: 25% !important
}

.search_calendar_good2 {
	position: relative;
}

.search_calendar_good2 .ui-datepicker-trigger {
	position: absolute;
	/* top: 10px !important;
	right: 5px !important */
}

.search_calendar_good2 .ui-inputfield {
	width: 100%;
	border: 1px solid #bdbdbd !important;
	height: 39px;
}

.invDate_calandar .ui-inputfield {
	width: 100%
}

.goods_distributor_table2 tr td {
	padding-bottom: 18px;
}

.goods_distributor_table3 tr td {
	padding-bottom: 10px;
}

.distributorInfoTable tr td label {
	padding: 10px 0 0;
	display: inline-block;
}

.batchTranferDate .ui-inputfield {
	width: 250px;
}

.stockOutgoingCheck1 tr td label {
	padding-right: 25px;
}

.stockRefernceLabel tr td label {
	padding-right: 38px;
}

.layout-menu-static-inactive .billingauto_product_New {
	width: 575px !important;
}

.layout-menu-static-inactive .orderbooking_shippingaddress {
	width: 420px !important;
}

.houtlable_text_right_footer {
	text-align: right !important;
}

.layout-menu-static-inactive .grn_auto_product_New .ui-autocomplete-input
	{
	width: 755px !important;
	margin-top: 3px;
}

.layout-menu-static-inactive .batch_transfer_remarks {
	width: 685px !important
}

.billing_calendar {
	position: relative;
}

.billing_calendar input {
	width: 90%;
	margin-top: 1px;
}

.billing_calendar .ui-datepicker-trigger {
	position: absolute;
	/* top: -5px !important;
	right: -5px !important */
}

.billingTableCell {
	height: 30px;
}

.layout-menu-static-inactive .salesReturn_autoSearch .ui-autocomplete-input
	{
	width: 200px !important;
}

.layout-menu-static-inactive .salesReturn_shipAddress {
	width: 350px !important;
}

.fh {
	-webkit-font-smoothing: antialiased;
	background: #3F51B5;
	padding: 5px;
	font-size: 20px;
}

.fdwn {
	-webkit-font-smoothing: antialiased;
	background: #3F51B5;
	padding: 5px;
	font-size: 8px;
}

.noBorders tr, .noBorders td {
	background: none !important;
	border: none !important;
}

.rowColor {
	background-color: #E91E63 !important;
	background-image: none;
}

.rowGreen {
	background-color: #00FF00 !important;
	background-image: none;
}

.rowYellow {
	background-color: #FFFF00 !important;
	background-image: none;
}

.checkboxmsgclaim {
	background-color: #E91E63 !important;
	background-image: none;
}

#claimmsg {
	display: none;
	width: 401px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color: red;
	position: fixed;
}

.ui-datatable thead th {
	overflow: hidden !important;
    background: #3F51B5 !important;
    color: #fff !important;
}

.positivecolor {
	color: green !important;
}

.negativecolor {
	color: red !important;
}

.inprogresscolour {
	color: darkblue !important;
}

.Fs80 {
	font-size: 80px !important
}

/*
 * For Sync Animation and Style
*/
.topGrid {
	width: 100%;
}

.syncTopGrid {
	float: left;
	background: #fff !important;
	width: 296px;
	text-align: center;
	display: block;
	webkit-box-shadow: 0px 0px 1px 0px rgba(43, 59, 93, 0.4);
	-moz-box-shadow: 0px 0px 1px 0px rgba(43, 59, 93, 0.4);
	box-shadow: 0px 0px 1px 0px rgba(43, 59, 93, 0.4);
}

.syncTopGrid table {
	height: 100px;
}

.gridSpace {
	margin: 0px 0px 10px 20px;
}

.secGrid {
	background: #fff;
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

.secGridbySuccess {
	background: #fff;
	width: 600px;
	height: auto;
	overflow: hidden;
	margin: 0px 2px 10px 0px;
	float: left;
}

.secGridbyError {
	background: #fff;
	width: 600px;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

.syncSecGrid {
	float: left;
	background: #fff !important;
	width: 247px;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

.colorDiv {
	width: 50px;
	height: 50px;
}

.animatedBounce {
	-webkit-animation-name: bounceIn;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-name: bounceIn;
	animation-duration: 4s;
	animation-iteration-count: 10;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

/*
 * Animation for webkit
*/
@
-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
}

40


%
{
-webkit-transform


:


translateY
(


-30px


)
;


}
60


%
{
-webkit-transform


:


translateY
(


-15px


)
;


}
}
@
keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	transform: translateY(0);
}

40


%
{
transform


:


translateY
(


-30px


)
;


}
60


%
{
transform


:


translateY
(


-15px


)
;


}
}

/*
 * Adding the animation to our element
*/
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}

.processList {
	padding: 0px 0px 0px 8px;
}

.processList li {
	display: inline-block;
	width: 290px;
	line-height: 21px;
}

.processIdentify {
	width: 13px;
	height: 13px;
	background-color: #73d216;
	float: left;
	border-radius: 2px;
	margin-right: 6px;
	margin-top: 4px;
	margin-left: 5px;
}

.processRed {
	width: 13px;
	height: 13px;
	background-color: red;
	float: left;
	border-radius: 2px;
	margin-right: 6px;
	margin-top: 4px;
	margin-left: 5px;
}

.syDetListTable table thead tr th {
	xbackground: #778d9b !important;
	background: #9E9E9E !important;
	xbackground-image:
		url("");
	xbackground-repeat: repeat-x;
}

.syDetListTable .ui-paginator-bottom {
	background: #9E9E9E;
}

.syDetListTable .ui-paginator .ui-paginator-rpp-options {
	background: #9E9E9E;
}

.ui-datatable-data .insufficient {
	background: #FF7F7F !important;
}

.ui-datatable-data .gridcellcolororange {
	background: #FF8C00 !important;
}

.ui-datatable-data .gridcellcolourgreen {
	background: #80ff80 !important;
}

.ui-datatable-data .gridcellcolouryellow {
	background: #ffff80 !important;
}

.layout-wrapper .ultima-menu li a em {
	color: #757575;
}

.layout-wrapper .ultima-menu li a em:first-child {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	font-size: 24px;
}

body.layout-compact .layout-wrapper .ultima-menu li a em:first-child {
	font-size: 20px;
}

.calendar-width input {
	width: 75%;
}

body .ui-selectcheckboxmenu {
	padding-bottom: 0px !important;
}

.infie {
	text-align: left;
	font: normal normal normal 14px/2px Montserrat;
	letter-spacing: 0px;
	color: #707070;
	border: 2px solid #E8E8E8;
	border-radius: 4px;
	opacity: 0.5;
}

.infie_disable {
	background: #F6F6F6 0% 0% no-repeat padding-box;
	border: 2px solid #E8E8E8;
	border-radius: 4px;
	opacity: 1;
}

.fie_label {
	text-align: left;
	font: normal normal normal 14px/2px Montserrat;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
	float: left;
	width: 40%;
	line-height: 14px;
}

.fie_label1 {
	text-align: left;
	font: normal normal normal 19px/23px Montserrat;
	letter-spacing: 0px;
	color: #fff;
	opacity: 1;
}

.infie1 {
	padding: 10px !important;
	background-color: #fff !important;
	border-radius: 3px !important;
}

.field_component {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 25px 30px #0000001A;
	border-radius: 10px;
	opacity: 1;
	margin-bottom: 10px;
	padding: 10px;
}

.color-red {
	color: #E91E63;
}

.fieldset-border {
	border: none !important;
	border-top: 1px solid #E91E63 !important;
	border-radius: 0px !important;
}

.fieldset-noborder {
	border: none !important;
}
/* body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    background-color: #E91E63 !important;
} */
body .ui-fieldset .ui-fieldset-legend {
	color: #E91E63 !important;
}

.wid100 {
	width: 100%;
}
/* body .ui-inputfield {
    border: 1px solid rgba(0, 0, 0, 0.38) !important;
    padding: 10px !important;
    border-radius: 3px !important;
    background-image: none !important;
}
.ui-selectonemenu{
	padding-right: 0 !important;
	background-image: none !important;
	padding-bottom: 2px !important;
}
body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger{
	top:10px !important;
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item input {
	
    border: none !important;
    padding: 0px !important;
} */
.wid53 {
	width: 53%
}

@media screen and (max-width:600px) {
	.fie_label {
		width: 100%;
	}
	.wid53 {
		width: 83%
	}
}
/*
Custom Css
*/
.pi {
	display: inline-flex !important;
}

/* body .ui-datatable .ui-datatable-data>tr>td {
	border-width: 1px !important;
	border-color: #c1c1c1 !important;
}

body .ui-datatable thead th {
	border-width: 1px !important;
	border-color: #c1c1c1 !important;
} */
.dynamic_search_calendar_new2 {
	width: 20%;
}

body .ui-calendar .ui-button.ui-button-icon-only {
	/* padding: 3px; */
	padding: 0px;
}

.cancel {
	background-color: #E53935 !important;
	margin: 2px !important;
}

.save {
	background-color: #0D47A1 !important;
	margin: 2px !important;
}

.back {
	background-color: #9E9E9E !important;
	margin: 2px !important;
}

.next {
	margin: 2px !important;
}

.fs20 {
	font-size: 20px !important;
}

.fwBold {
	font-weight: bold !important;
}
/* Custom Menu TopBar CSS */
.layout-menu-wrapper .layout-menu-container .layout-menu>li>a {
	color: #fff;
	padding: 0.4rem!important;
	margin-right: 0.4rem!important;
}

/* .layout-topbar, .layout-topbar-action-panel {
	background-color: #fff;
} */

.layout-menu-wrapper .layout-menu-container .layout-menu li>a .layout-menuitem-text,
	.layout-menu-wrapper .layout-menu-container .layout-menu li>a i {
	color: #fff;
	font-size: 13px;
    margin-left: 0.2rem!important;
}

.layout-menu-wrapper {
	background-color: #3F51B5;
	top:0!important;
    height: 4rem!important;
}

.layout-ajax-loader-icon {
	margin-right: 45%;
	bottom: 45% !important;
	font-size: 2rem !important;
	color: #E53935 !important;
	z-index:999999;
	position: absolute;
    -webkit-animation: spin 2s linear infinite !important;
    animation: spin 2s linear infinite !important;
}

.layout-menu-container .layout-menu>li>ul {
	background-color: #3F51B5;
}

.top-search.ui-autocomplete input {
	height: 100%;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li>ul>li  :hover {
	background-color: #fff;
}
.layout-menu-container .layout-menu li > ul >li >ul  {
	background-color: #3F51B5 !important;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > ul >li >ul>li .layout-menuitem-text {
	color: #fff !important;
}
.layout-menu-wrapper .layout-menu-container .layout-menu li > ul >li >ul>li>a:hover .layout-menuitem-text {
	color: #3F51B5 !important;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li>ul>li>:hover .layout-menuitem-text,
	.layout-menu-wrapper .layout-menu-container .layout-menu li>ul>li>:hover .layout-menuitem-icon,
	.layout-menu-wrapper .layout-menu-container .layout-menu li>ul>li>:hover .layout-submenu-toggler
	{
	color: #3F51B5;
}

.transparent-bg .ui-panel-content {
	background: transparent !important;
}

.content_txn {
	margin: 5px 0px 5px 0px;
}

.ui-selectoneradio label {
	margin: 0 0 0 8px !important;
}

.btn-popup {
	margin-top: 1rem !important;
	height: 2.75rem;
}

.ui-chkbox .ui-chkbox-label {
	margin: 0 16px 0 25px !important;
}

.wid-cal input {
	width: 80%
}

.wid-cal70 input {
	width: 70%
}

.wid-cal80 input {
	width: 75%
}

@media screen and (min-width:300px) and (max-width:900px) {
	.wid-cal input {
		width: 80%;
	}
	.mob-wid60 {
		width: 90%;
	}
	.mr-top12 {
		margin-top: 0 !important;
	}
	.mr-top10 {
		margin-top: 0 !important;
	}
	.mr-top{
		margin-top: 0 !important;
	}
}

@media screen and (min-width:1500px) {
	.wid-cal input {
		width: 89%;
	}
	.wid80{
		width:87% !important;
	}
	.wid-dropdown{
		min-width:20rem !important;
		max-width:25rem !important; 
	}
	.wid-dropdown1{
		min-width:25rem !important;
		max-width:33rem !important; 
	}
	.wid-dropdown2{
		min-width:80% !important;
		max-width:80% !important; 
	}
	.wid-dropdown3{
		min-width:12rem !important;
		max-width:14rem !important; 
	}
	.layout-menu-wrapper .layout-menu-container .layout-menu li>a .layout-menuitem-text,
	.layout-menu-wrapper .layout-menu-container .layout-menu li>a i {
	font-size: 1.2rem !important;
	}
}

.wid50 {
	width: 50%;
}

.wid75 {
	width: 75%;
}

.wid100-autofill .ui-autocomplete-input.ui-inputfield {
	width: 100% !important;
}

.wid90-autofill .ui-autocomplete-input.ui-inputfield {
	width: 85% !important;
}

.auto-fill-wid90 .ui-autocomplete-input.ui-autocomplete-dd-input {
	width: 85% !important;
}

@media screen and (max-width:700px) {
	.auto-fill-wid90 .ui-autocomplete-input.ui-autocomplete-dd-input {
		width: 80% !important;
	}
	.wid90-autofill .ui-autocomplete-input.ui-inputfield {
	width: 80% !important;
}
	body .ui-button{
		min-width: 3rem !important;
	}
	.createBtnRight{
		margin-bottom: 1.25rem;
	}
	.ui-datatable table {
		table-layout: auto !important;
	}
	.wid-dropdown,
	.wid-dropdown1{
		max-width:17rem !important;
	}
}

.mob-wid60 {
	width: 60%;
}

.mr-top12 {
	margin-top: 12%;
}

.mr-top10 {
	margin-top: 1.25rem;
}

.mr-top {
	margin-top: 1.75rem;
}

.radio-horizontal {
	width: 100%
}

.radio-horizontal>tbody {
	display: flex;
}

.radio-horizontal>tbody>tr {
	width: 100%;
}

.auto-wid90>input {
	width: 100%;
}

.auto-wid span:first-child {
	width: 100%;
}

.wid80 {
	width: 78%;
}
.auto-wid100 input{
	width: 100%;
}

.pad-0{
	padding: 0.75rem 0 0 0  !important;
}

.view-all-btn{
	width: 100%;
	/* height: 2.75rem; */
	height: 2.25rem;
}
.pad-l0{
	padding-left: 0 !important;
}

.pad-r0{
	padding-right: 0 !important;
}
.pad-t0{
	padding-top: 2px !important;
}
.ui-datatable .ui-column-filter {
    margin: auto !important;
    padding: 0.5rem !important;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd {
    background: rgba(0, 0, 0, 0.15) !important;
}
.chk-box span{
	min-width: 10rem !important;
}
.input-pad{
	padding: 0.5rem !important;
}
.datable_header_right{
	float: right;
}
body .ui-message {
    padding: 2px !important;
    position: relative !important;
}
.input-pad .ui-selectonemenu-label{
	padding: 0 !important;
}
.wid-dropdown{
	min-width: 18rem !important;
	max-width: 18rem;
}
.wid-dropdown1{
	min-width: 18rem !important;
	max-width: 25rem;
}
.wid-dropdown2{
	/* min-width: 14.75rem !important;
	max-width: 14.75rem; */
	min-width: 95%;
    max-width: 95%;
}
.wid-dropdown3{
		min-width:12rem !important;
		max-width:14rem !important; 
	}
.wid-dropdown4 {
	min-width: 40rem !important;
	max-width: 42rem !important;
}

.combobox{
	min-width: 15rem;
	max-width: 90%;
}
/* Padding CSS */
body .ui-panelgrid .ui-panelgrid-cell{
	padding: 0.2rem !important;
}
body .ui-panel .ui-panel-content{
	padding: 0.2rem !important;
}
body .ui-fieldset{
	padding: 0.2rem !important;
}
body .ui-scrollpanel {
	padding: 0.2rem !important;
}
/* Padding CSS End */
.no{
	background-color: #E53935 !important;
}
.no-head  table  thead{
	display: none;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel {
    width: 75% !important;
    left: 13% !important;
}
.no-tab{
	display: none !important;
}

.dropdown-wrap label{
	text-overflow: ellipsis;
	width: 90% !important;
}
.footer{
position: fixed;
    width: 100%;
    bottom: 0;
}
body .ui-inputfield{
	padding: 0.5rem 0.5rem !important;
	font-size: 0.9rem !important;
}
body .ui-widget{
	font-size: 0.9rem !important;
}
body .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    padding: 0.4rem !important;
}
.wid-rem{
	width: 8rem;
}
.wid90{
	width: 90%;
}
.dropdown-height label {
	height: 2.1rem
}
.pad0{
	padding: 0px;
}
/* 404 Page CSS Block */
.exception-body {
    background-color: #f7f7f7;
}
.exception-body .exception-panel {
    text-align: center;
    width: 350px;
    padding: 50px 50px;
    margin: -5rem auto 0 auto;
    z-index: 100;
}
.exception-body .exception-panel .exception-detail {
    margin: 10px 0px 50px 0px;
    color: #757575;
}
body .ui-button.secondary {
    background-color: #E91E63 !important;
    color: #ffffff;
}
.exception-body .exception-type {
    width: 100%;
    height: 50%;
    padding: 1rem;
    box-sizing: border-box;
    text-align: center;
}
.exception-body.notfound-page .exception-type {
    background-color: #3f51b5;
}
/* 404 Page CSS End */

body .overview-box .overview-status {
    font-weight: 500;
    border-radius: 2px;
    color: var(--body-bgcolor);
}
.flt-rgt{
	float: right;
}

.txtAlign{
	color: #fff;
}
.scroll-panel.ui-scrollpanel {
	overflow-x: scroll !important;
	overflow-y: hidden !important;
}

.panel-wid {
	width: 1820px;
}
.mr-b5{
	margin-bottom: 0.5rem !important; 
}
.mr-t5{
	margin-top: 0.5rem; 
}

.dropdown-label .ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 1.75rem !important;
}
.grid-border.ui-datatable .ui-datatable-data > tr > td{
	border-width: 1px !important;
}

@media screen and (max-width:1500px) {
	.wid-dropdown2 {
		min-width: 80% !important;
		max-width: 80% !important;
	}
	.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu li:last-child ul
		{
		left: auto !important;
		right: 0;
	}
	.bill-fs {
		font-size: 0.7rem !important;
		padding: 3px !important;
	}
	.wid-sch {
		width: 65% !important;
	}
	.wid-sch1 {
		width: 35% !important;
	}
	.dd-label label.ui-selectonemenu-label {
		max-width: 180px !important;
	}
	.wid-dropdown4{
		min-width:32rem !important;
		max-width:33rem !important; 
	}
}
.ui-selectonemenu label.ui-selectonemenu-label {
	text-overflow: ellipsis;
    width: 95%;
}
.button1 {
	background-color: #9ACD32 !important;
	margin: 2px !important;
}
.layout-topbar .layout-topbar-left .layout-topbar-logo{
	justify-content: start !important;
}
.bill-pad{
	padding: 4px !important;
}
.wid-sch{
	width: 75%;
}

.wid-sch1{
	width: 25%;
}
.dd-label label.ui-selectonemenu-label {
    max-width: 200px;
}

.layout-topbar .layout-topbar-logo img{
	margin-top: 0.2rem;
    margin-left: 0.5rem;
}
.layout-topbar-item .layout-topbar-action{
	color:#fff!important;
	margin: 0px !important;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{
	background:#fff;
	min-width: 12rem !important;
}
.fs18 {
	font-size: 18px !important;
}
.layout-main{
	padding-top:4rem !important;
}
.layout-topbar .layout-topbar-right {
	padding-left:1rem !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.25rem !important;
}
.dialog-align .ui-dialog-content > span{
	text-align: left !important;	
	
}
.act-wid{width:5%;}
.rate-wid{width:20%;}
.ratevalwid{width:20%;}
.summary-label{
	display: inline-flex;
	width: 12rem;
}
.summary-label1{
	display: inline-flex;
	width: 9rem;
}
.summary-amt{
	color: #0000FF;
	display: inline-block;
	width: 6.5rem;
	text-align: right;
}


#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    /* border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%; */
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:block;
}

@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.TollfreeText {
	font-weight:bold;
	padding-right:5rem;
}
   
.change-pass.ui-button.ui-state-disabled {
	background-color: #fff !important;
	color: grey !important;
	opacity: 0.9 !important;
}
.sf-Code{
	min-width: 4rem !important;
	width: 13rem !important;
	top: 1rem;
	background: transparent !important;
	border: none !important;
}
.sf-Code > label{
color: #fff !important;
}
.sf-Code .ui-selectonemenu-trigger .ui-icon {
color: #fff!important;
}