@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('smartadmin-production-plugins.min.css');
@import url('smartadmin-production.min.css');
@import url('../fonts/inter/inter.css');
@import url('pretty-checkbox.min.css');
@import url('sweetalert2.min.css');
@import url('../fonts/icomoon/styles.min.css');

/* Delete below css while deploying final app */
.daily-code-update>ol>li {
	padding-left: 10px;
}
.daily-code-update ol {
	padding-inline-start: 20px;
}
/* Delete above css while deploying final app */


/* 1. Basic system wide applicable styles */
html {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
	font-size: 16px;
	position: relative;
	background: white;
}
body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
	background: white;
	font-size: .8125rem;
	font-feature-settings: 'cv02' 1, 'cv03' 1, 'cv04' 1, 'cv08' 1;
	-webkit-font-feature-settings: 'cv02' 1, 'cv03' 1, 'cv04' 1, 'cv08' 1;
	letter-spacing: -0.0125em;
}
#main {
	padding-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
	font-weight: 400;
	letter-spacing: -0.02775em;
}
.h6, h6 {
	letter-spacing: 0.0175em;
	font-weight: 600;
}
.h2, h2 .dropdown-menu li a {
	letter-spacing: 0;;
}
.h2, h2 {
	font-size: 20px !important;
}
.tooltip, .popover {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
}
.header-search>input[type=text] {
	min-width: 275px;
}
hr {
	border-color: #ddd;
}
.border-bottom {
	border-bottom: solid 1px #ddd;
}
.border-bottom-0 {
	border-bottom: none;
}
.border-top {
	border-top: solid 1px #ddd;
}
.wmin-md-375 {
	min-width: 375px !important;
}
.border-none, .border-0 {
	border: none !important;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.align-items-center {
	align-items: center !important;
}
.d-flex {
	display: flex !important;
}
.nav-tabs-bottom>li.active>a {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: solid 2px #57889c;
}
.nav-tabs-bottom>li.active>a, .nav-tabs-bottom>li.active>a:focus, .nav-tabs-bottom>li.active>a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: solid 3px #1abc9c;
}
.disabled a {
	pointer-events: none;
	cursor: not-allowed;
}
.form-group.row .form-check:not(.dropdown-item) {
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
}
.form-check-inline .form-check-label {
	display: inline-block;
}
.header-elements {
	float: right;
	margin: 14px 15px 14px 0;
}
.dropdown-header {
	padding-left: 12px;
	font-weight: 500;
	text-transform: uppercase;
}
.dropdown-item {
	font-size: 14px;
}
.open>.dropdown-menu {
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {
	font-family: inherit;
}
.smart-form .toggle i {
	top: 6px;
	right: auto;
}
.smart-form .label {
	padding: 0;
}
.label {
	padding: .25em .6em .3em;
	font-size: 95%;
	font-weight: 600;
}
.text-muted {
	color: #777;
}
input::-webkit-outer-spin-button {
	display: none !important;
}
input::-webkit-inner-spin-button {
	display: none !important;
}
input[type=date]:focus, input[type=text]:focus, input[type=number]:focus, input[type=checkbox]:focus, textarea:focus, select:focus, .select2:focus {
	box-shadow: 0 0 5px #66afe9 !important;
	border: 1px solid #66afe9 !important;
}
.form-control {
	padding: 6px 8px !important;
}
.priority {
	color: #f0ad4e;
	font-size: 14px !important;
	font-weight: 800 !important;
}
.pretty {
	margin-right: 5px;
}
.pretty.p-icon .state .icon {
	font-size: 18px;
	height: 4px;
}
.radio-inline {
	padding-left: 15px;
}
.well-sm {
	margin: 10px 0 0 0;
}
.well-warning {
	background-color: #fff5e3;
	border-color: #fff5e3;
}
.well-info {
	background-color: #d9edf7;
	border-color: #d9edf7;
}
.swal2-container {
	z-index: 10000;
}
@media (min-width: 1200px) {
	.container.container-xl {
		width: 1360px;
	}
}
.item-action .btn {
	padding: 6px !important;
}
td.disabled {
	background-color: #eee !important;
}
table .action-btn {
	visibility: hidden;
}
table tr:hover .action-btn {
	visibility: visible;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
	height: 33px;
}
.fill-container {
	margin-left: -14px;
	margin-right: -14px;
	padding: 25px 14px;
	background-color: #fafafa;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
.fill-container .transaction-form {
	margin-top: 0;
}
.primary-info {
	margin-top: -10px;
	border: none;
}
.transaction-form {
	max-width: 1100px;
	margin-top: 30px;
}
.form-mask {
	opacity: .25;
	pointer-events: none;
}
hr.xlg {
	margin: 30px 0;
	max-width: 1400px;
	border-color: #f2f2f2;
}
hr.lg {
	margin: 30px 0;
	max-width: 1100px;
	border-color: #f2f2f2;
}
hr.md {
	margin: 30px 0;
	max-width: 900px;
	border-color: #f2f2f2;
}
.fixed-form-footer {
	position: fixed;
	bottom: 0;
	margin: 0 0 0 -15px;
	padding: 15px 20px !important;
	box-shadow: 0 -4px 5px -3px rgba(0,0,0,.1);
	background: #fff;
	width: 100%;
	z-index: 3;
}
.btn-toolbar {
	flex-wrap: wrap;
	justify-content: flex-start;
}
.modal-backdrop.in {
	opacity: .3;
}
.login-bg {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(../img/login-bg.png);
	background-size: auto;
}
.smart-form header {
	font-size: 18px;
	font-weight: 400;
}
.client-form header, .smart-form footer {
	background: #fafafa;
}
.smart-form footer .btn {
	font: 400 14px/30px 'Inter', Helvetica, Arial, sans-serif;
}
.radio-inline input[type=radio] {
	margin-left: 0;
}
.ui-widget {
	font-family: inherit;
	font-size: 13px;
}
.ui-datepicker .ui-datepicker-header {
	color: #4c4c4c;
}
b, strong, thead th, tfoot th {
	font-weight: 600;
}
/* END Basic system wide applicable styles */



/* 2. Margins and paddings */
.margin-bottom-0 {
	margin-bottom: 0 !important;
}
.margin-bottom-15 {
	margin-bottom: 15px !important;
}
.margin-bottom-25 {
	margin-bottom: 25px;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px;
}
.margin-bottom-3 {
	margin-bottom: 3px;
}
.margin-bottom-1 {
	margin-bottom: 1px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-top-4 {
	margin-top: 4px;
}
.margin-top-3 {
	margin-top: 3px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-22 {
	margin-top: 22px !important;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-top-80 {
	margin-top: 80px;
}
.margin-bottom-80 {
	margin-bottom: 80px;
}
.margin-right-0 {
	margin-right: 0px !important;
}
.margin-right-4 {
	margin-right: 4px;
}
.margin-right-8 {
	margin-right: 8px;
}
.margin-right-10 {
	margin-right: 10px;
}
.margin-right-15 {
	margin-right: 15px;
}
.margin-right-20 {
	margin-right: 20px;
}
.margin-right-25 {
	margin-right: 25px;
}
.margin-right-40 {
	margin-right: 40px;
}
.margin-left-2 {
	margin-left: 2px;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-left-20 {
	margin-left: 20px;
}
.margin-left-25 {
	margin-left: 25px;
}
.margin-left-30 {
	margin-left: 30px;
}
.margin-left-0 {
	margin-left: 0 !important;
}
.margin-left-13 {
	margin-left: 13px !important;
}
.margin-right-13 {
	margin-right: 13px !important;
}
.margin-0 {
	margin: 0 !important;
}
.padding-20 {
	padding: 20px;
}
.padding-15 {
	padding: 15px;
}
.padding-top-5 {
	padding-top: 5px;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-bottom-5 {
	padding-bottom: 5px;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-bottom-15 {
	padding-bottom: 15px;
}
.padding-bottom-20 {
	padding-bottom: 20px !important;
}
.padding-bottom-25 {
	padding-bottom: 25px;
}
.padding-left-0 {
	padding-left: 0 !important;
}
.padding-left-5 {
	padding-left: 5px;
}
.padding-left-10 {
	padding-left: 10px;
}
.padding-left-13 {
	padding-left: 13px;
}
.padding-left-35 {
	padding-left: 35px;
}
.padding-right-10 {
	padding-right: 10px;
}
.padding-right-0 {
	padding-right: 0px !important;
}
/* End Margins and paddings */



/* 3. Homepage */
.bg {
	width: 100%;
	height: 500px;
   background-image: url("../img/bg.png");
   background-repeat: repeat-x;
   background-position: center 40px;
}
.mt {
	margin-top: 129px;
}
.pd {
	padding: 25px;
}
.btn-float {
	padding: 10px;
	box-shadow: none !important;
	border: none;
	background-color: transparent !important;
}
.btn-float.btn-link {
	padding: 8px;
}
.btn-float>span {
	display: block;
	padding-top: 10px;
	margin-bottom: -4px;
}
.btn-float:hover, .btn-float.active{
	background-color: #d9d9d9 !important;
}
/* END Homepage */



/* 4. Lockscreen */
.lockscreen {
	height: 250px;
	left: 50%;
	margin-left: -239px;
	margin-top: -185px;
	position: absolute;
	top: 50%;
	width: 478px
}
.lockscreen .logo {
	padding: 15px 0;
	display: block
}
.lockscreen .logo+div {
	background: #FFF;
	box-shadow: -31px 32px 53px rgba(0, 0, 0, .2);
	overflow: hidden;
	padding: 13px;
	position: relative
}
.lockscreen .logo>:first-child {
	margin: 0
}
.lockscreen .logo img {
	width: 29px;
	margin-top: -4px;
	margin-right: -2px
}
.lockscreen .logo+div>img {
	float: left
}
.lockscreen .logo+div>img+div {
	float: right;
	width: 318px;
}
.lockscreen .logo+div>img+div>:first-child {
	margin-top: 0
}
.lockscreen .logo+div>img+div>:first-child>:first-child {
	opacity: .1;
	padding: 15px
}
.lockscreen .logo+div>img+div>:first-child>small {
	display: block;
	padding-top: 5px
}
.lockscreen .logo+div>img+div>:first-child+p {
	margin-bottom: 12px
}
#lock-page #main {
	position: static
}
@media (max-width:767px) {
	.lockscreen .logo+div>img {
		float: none!important
	}
	.lockscreen {
		height: auto;
		left: 5%;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		top: 0;
		width: 90%;
		text-align: center
	}
	.lockscreen .logo+div>img+div {
		float: none;
		width: 100%;
		height: auto
	}
}
/* END Lockscreen */



/* 5. Fixed header, primary & secondary sidebar and custom scrollbar */
#header {
	background-image: none !important;
	background-color: #f7f7f7 !important;

}
.fixed-header #main {
	overflow-x: hidden;
}
.fixed-header #header {
	box-shadow: none;
	border-bottom: 1px solid #ddd;
}
.btn-header>:first-child>a {
  	background-color: inherit;
  	background-image: inherit;
}
.btn-header>:first-child>a:hover {
	border: 1px solid #bfbfbf;
	background-color: #ededed;
	color: #333;
	transition: none;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#logo {
	margin: 6px 0 0 35px !important;
}
#logo .head img {
	height: 36px;
	width: 36px;
}
#logo .dropdown-menu img {
	height: 70px;
	width: 70px;
}
#logo span {
	position: absolute;
	font-size: 14px;
	color: #333;
	margin: 8px 0 0 8px;
}
#logo .dropdown-menu {
	left: -20px;
	padding: 0;
	min-width: 452px !important;
}
#logo .dropdown-menu .row {
	margin: 0 !important;
}
#logo .dropdown-menu .app-name {
	padding-top: 10px;
	font-size: 14px;
	color: #333;
}
.fixed-navigation nav {
	padding-bottom: 10px;
}
.fixed-navigation nav>ul {
	padding-right: 0px;
	width: 100%;
	overflow-y: auto;
}
aside {
	background: #3c3c47;
}
nav ul .active>a {
	color: #1abc9c !important;
	background-color: rgba(0,0,0,0.15);
	border-left: solid 3px #1abc9c;
	padding-left: 11px;
}
nav ul li ul .active>a {
	border-left: none;
	padding-left: 41px;
}
.secondary-sidebar ul .active>a {
	border-left: none;
}
nav ul a:hover, nav ul ul li>a:hover, nav ul li a:active {
	background-color: rgba(0,0,0,0.25) !important;
}
nav ul ul {
	background-color: rgba(0,0,0,0.15);
}
nav ul li a {
	color: #fafafa;
	padding: 13px 10px 13px 14px;
}
nav>ul>li>ul>li>a, nav>ul>li>ul>li>ul>li>a {
	padding-top: 9px;
	padding-bottom: 9px;
}
nav ul li span.menu-item-parent {
	font-size: 13px;
}
nav ul li.active>a:before {
	content: "";
}
nav ul li.open>a {
	background-color: #1abc9c !important;
}
.secondary-sidebar ul li a {
	line-height: normal;
	font-size: 13px;
	padding: 12px 12px 12px 13px;
	color: #4c4c4c;
	display: block;
	font-weight: 400;
	text-decoration: none!important;
	position: relative;
}
.secondary-sidebar ul li a:hover {
	color: #000;
	background-color: #f0f0f0 !important;
}
.secondary-sidebar ul .active>a {
	color: #000 !important;
	background-color: #f0f0f0;
	position: relative;
}
.secondary-sidebar ul li.active>a:before {
	content: "";
}
.mobile-detected.fixed-navigation nav>ul {
	padding-right: 0 !important;
}
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-track {
	background: #ededed;
}
::-webkit-scrollbar-thumb {
	background: #b0b0b0;
}
::-webkit-scrollbar-thumb:hover {
	background: #777;
}
/* END Fixed header, navigation (primary sidebar) and custom scrollbar */



