.has-feedback label~.form-control-feedback {
    top: 20px !important;
}

.ui-datepicker-calendar {
	border: 1px solid #d6d6d6 !important;
}

.ui-datepicker-title .ui-datepicker-month {
	margin-right: 5px;
	height: 30px;
	padding-left: 5px;
}

.ui-datepicker-title .ui-datepicker-year {
	height: 30px;
	padding-left: 5px;
}

.nano .nano-pane {
	background: #888;
}

.nano .nano-slider {
	background: #111;
}

#mainnav-menu-wrap .nano-content {
	right: 0px !important;
}

.fa-inr:before {
	content: "\f156";
}

.fa-remove:before {
	content: "\f2ed";
}

.fa-file-text-o:before {
	content: "\f15c";
}

.fa-remove:before {
	content: "\f2ed";
}

.fa-navicon:before {
	content: "\f0c9";
}

.fa-refresh:before {
	content: "\f021";
}

.fa-pencil:before {
	content: "\f303";
}

.select2-results__option .row {
	margin-right: 0px !important;
	font-size: 12px
}

.select2-results__option .row div {
	font-size: 12px !important;
}

.table-responsive {
	overflow-x: visible !important;
}

@media ( min-width : 768px) {
	#content-container {
		padding-top: 20px !important;
	}
}

@media ( min-width : 992px) {
	#page-content {
		margin-top: -90px;
	}
	#container.navbar-fixed>#navbar {
		padding-left: 0px !important;
	}
}

#footer {
	height: unset !important;
}

#content-container {
	padding-bottom: 23px !important;
}

.mainPageLoaderDiv .panel {
	/*  height: 100vh !important;*/
	
}

.card, .panel {
	margin-bottom: 20px !important;
}

#mainnav-menu>.active, #mainnav-menu>.active .active {
	background-color: rgba(8, 152, 185, 0.09) !important;
}

#mainnav-menu a {
	display: block;
	font-weight: 300;
	font-size: 14px;
	color: #54667a;
	padding: 12px 12px;
	webkit-transition: none !important;
    transition: none !important;
	
}

#mainnav-menu ul a, .menu-popover .sub-menu ul a {
	padding: 10px 10px 10px 20px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
	.table>thead>tr>td, .table>thead>tr>th {
	padding: 5px !important;
	vertical-align: middle !important;
}

/* .panel {
	box-shadow: 3px 3px 17px 0px #00000036 !important;
} */

.userWidget-1 {
	box-shadow: 3px 3px 17px 0px #00000036 !important;
}

#mainnav-menu-wrap {
	box-shadow: 2px 8px 7px #00000042 !important;
}
/* .shadow{
	box-shadow: 8px 0 10px 1px #00000094 !important;
} */
.btn {
	border-radius: 0rem !important;
}

.btn-round {
	border-radius: 10rem !important;
}

.btn {
	border-radius: 0rem;
	-webkit-box-shadow: 0px 9px 5px -9px #777;
	-moz-box-shadow: 0px 9px 5px -9px #777;
	box-shadow: 0px 9px 5px -9px #777;
}

.btn:disabled {
	cursor: not-allowed;
}

.table .btn.btn-sm {
	padding: 0.1rem !important;
}

.btn {
	/* padding: 0.5rem 1rem !important; */
	
}

.form-control {
	/* height: unset !important; */
	/* padding: 0.275rem 0.75rem !important; */
	border-radius: 0rem;
	-webkit-box-shadow: 0px 9px 5px -9px #777;
	-moz-box-shadow: 0px 9px 5px -9px #777;
	box-shadow: 0px 9px 5px -9px #777;
}

.chosen-container-single {
	margin-bottom: 0px !important;
	height: 2.15rem !important;
	padding: 0rem 0rem !important;
	border-radius: 0rem !important;
	-webkit-box-shadow: 0px 9px 5px -9px #777;
	-moz-box-shadow: 0px 9px 5px -9px #777;
	box-shadow: 0px 9px 5px -9px #777;
}

.chosen-container-single .chosen-single {
	padding: 5px 12px !important;
}

.chosen-container .chosen-results {
	margin: 5px 4px 4px 0 !important;
}

.select2-container--default .select2-selection--single {
	z-index: 15000;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px !important;
	height: 30px !important; /* Orignal 2.1rem !important; */
	-webkit-box-shadow: 0px 9px 5px -9px #777;
	-moz-box-shadow: 0px 9px 5px -9px #777;
	box-shadow: 0px 9px 5px -9px #777;
}

table {
	font-size: 13px !important;
}

.dataTable>tbody>tr>td:last-child {
	padding: 0.1rem !important;
}

.dataTable td, .dataTable th {
	padding: .15rem;
}

.dataTable td, .dataTable th {
	padding: .15rem;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc,
	table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc,
	table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting
	{
	padding: .7rem;
}

.table th, .table td {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	vertical-align: middle;
	border-top: 1px solid #dee2e6;
}

.table>tbody>tr>td:last-child {
	vertical-align: middle;
}

#mainnav li .arrow {
	float: right;
	padding-top: 8px !important;
}

.shadow {
	box-shadow: 1px 6px 20px 6px rgba(0, 0, 0, .08) !important;
}

.chosen-container-single .chosen-single div {
	top: 10px !important;
}

input.error {
	border: 1px solid red !important;
}

textarea.error {
	border: 1px solid red !important;
}

select.error {
	border: 1px solid red !important;
}

div.error {
	border: 1px solid red !important;
}

span.error {
	border: 1px solid red !important;
}

label.error {
	font-weight: normal;
	color: red;
}

body {
	background-color: #f2f7f8 !important;
}