/* 6. Private financial info */
#hideDashboard {
	display: none;
}
.privacyMsg {
	position: absolute;
	background-color: #f5f5f5;
	border-radius: 5px;
	box-shadow: 0 2px 0 0 hsla(218, 9%, 75%, 0.5);
	border: 1px solid #eceef1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 17px 20px;
	top: 45%;
	left: 50%;
	font-size: 14px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 400px;
	min-height: 84px;
}
.privacyMsgContent {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.privacyMsgContent span {
	margin: 4px 0 0 15px;
}
/* End Private financial info */



/* 7. Module list view (module default datatable view) */
.column {
	position: absolute;
	overflow: hidden;
	bottom: 0;
}
.content-column {
	top: 49px;
	left: 220px;
	right: 0;
	transition: left .2s ease-in-out;
}
.hidden-menu .content-column {
	left: 10px;
}
.content-box {
	height: calc(100% - 61px);
}
.sub-tab+.content-box {
	height: calc(100% - 110px);
}
.nav-tabs-top .nav-tabs>li.active>a {
	background-color: #fafafa;
	font-weight: 600;
}
@media screen and (max-width: 1023px) {
	.content-column {
		left: 220px !important;
	}
	.hidden-menu .content-column {
		left: 10px !important;
	}
}
@media screen and (max-width: 979px) {
	.content-column {
		left: 0 !important;
	}
	.hidden-menu .content-column {
		left: 220px !important;
	}
}
.page-title {
	margin: 18px 15px 17px 15px;
}
.table thead tr {
	height: 35px;
	background-color: #f5f5f5;
	background-image: none !important;
	vertical-align: middle;
}
.table>tbody>tr>td {
	padding: 6px 10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
	vertical-align: middle
}
.click, .checkbox-click {
	cursor: pointer;
}
/* END Module list view (module default datatable view) */



/* 8. Two-column view general style elements */
.column {
	position: absolute;
	overflow: hidden;
	bottom: 0;
}
.noscroll-x {
	overflow-x: hidden;
}
.noscroll-y {
	overflow-y: hidden;
}
.scroll-x {
	overflow-x: auto;
}
.scroll-y {
	overflow-y: auto;
}
.scrollbox {
	background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), 0 100%, radial-gradient(farthest-corner at 50% 0, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), 0 100%;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0);
	background-size: 100% 40px, 100% 40px, 100% 5px, 100% 5px;
	background-attachment: local, local, scroll, scroll;
}
/* END Two-column view general style elements */



/* 9. Module detailed two-column view */
.detail-list-column {
	top: 49px;
	background-color: white;
	border-right: 1px solid #c7c6c7;
	width: 300px;
	left: 220px;
	right: 0;
	transition: left .2s ease-in-out;
}
.hidden-menu .detail-list-column {
	left: 10px;
}
.detail-content-column {
	top: 49px;
	left: 520px;
	right: 0;
	bottom: 0;
	transition: left .2s ease-in-out;
}
.hidden-menu .detail-content-column {
	left: 310px;
}
@media screen and (max-width: 1023px) {
	.detail-list-column {
		display: none;
	}
	.detail-content-column {
		left: 220px !important;
	}
	.hidden-menu .detail-content-column {
		left: 10px !important;
	}
}
@media screen and (max-width: 979px) {
	.detail-content-column {
		left: 0 !important;
	}
	.hidden-menu .detail-content-column {
		left: 220px !important;
	}
}
.detail-content-box {
	padding-top: 10px;
	height: calc(100% - 63px);
}
.sub-tab+.detail-content-box {
	height: calc(100% - 95px);
}
.detail-list-box {
	height: calc(100% - 60px);
}
.detail-list-column .card-header .dropdown-menu{
	top: auto;
	left: auto;
}
.detail-list-column .col-sm-7 {
	padding-right: 0;
}
.detail-list-column .col-sm-5 {
	padding-left: 0;
}
.detail-list-table td {
	padding: 13px !important;
}
.detail-list-table .name {
	font-size: 15px;
	font-weight: 400;
	padding: 0 0 4px 0;
	color: #3d3d3d;
}
.detail-list-box .table>tbody>tr.active>td {
	background-color: #fafafa;
}
.body-detail {
	padding: 0 50px 5px 14px;
}
.body-detail span {
	color: #777;
	font-size: 12px;
}
.body-detail p {
	margin: 4px 0 10px 0;
}
/* END Module detailed two-column view */



/* 10. Settings two-column view */
.settings-list-column {
	top: 49px;
	background-color: white;
	border-right: 1px solid #c7c6c7;
	width: 230px;
	left: 220px;
	right: 0;
	transition: left .2s ease-in-out;
}
.hidden-menu .settings-list-column {
	left: 10px;
}
.settings-content-column {
	top: 49px;
	left: 450px;
	right: 0;
	bottom: 0;
	transition: left .2s ease-in-out;
}
.hidden-menu .settings-content-column {
	left: 240px;
}
@media screen and (max-width: 1023px) {
	.settings-list-column {
		display: none;
	}
	.settings-content-column {
		left: 220px !important;
	}
	.hidden-menu .settings-content-column {
		left: 10px !important;
	}
}
@media screen and (max-width: 979px) {
	.settings-content-column {
		left: 0 !important;
	}
	.hidden-menu .settings-content-column {
		left: 220px !important;
	}
}
.settings-content-box {
	height: calc(100% - 63px);
}
.sub-tab+.settings-content-box {
	height: calc(100% - 95px);
}
.settings-list-box {
	height: calc(100% - 49px);
}
.card-header h4 {
	margin: 0 !important;
	padding: 20px 10px 18px 10px;
}
.card-header p {
	padding: 15px;
	margin: 0px !important;
	text-transform: uppercase;
	border-bottom: solid 1px #c7c6c7;
	font-weight: 600;
}
/* END Settings two-column view */