.pageheader {
	margin: -94px -5px 28px !important;
}

.mainPageLoaderDiv {
	margin-top: 3% !important;
}

.newPanel {
	background-color: transparent !important;
	box-shadow: unset !important;
}

.panel.panel-expand>.panel-body {
	position: fixed;
	overflow-y: visible;
	padding: 30px;
}

.select2-container--open {
	z-index: 15000;
}

#ui-datepicker-div {
	z-index: 15000 !important;
	width: 270px !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: none !important;
}

.ui-datepicker .ui-datepicker-title {
    padding: 5px 0 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0 !important;
}

.navbar-content {
	background: linear-gradient(to right, #1f72a2 0, #01c0c8 100%)
		!important;
}

#mainnav-container {
	left: -184px;
}

.complaintNoti .dropdown-menu.with-arrow:after {
	border-bottom: none !important;
}

.complaintNoti .dropdown-menu {
	border: 1px solid #969696 !important;
}

#container.mainnav-in #content-container, #container.mainnav-in #footer,
	#container.mainnav-in #navbar, #container.mainnav-in.footer-fixed #footer
	{
	left: 190px;
	padding-right: 0;
}

.hide, .hidden {
	display: none;
}

.nav-tabs {
	border-bottom: 1px solid #ffbaba !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
	{
	border: transparent;
	border-bottom: 4px solid #ea1c1c;
}

.panel-heading {
	border-left: 6px solid #1096b5 !important;
}

.newpanel{
	background-color: transparent !important;
	box-shadow: unset !important;
}



.form-wizard>.steps>ul>li.current>a>.number:after {
    content: "\f303";
    font-family: Font Awesome\ 5 Free;
    font-weight: bold;
}


.form-wizard>.steps>ul>li.done>a>.number:after {
    content:  "\f00c" ;
    font-family: Font Awesome\ 5 Free;
    font-weight: bold;
}

.form-wizard>.steps>ul>li.error>a>.number:after {
    content: "\f00d";
    font-family: Font Awesome\ 5 Free;
    font-weight: bold;
}




body {
	font-size: 13px !important;
	color: #515151;
	top: 0 !important;
}

#mainnav-menu .menu-title, #mainnav-menu .menu-title>.label {
	-webkit-transition: unset;
	transition: unset;
	transition-timing-function: unset;
}

#container.mainnav-in #content-container, #container.mainnav-in #footer,
	#container.mainnav-in #navbar, #container.mainnav-in.footer-fixed #footer
	{
	left: 210px;
	padding-right: 0;
}

#mainnav-menu a {
	-webkit-transition: unset;
	transition: unset;
}

#mainnav-menu>li:hover {
	background: linear-gradient(to right, #1f72a2 0%, #01c0c8 190%)
		!important;
}

#mainnav-menu>li:hover a {
	color: #fff;
}

.activeLi {
	background: linear-gradient(to right, #1f72a2 0%, #01c0c8 190%)
		!important;
}

.activeAnchor {
	color: #fff !important;
}

.activeIcon {
	color: #fff;
}

#mainnav-menu .fa-circle {
	font-size: xx-small;
}

.loading {
	margin-top: 255px !important;
}

.loading span {
	color: #000 !important;
	border: 1px solid #000;
	padding: 10px;
}

.goog-te-banner-frame {
	visibility: collapse !important;
}

.goog-te-gadget-simple {
	padding: 5px !important;
}

.goog-tooltip {
	display: none !important;
}

.goog-te-gadget-icon {
	display: none !important;
}

.img-user {
	width: 40px !important;
	height: 40px !important;
}

.mainPageLoaderDiv, .showLoadMsgDivMain {
	height: 100%;
}

.busy-load-container {
	top: -5px !important;
	height: 100vh !important;
	z-index: 1 !important;
	bottom: 0 !important;
}

#page-content {
	padding: 7px 25px 0 !important;
}

#navbar {
	box-shadow: 3px 4px 7px #00000040 !important;
}

#mainnav-container {
	width: 210px;
	left: -210px;
}

#mainnav-menu>li {
	border-bottom: 1px solid #dadada;
	border-bottom-style: dotted;
}

#mainnav-menu>.moduleLi>a:first-child {
	font-weight: 400;
	font-size: .84378rem;
	padding-left: 7px;
	padding-right: 6px;
}

#mainnav-menu ul a, .menu-popover .sub-menu ul a {
	padding: 10px 0px 7px 12px !important;
}

#mainnav-menu>.moduleLi>i:first-child {
	font-size: 1rem !important;
}

#mainnav-menu i {
	padding: 0 5px 0 0 !important;
}

/* #mainnav-container {
		    left: -195px;
		} */
#footer {
	padding-top: 5px;
	padding-bottom: 2px;
	border-top: 1px solid #b1b1b1;
	border-bottom: 2px solid #757575;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

#footer p {
	line-height: 14px;
	color: #888888 !important;
	margin: 0;
	font-weight: 800;
}

.form-group {
	margin-bottom: 3px !important;
}

.form-group label {
	margin-bottom: 0px !important;
}

#mainnav-menu a {
	font-size: 0.85rem !important;
}

#mainnav-menu ul a, .menu-popover .sub-menu ul a {
	padding: 10px 0px 7px 20px !important;
}

.navbar-content {
	background: #1f72a2 !important;
}

.panel-heading {
	border-left: 6px solid #1096b5 !important;
	border-radius: 0 !important;
}

.newPanel {
	margin-left: 8px !important;
}

.panel-title {
	font-weight: 500 !important;
	font-size: 16px !important;
}

.pace:before {
	height: 5px;
	background-color: #df2b11;
}