/* 11. Detail Module Content */
.details {
	margin-left: 0;
	margin-right: 0;
}
.details .details-info {
	height: 100%;
	padding: 10px;
	vertical-align: top;
	word-wrap: break-word;
	border-right: 1px solid #eee;
	background-color: #fbfbfb;
}
.details .entity-details {
	padding: 10px;
}
.details .col-30 {
	width: 30%;
}
.details .col-70 {
	width: 70%;
}
.details .details-info .person img {
	width: 40px;
	height: 40px;
}
.details-info .panel {
	border: none;
	box-shadow: none;
}
.details-info .panel-body {
	padding: 10px 5px 20px 5px;
	background-color: #fbfbfb;
}
.details-info .panel-default .panel-heading a {
	padding-left: 0;
}
.long-name {
	display: inline-block;
	vertical-align: top;
	max-width: 90%;
}
.over-flow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tab-content {
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.comments-tab .well {
	width: 440px;
	padding-right: 30px;
	margin-bottom: 0;
}
.comments-tab .well small {
	color: #777;
}
.comments-tab .well .delete-action {
	position: absolute;
	right: 10px;
	color: #777;
	cursor: pointer;
}
.comments-tab h6 {
	font-weight: 500;
	margin-top: 0;
}
.smart-timeline-list>li:hover {
	background-color: white;
}
.smart-timeline-hover li:hover {
	background-color: white;
}
.entity-info-tab .dt-toolbar {
	padding-left: 0;
	padding-right: 0;
	border: none;
	background-color: white;
}
.entity-info-tab .table>thead>tr>th {
	border-bottom: none;
}
.entity-info-tab .table>tbody>tr>td {
	padding: 8px;
}
.entity-info-tab .dt-toolbar-footer {
	padding-left: 0;
	padding-right: 0;
}
.entity-info-tab .dt-toolbar-footer .dataTables_info {
	font-style: normal;
	font-weight: inherit;
}
.entity-info-tab .panel {
	border: none;
	box-shadow: none;
}
.entity-info-tab .panel-default .panel-heading {
	background-color: white;
}
.entity-info-tab .panel-default .panel-heading a {
	padding-left: 0;
}
.entity-info-tab .panel-default .panel-body {
	border-top: none !important;
}
.prime-info ul {
	padding: 10px 0 20px 0;
}
.prime-info ul>li {
	border-right: solid 1px #ddd;
}
.prime-info ul>li:last-child {
	border-right: none;
}
.prime-info ul>li>p {
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 5px;
}
.prime-info ul>li>div {
	font-size: 16px;
	font-weight: 500;
}
/* END Detail Module Content */



/* 12. Comments and other timeline style */
.smart-timeline-list:after {
	background-color: #3276b1;
	left: 125px;
}
.smart-timeline-icon-small {
	background: #3276b1;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	width: 16px;
	height: 16px;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	left: 118px;
	top: 16px;
	z-index: 100;
	padding: 2px;
}
.smart-timeline-time {
	width: 100px;
}
.smart-timeline-content {
	margin-left: 153px;
}
@media (min-width:768px) {
	.form-horizontal .control-label {
		text-align: left;
	}
}
.item-action-container {
	position: relative;
}
.item-action-container .item-action {
	position: absolute;
	right: -35px;
	top: -25px;
}
/* END Comments and other timeline style */



/* 13. Customer / Vendor Specific Rate Table (in add new customer) */
.customer-rate-table {
	max-width: 750px;
	margin-bottom: 0;
}
.customer-rate-table .item-rate {
	width: 110px;
}
.customer-rate-table .form-control {
	border: 0;
}
.customer-rate-table .line-item-field {
	padding: 0;
	margin: 0;
}
.vendor-rate-table {
	max-width: 960px;
	margin-bottom: 0;
}
.vendor-rate-table .item-rate {
	width: 110px;
}
.vendor-rate-table .item-selection {
	width: 160px;
}
.vendor-rate-table .form-control {
	border: 0;
}
.vendor-rate-table .line-item-field {
	padding: 0;
	margin: 0;
}
/* END Customer Specific Rate Table */



/* 14. Item Components Table */
.item-components-table {
	max-width: 760px;
	margin-bottom: 0;
}
.item-components-table .item-details {
	width: 16%;
}
.item-components-table .form-control {
	border: 0;
}
.item-components-table .select2-selection {
	border: 0;
}
.item-components-table .line-item-field {
	padding: 0;
	margin: 0;
}
.item-components-table tbody:hover {
	background-color: white;
}
.item-components-table .item-action-container {
	position: relative;
}
.item-components-table .item-action-container .item-action {
	position: absolute;
	right: -35px;
	top: -35px;
}
/* END Item Components Table */



/* 15. User Role Table */
.role-table {
	border: none;
	text-align: center;
}
.role-table td {
	padding: 8px !important;
}
.role-table .module-name {
	width: 200px;
	text-align: left;
}
.role-table .full-access {
	background-color: #f2f2f2;
}
.role-table .permission {
	width: 75px;
}
/* END User Role Table */



/* 16. SMS Template Table */
.sms-template-table {
	width: 100%;
}
.sms-template-table td {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	text-align: left;
	vertical-align: top !important;
}
.sms-content {
	width: 35%;
}
.sms-status {
	width: 10%;
}
.sms-content-details {
	padding: 10px;
	background-color: #fbfbfb;
	border: dashed 1px #dcdcdc;
}
.sms-type {
	width: 31%;
}
.sms-template-table .module-name {
	width: 12%;
}
.sms-data-field {
	width: fit-content;
	display: inline-block;
	background-color: #d6dde7;
	border: dashed 1px #57889c;
	color: #305d8c;
	padding: 5px;
	cursor: pointer;
}
/* END SMS Template Table */



/* 17. Professional Tax Table */
.prof-tax-table {
	width: 440px;
}
.prof-tax-table th.range {
	width: 120px;
}
.prof-tax-table th.space {
	width: 20px;
	vertical-align: middle;
}
.prof-tax-table th {
	text-align: center;
	padding: 6px 4px;
}
.prof-tax-table td {
	border: none !important;
	padding: 5px;
}
.prof-tax-table thead tr {
	border-top: solid 1px #ddd;
	background-color: white;
	background-image: none !important;
}
.prof-tax-table thead tr th {
	border-bottom: solid 1px #ddd;
}
.prof-tax-table input {
	text-align: right;
}
/* END Professional Tax Table */



/* 18. Statutory components table */
.statutory-components-table td {
	height: 35px;
}
.statutory-components-table thead tr {
	text-transform: uppercase;
	border-top: solid 2px #ddd;
	background-color: white;
	background-image: none !important;
}
.statutory-components-table tbody tr td {
	border: none;
}
.statutory-components-table {
	border-bottom: solid 2px #ddd;
}
/* END Statutory components table */



/* 19. Salary table (in add new employee) */
.salary-table td {
	padding: 5px 7px;
	height: 45px;
}
.salary-table th {
	padding: 5px 7px;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
}
.salary-template td {
	padding: 5px 7px;
	height: 45px;
}
.salary-template th {
	padding: 5px 7px;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
.salary-template .item-action-container {
	position: relative;
}
.salary-template .item-action-container .item-action {
	position: absolute;
	right: -50px;
	top: -25px;
}
.salary-template tfoot>tr>th {
	border-top: solid 1px #f5f5f5;
	background-color: #f5f5f5;
}
/* END Salary table */



/* 20. Card styles (in payroll settings) */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 280px;
	overflow-wrap: break-word;
	background-color: rgb(255, 255, 255);
	background-clip: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.125);
	border-image: initial;
	border-radius: 0.25em;
	margin: 10px 5px 10px 20px;
}
.card-body {
	padding: 0 15px 10px 15px;
}
.card-body p {
	margin-bottom: 3px;
}
/* END Card styles */



/* 20. Basic modal style */
.modal-header {
	background-color: #f5f5f5;
}
.modal-header .close {
	margin-top: 3px;
}
.modal-dialog {
	margin-top: 0 !important;
}
.modal-content {
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/* END Basic modal style */



/* 21. Footer style */
.form-footer {
	padding: 20px 20px 10px 10px;
}
.add-page-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: white;
	padding: 15px 0;
}
/* END Footer style */



/* 22. Transaction table */
.transaction-table {
	table-layout: fixed;
}
.transaction-table tbody>tr>td {
	padding: 0;
	margin: 0;
}
.receipt thead th {
	background-color: #ecffe8;
	border: solid 1px #ddd !important;
	text-align: center;
	text-transform: uppercase;
}
.payment thead th {
	background-color: #ffe8e8;
	border: solid 1px #ddd !important;
	text-align: center;
	text-transform: uppercase;
}
.orders thead th {
	background-color: #f2f2f2;
	border: solid 1px #ddd !important;
	text-align: center;
	text-transform: uppercase;
}
.transaction-table thead .add-line {
	text-align: right !important;
	background-color: #fff;
	border: none !important;
	text-transform: none;
}
.transaction-table tbody td {
	border: solid 1px #ddd;
	vertical-align: top !important;
}
.transaction-table tfoot tr td {
	text-align: right;
	font-weight: bold;
	border-top: dashed 1px #ddd;
}
.transaction-table tfoot tr:last-child {
	font-weight: bold;
	border-top: solid 1px #ddd;
	border-bottom: solid 2px #ddd;
}
.transaction-table h6 {
	font-size: 14px;
	margin: 0;
}
.transaction-table .form-control {
	text-align: right;
	border: 0;
}
.transaction-table .select2-selection {
	border: 0;
}
.transaction-table .item-action-container {
	position: relative;
}
.transaction-table .item-action-container .item-action {
	position: absolute;
	right: -25px;
	top: -35px;
}
.transaction-table .item-action-container .item-action .edit-btn {
	position: absolute;
	right: -25px;
}
.transaction-table .item-action-container .item-action .add-btn {
	position: absolute;
	right: -50px;
}
table .disabled {
	background-color: #eee;
	color: #555;
	padding: 6px 12px !important;
	text-align: right;
	cursor: not-allowed;
}
.transaction-table .remarks textarea {
	text-align: left;
	border: dashed 1px #777;
	height: 50px;
	width: calc(100% - 8px);
	margin: 4px;
	padding: 3px 3px 3px 5px !important;
	margin-top: 5px;
	font-size: 12px;
	overflow: auto;
}
.transaction-table .action {
	text-align: center;
	padding-top: 5px;
}
.assembly-issue thead {
	background-color: #ffe8e8;
}
.assembly-issue thead th {
	background-color: #ffe8e8;
	text-align: center;
}
.assembly-receipt thead {
	background-color: #ecffe8;
}
.assembly-receipt thead th {
	background-color: #ecffe8;
}
.table-fixed thead tr, .table-fixed tfoot tr {
	display:table;
	table-layout:fixed;
	width: calc(100% - 6px);
}
.table-fixed tbody {
	background-color: #eee;
	background-image: none;
	display: block;
	overflow-y: scroll;
	overflow-x: hidden;
}
.table-fixed tbody tr:first-child td {
	border-top: 0;
}
.table-fixed tfoot tr:last-child {
	border-bottom: 0 !important;
}
.table-fixed tfoot tr th {
	text-align: right;
	font-size: 12px;
}
.table-fixed tbody tr td {
	background-color: white;
}
.table-fixed tr th {
	text-align: center;
	border-left: none !important;
	border-right: none !important;
}
/* END transaction table */



/* 23. Color palette */
.btn {
	box-shadow: none !important;
	background-color: #fafafa;
	border-color: #ddd;
}
.btn-primary {
	background-color: #3085d6 !important;
	border-color: #3085d6 !important;
}
.btn-primary:hover {
	background-color: #1565C0 !important;
}
.btn-success {
	background-color: #43A047 !important;
	border-color: #43A047 !important;
}
.btn-success:hover {
	background-color: #2E7D32 !important;
}
.btn-danger {
	background-color: #F44336 !important;
	border-color: #F44336 !important;
}
.btn-danger:hover {
	background-color: #C62828 !important;
}
.btn-link {
	font-size: inherit;
	border: none;
	background-color: inherit;
}
.btn-warning {
	color: #fff !important;
	background-color: #c79121 !important;
	border-color: #b1811d !important;
}
.btn-circle {
	font-size: 15px !important;
	line-height: 16px !important;
}
.btn-outline-primary {
	color: #3085d6;
	background-color: transparent;
	background-image: none;
	border-color: #2196f3;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #3085d6;
	border-color: #3085d6;
}
.btn-outline-success {
	color: #43A047;
	background-color: transparent;
	background-image: none;
	border-color: #43A047
}
.btn-outline-success:hover {
	color: #fff;
	background-color: #43A047;
	border-color: #43A047
}
.btn-outline-danger {
	color: #f44336;
	background-color: transparent;
	background-image: none;
	border-color: #f44336
}
.btn-outline-danger:hover {
	color: #fff;
	background-color: #f44336;
	border-color: #f44336
}
.btn-outline-warning {
	color: #f0ad4e;
	background-color: transparent;
	background-image: none;
	border-color: #f0ad4e
}
.btn-outline-warning:hover {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}
.btn-outline-dark {
	color: #5a656b;
	background-color: transparent;
	background-image: none;
	border-color: #5a656b;
}
.btn-outline-dark:hover {
	color: #fff;
	background-color: #5a656b;
	border-color: #5a656b;
}
.btn-dark {
	color: #fff;
	background-color: #7c8c94;
	border-color: #7c8c94;
}
.btn-grey {
	color: #999;
	background-color: #eee;
	border-color: #eee;
}
.btn-dark:hover, .btn-dark:focus {
	color: #fff;
}
.btn-menu {
	font-size: 15px;
	border-color: white;
	padding: 4px 8px;
}
.label-default {
	border: solid 1px #545454;
	color: #545454;
	background-color: #f0f0f0;
}
.label-success {
	border: solid 1px #408a40;
	color: #408a40;
	background-color: #e2f5da;
}
.label-primary {
	border: solid 1px #305d8c;
	color: #305d8c;
	background-color: #d6dde7;
}
.label-warning {
	border: solid 1px #826430;
	color: #826430;
	background-color: #efe1b3;
}
.label-danger {
	border: solid 1px #953b39;
	color: #953b39;
	background-color: #ffcfcf;
}
.label-info {
	border: solid 1px #00838F;
	color: #00838F;
	background-color: #dff4f7;
}
.alert-danger {
	color: #7f231c;
	background-color: #fde1df;
	border-color: #f55246;
}
/* END Color palette */



/* 24. Datatable Styles */
table.dataTable {
	margin-top: 0 !important;
}
.datatable-header {
	background-color: #fafafa;
	text-align: center;
	padding: 15px;
	border: 1px solid #ddd;
}
.datatable-footer {
	padding: 10px 10px 0 10px;
}
.datatable-footer::after, .datatable-header::after {
	display: block;
	clear: both;
	content: ""
}
.card-body .datatable-footer, .card-body .datatable-header {
	padding-left: 0;
	padding-right: 0;
}
.dataTables_filter {
	width: fit-content !important;
}
.dataTables_filter label {
	margin-bottom: 0;
}
.dataTables_paginate {
	float: right;
	text-align: right;
}
.dataTables_paginate .paginate_button {
	display: inline-block;
	padding: 5px 10px;
	/* min-width: 2.25003rem; */
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #777;
	outline: 0;
	border: 1px solid transparent;
	border-radius: .1875rem;
	transition: all ease-in-out .15s;
}
@media screen and (prefers-reduced-motion:reduce) {
	.dataTables_paginate .paginate_button {
	transition: none;
}
}.dataTables_paginate .paginate_button:first-child {
	margin-left: 0;
}
.dataTables_paginate .paginate_button:focus, .dataTables_paginate .paginate_button:hover {
	background-color: #f5f5f5;
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover {
	color: #fff;
	background-color: #3276b1;
}
.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:focus, .dataTables_paginate .paginate_button.disabled:hover {
	cursor: default;
	background-color: #fff;
	color: #999;
}
.dataTables_info {
	font-weight: 500 !important;
	font-style: normal !important;
	float: left;
	padding-top: 5px !important;
	color: #666 !important;
}
.info-right .dataTables_info {
	float: right;
}
.dt-buttons-full .dt-buttons {
	float: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	border-bottom: 1px solid #ddd;
	padding-top: 12px;
	padding-bottom: .625rem;
	background-color: rgba(0, 0, 0, .02);
}
.dt-buttons-full .dt-buttons>.btn {
	margin-bottom: .625rem;
	float: none;
}
.dt-buttons {
	position: relative;
	float: right;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: 10px;
}
.dt-buttons-left .dt-buttons {
	float: left;
}
.dt-buttons>.btn {
	border: solid 1px #b0b0b0;
	border-radius: 0;
}
.dt-buttons>.btn:first-child {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem;
}
.dt-buttons>.btn:last-of-type {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem;
}
.dt-buttons>.btn+.btn {
	margin-left: -1px;
}
@media (max-width:768px) {
	.dt-buttons {
	float: none;
	text-align: center;
	display: block;
	}
}
.dt-button-collection {
	position: absolute;
	background-color: #fff;
	display: block;
	z-index: 1050;
	padding: 5px;
	overflow: hidden;
	min-width: 12px;
	-webkit-column-gap: .125rem;
	-moz-column-gap: .125rem;
	column-gap: .125rem;
	border-radius: .1875rem;
	box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
}
.dt-button-collection:not(.fixed) {
	top: 100%!important;
	left: auto!important;
	right: 0!important;
}
.dt-button-collection>.dt-button {
	padding: 5px 10px;
	color: #333;
	background-color: transparent;
	border: 0;
	display: block;
	width: 100%;
	text-align: left;
	cursor: pointer;
	transition: all ease-in-out .15s;
}
@media screen and (prefers-reduced-motion:reduce) {
	.dt-button-collection>.dt-button {
	transition: none;
}
}.dt-button-collection>.dt-button+.dt-button {
	margin-top: 2px;
}
.dt-button-collection>.dt-button:focus, .dt-button-collection>.dt-button:hover {
	color: #333;
	background-color: #f5f5f5;
}
.dt-button-collection>.dt-button.active {
	color: #fff;
	background-color: #2196f3;
}
.dt-button-collection.fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -4.6875rem;
	padding-left: 5px;
	padding-right: 5px;
}
.datatable-scroll-wrap {
	width: 100%;
	min-height: .01%
}
.dataTables_length select {
	width: fit-content !important;
	height: 31px;
	padding: .4375rem .875rem;
	background-color: #fff;
	border: 1px solid #ddd;
}
div.dataTables_length label {
	float: right;
	margin: 2px 5px 0 0;
}
.detail-content-box .dataTables_paginate .paginate_button {
	border: none;
	padding: 0;
}
.dt-toolbar {
	padding: 5px 12px;
	border: 1px solid #ddd;
}
.dt-toolbar-footer {
	border: none;
	background-color: white;
	font-weight: 600;
	font-size: 11.5px;
}
.dt-toolbar-footer .dataTables_info {
	font-style: normal;
	font-weight: inherit;
}
a.DTTT_button {
	height: 30px;
}
a.DTTT_button, button.DTTT_button, div.DTTT_button, button.ColVis_Button, ul.ColVis_collection li {
	background: #f9f9f9;
	box-shadow: none !important;
}
/* END Datatables Styles */



/* 25. Select2 styling */
.select2-results__options--nested .select2-results__option {
	padding: 7px;
}
.select2-results__group {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.select2-results li {
	padding: 7px;
}
.select2-selection {
	line-height: 30px;
}
.select2-container .select2-choice .select2-arrow, .select2-selection__arrow {
	width: 25px;
	border-left: none;
	background: none;
}
.select2-selection__placeholder {
	color: #999;
}
.select2-dropdown--below {
	top: -32px;
}
.select2-search:before {
	content: " ";
}
.select2-search input {
	height: 32px !important;
	border: 0;
	border-bottom: solid 1px #ccc;
	background-image: none;
	background-color: #fff;
	padding-left: 4px;
	padding-right: 4px;
}
.select2-container--open .select2-dropdown {
	border: solid 1px #ccc;
}
/* END Select2 styling */



/* 26. Chain Table */
.chain-process-title {
	width: 175px;
	padding: 0 0 3px 5px;
	margin: 0;
	color: #a65858;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom: 2px solid #a65858;
}
.chain-table {
	margin-bottom: 10px;
}
.chain-table thead tr {
	background-color: #fafafa !important;
	background-image: none !important;
}
.chain-table thead tr th {
	text-transform: uppercase;
	border-bottom: none;
}
.chain-table tbody td {
	height: 35px;
}
.chain-table tfoot tr td {
	font-weight: 600;
	text-align: right;
}
.chain-table .sub-total {
	color: #a65858;
	border-bottom: 1px solid #a65858;
}
.chain-table .total {
	font-size: 15px;
	color: #305d8c;
	border-bottom: 2px solid #305d8c;
}
.chain-table .process-warning {
	color: #b94a48;
	display: inline;
	margin-left: 3px;
	font-size: 16px;
}
.melting {
	border-radius: 8px;
	border: 2px dashed #999;
	padding: 15px;
	margin: 10px 0 25px 0;
}
.metal-table {
	background-color: #eee;
	background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
}
.metal-table thead tr th {
	border-left: 0;
}
.metal-table tr {
	display:table;
	table-layout:fixed;
}
.metal-table tbody {
	display:block;
	height:125px;
	overflow-x: auto;
}
.metal-table tbody tr:first-child td {
	border-top: 0;
}
.metal-table tbody tr td {
	background-color: white;
}
/* END Chain Table */



/* 27. Form Wizard */
.wizard {
	width: 100%
}
.wizard>.content>.title, .wizard>.steps .current-info {
	display: none;
}
.wizard>.content {
	position: relative;
	width: auto;
	padding: 0;
}
.wizard>.content>.body {
	padding: 20px 0 10px 20px;
}
.wizard>.content>iframe {
	border: 0;
	width: 100%;
	height: 100%
}
.wizard>.steps {
	position: relative;
	display: block;
	width: 100%
}
.wizard>.steps>ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wizard>.steps>ul>li {
	display: table-cell;
	width: auto;
	vertical-align: top;
	text-align: center;
	position: relative;
}
.wizard>.steps>ul>li a {
	position: relative;
	padding-top: 3rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	display: block;
	outline: 0;
	color: #999;
}
.wizard>.steps>ul>li:after, .wizard>.steps>ul>li:before {
	content: '';
	display: block;
	position: absolute;
	top: 2.375rem;
	width: 50%;
	height: 2px;
	background-color: #3085d6;
	z-index: 9;
}
.wizard>.steps>ul>li:before {
	left: 0;
}
.wizard>.steps>ul>li:after {
	right: 0;
}
.wizard>.steps>ul>li:first-child:before, .wizard>.steps>ul>li:last-child:after {
	content: none;
}
.wizard>.steps>ul>li.current:after, .wizard>.steps>ul>li.current~li:after, .wizard>.steps>ul>li.current~li:before {
	background-color: #eee;
}
.wizard>.steps>ul>li.current>a {
	color: #333;
	cursor: default;
}
.wizard>.steps>ul>li.current .number {
	font-size: 0;
	border-color: #3085d6;
	background-color: #fff;
	color: #3085d6;
}
.wizard>.steps>ul>li.current .number:after {
	content: '\f040';
	font-family: FontAwesome;
	display: inline-block;
	font-size: 1rem;
	line-height: 2.125rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all ease-in-out .15s;
}
.wizard>.steps>ul>li.disabled a {
	cursor: default;
}
.wizard>.steps>ul>li.done a, .wizard>.steps>ul>li.done a:focus, .wizard>.steps>ul>li.done a:hover {
	color: #999;
}
.wizard>.steps>ul>li.done .number {
	font-size: 0;
	background-color: #3085d6;
	border-color: #3085d6;
	color: #fff;
}
.wizard>.steps>ul>li.done .number:after {
	content: '\f00c';
	font-family: FontAwesome;
	display: inline-block;
	font-size: 1rem;
	line-height: 2.125rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all ease-in-out .15s;
}
.wizard>.steps>ul>li.error .number {
	border-color: #b94a48;
	color: #b94a48;
}
.card>.card-header:not([class*=bg-])>.wizard>.steps>ul {
	border-top: 1px solid rgba(0, 0, 0, .125);
}
.wizard>.steps .number {
	background-color: #fff;
	color: #ccc;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1.1875rem;
	border: 2px solid #eee;
	z-index: 10;
	line-height: 2.125rem;
	text-align: center;
	width: 2.375rem;
	height: 2.375rem;
	border-radius: 50%
}
.wizard>.actions {
	position: relative;
	text-align: right;
	padding: 1.25rem;
	padding-top: 0;
}
.wizard>.actions>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.wizard>.actions>ul::after {
	display: block;
	clear: both;
	content: "";
}
.wizard>.actions>ul>li {
	display: inline-block;
}
.wizard>.actions>ul>li+li {
	margin-left: 1.25rem;
}
/* END Form Wizard */



/* 28. Form Validation */
.validation-invalid-label, .validation-valid-label {
	margin-top: .5rem;
	margin-bottom: .5rem;
	display: block;
	color: #b94a48;
	position: relative;
	padding-left: 1.1rem;
}
.validation-valid-label {
	color: #4caf50;
}
.validation-invalid-label:before, .validation-valid-label:before {
	font-family: FontAwesome;
	font-size: 1rem;
	position: absolute;
	top: .12502rem;
	left: 0;
	display: inline-block;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.validation-invalid-label:empty, .validation-valid-label:empty {
	display: none;
}
.validation-invalid-label:before {
	content: '\f057'
}
.validation-valid-label:before {
	content: '\f057'
}
.form-group-float-label {
	position: relative;
	top: .4375rem;
	opacity: 0;
}
/* END Form Validation */



.payrun-tabs .nav-tabs {
	border-bottom: none;
}
.payrun-tabs .nav-tabs>li {
	width: 95px;
	margin-bottom: 0 !important;
	margin-right: 3px;
	text-transform: uppercase;
	text-align: center;
}
.payrun-tabs .nav>li>a {
	color: white;
	padding: 0 !important;
	font-weight: 600;
}
.payrun-tabs>.nav>li.active>a:focus, .payrun-tabs>.nav>li.active>a:hover {
	color: white;
}
.payrun-tabs .nav-tabs>li.active>a {
	box-shadow: none;
	border-width: 0 !important;
}
.payrun-tabs .nav-tabs>li.active>a>.label-complete {
	border-bottom: solid 5px #408a40;
}
.payrun-tabs .nav-tabs>li.active>a>.label-coming {
	border-bottom: solid 5px #999;
}
.payrun-tabs .nav-tabs>li.active>a>.label-current {
	border-bottom: solid 5px #3085d6;
}
.payrun-tabs .nav-tabs>li.active>a>.label-pending {
	border-bottom: solid 5px #e78931;
}
.payrun-tabs .month {
	padding: 6px 10px;
	font-size: 16px;
}
.payrun-tabs .type {
	font-size: 11px;
	padding: 5px 10px;
	background-color: #408a40;
}
.payrun-tabs .label-complete {
	background-color: #38b138;
}
.payrun-tabs .label-complete .type {
	background-color: #408a40;
}
.payrun-tabs .label-coming {
	background-color: #c7c7c7;
}
.payrun-tabs .label-coming .type {
	background-color: #999;
}
.payrun-tabs .label-current {
	background-color: #70a6d8;
}
.payrun-tabs .label-current .type {
	background-color: #3085d6;
}
.payrun-tabs .label-pending {
	background-color: #f0ad4e;
}
.payrun-tabs .label-pending .type {
	background-color: #e78931;
}
.complete-border {
	border-top: solid 4px #408a40;
}
.coming-border {
	border-top: solid 4px #999;
}
.current-border {
	border-top: solid 4px #3085d6;
}
.pending-border {
	border-top: solid 4px #e78931;
}
.payrun .card {
	width: fit-content;
	border-radius: 3px;
	border: 1px solid #F4F7FF;
	box-shadow: 0 4px 25px 0 rgba(28,29,83,.06);
}
.payrun .card-body {
	padding: 20px;
}
.payrun .card-body .well {
	width: 450px;
	margin: 0 8px 0 8px;
}
.payrun .card-body .well h6 {
	margin: 0 0 5px 0;
}
.payrun h2 {
	margin: 5px 0;
}
.payrun span {
	text-transform: uppercase;
	font-size: 11px;
	color: #666;
}
.payrun h2 small {
	font-size: 14px;
	margin-right: 3px;
}
.payrun .calc-sign {
	padding: 23px 0 0 0;
	font-size: 18px;
}
.payrun .border-right {
	border-right: solid 2px #ccc;
}
.payrun-detail {
	padding: 0 25px;
}



.tb-border {
	border: 1px solid #EEEFF3;
	box-shadow: 0 2px 7px 0 rgba(28,29,83,.05);
	margin-top: 25px;
}
.claim-table {
	margin-bottom: 0;
}
.claim-table thead tr th {
	text-transform: uppercase;
	background-color: white;
	vertical-align: middle;
	height: 40px;
	border-bottom: solid 1px #ddd;
}
.claim-table tbody tr td {
	height: 35px;
	border: none;
}
.claim-table tfoot tr th {
	border-top: none;
	height: 40px;
	font-size: 14px;
}
.claim-table tfoot tr td {
	border-top: none !important;
}
.claim-table span {
	font-size: 12px;
	color: #555;
	padding-bottom: 5px;
}



.text-left {
	text-align: left !important;
}
.bg-warning {
	background-color: #efe1b3;
}
.bal-lock-table {
	margin: 0px 0 35px;
}
.bal-lock-table thead tr th {
	text-align: right;
	background-color: white;
	text-transform: uppercase;
}
.bal-lock-table tbody tr td {
	text-align: right;
	padding: 6px;
}
.bal-lock-table tfoot tr th {
	text-align: right;
	border-top: solid 2px #ccc;
	padding: 6px;
}
.border-right {
	border-right: solid 1px #ccc;
}



.digit-group input[type=text]:focus {
	box-shadow: none !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom: solid 2px #3085d6 !important;
}
.digit-group input {
	width: 40px;
	height: 50px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 2px #ccc;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	margin: 0 5px;
	font-weight: 300;
}



.party-info span.title {
	text-transform: uppercase;
	color: #777;
	font-weight: 500;
}
.party-info p {
	margin-bottom: 0;
}



.stock-dropdown {
	padding: 0 !important;
	top: auto !important;
	left: auto !important;
	min-width: 275px !important;
	max-height: 200px;
	overflow: auto;
}
.stock-dropdown li a {
	padding: 7px !important;
	border-bottom: solid 1px #ddd;
}
.stock-dropdown .item {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 2px;
}
.stock-dropdown .details {
	font-size: 12px;
}
.no-results {
	margin: 4px;
	padding: 7px;
}


.report-body {
	padding: 15px 25px;
}
.report-body h4 {
	margin: 10px 0;
}
.report-body h4 i {
	vertical-align: baseline;
}
.report-section {
	padding-left: 13px;
	padding-right: 13px;
}
.report-item {
	max-width: 275px;
	border-bottom: dashed 1px #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
}
.report-item span {
	padding-left: 5px;
}



.flyout.flyout-sm {
	width: 400px;
}
.flyout {
	display: none;
	position: fixed;
	top: 50px;
	bottom: 0;
	right: 0;
	width: 450px;
	transition: right .2s ease-in-out;
	box-shadow: -2px 7px 10px 1px rgba(0,0,0,.176);
	z-index: 1000001;
	background-color: #fff;
}
.flyout-header {
	top: 0;
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
}
.flyout-body {
	top: 56px;
	bottom: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	padding-bottom: 30px;
}
.flyout-body, .flyout-header {
	left: 0;
	right: 0;
	position: absolute;
}
.flyout-title {
	font-size: 18px;
	font-weight: 500;
}
.pi-icon {
	background-color: #fff;
	border-radius: 37px;
	padding: 10px 14px;
	box-shadow: #1c1d530d 1px 6px 10px 2px;
	font-size: 20px;
	color: rgb(30, 113, 214);
	margin-right: 10px;
}
.party-info-header {
	background-color: #f3f8fe;
	padding: 20px;
}
.party-info-header .company {
	margin-top: 2px;
	font-size: 18px;
	font-weight: 600;
}
.party-info-header .company a {
	margin-left: 10px;
	font-size: 14px;
}
.clearfix::after {
	display: block;
	clear: both
}
.font-xl {
	font-size: 22px !important;
}
.text-semibold {
	font-weight: 600;
}
.flyout-tabs {
	text-transform: uppercase;
	font-size: 12px;
}
.flyout-tabs>li.active>a {
	border-bottom: 2px solid #0081d9 !important;
}
.flyout-tabs>li>a {
	padding: 9px 20px 10px 20px;
}
.address-group, .contact-group {
	margin-bottom: 25px;
}
.address, .contact-info {
	margin-top: 7px;
	padding-left: 18px;
	line-height: 1.65;
}
.transaction-group small {
	color: #777;
}



.package-list {
	position: absolute;
	top: 60px;
	right: 0;
	left: 0;
	bottom: 0;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
.package-wrapper {
	position: relative;
	display: inline-block;
	height: 95%;
	min-width: 360px;
	max-width: 460px;
	margin-left: 30px;
	border: none;
}
.package-header {
	position: relative;
	border: 1px solid #f7f7f7;
	padding: 18px 10px 15px 28px;
}
.not-shipped {
	background-color: #d9f3f9;
}
.shipped {
	background-color: #faf8ca;
}
.delivered {
	background-color: #d4f1b4;
}
.not-shipped::after {
	border-left-color: #d9f3f9;
}
.outward-arrow::before {
	right: -41px;
	border: 29px solid transparent;
	border-left: 11px solid #f7f7f7;
}
.not-shipped.outward-arrow::after {
	right: -40px;
	border: 29px solid transparent;
	border-left: 11px solid #d9f3f9;
}
.shipped.outward-arrow::after {
	right: -40px;
	border: 29px solid transparent;
	border-left: 11px solid #faf8ca;
}
.package-header::before {
	position: absolute;
	top: -1px;
	content: "";
}
.package-header::after {
	position: absolute;
	top: -1px;
	content: "";
}
.package-table {
	position: absolute;
	height: 92%;
	width: 100%;
	overflow-y: auto;
	padding: 0 12px 12px;
	background-color: #fafafa;
}
.package-list-item {
	margin-top: 12px;
	border: 1px solid #efefef;
	padding: 15px;
	background-color: #fff;
}
.package-list-item .name {
	font-size: 14px;
	padding-bottom: 5px;
}
.package-list-item .action-btn {
	visibility: hidden;
}
.package-list-item:hover .action-btn {
	visibility: visible;
}
.separationline {
	border-left: 1px solid #e0e0e0;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
}
.td-padding {
	padding: 6px 8px !important;
}
table ol {
	margin-bottom: 0;
	padding-inline-start: 20px;
}
table ol li {
	padding: 0 0 3px 5px;
}

.error{
    color: red;
    font-weight: bold;
}