html {
	position: relative;
	min-height: 100%;
}

.itemCellpDeshtml {
	position: relative;
	min-height: 100%;
}

.btn:focus,
.btn:active {
	outline: none !important;
	box-shadow: none !important;
}

body {
	/*height: 100%;*/
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #fff;
	color: #282828
}

.dataTable .btn-default,
.smBTN {
	font-weight: normal !important;
}

div.dataTables_wrapper div.dataTables_filter label {
	font-weight: normal !important;
	letter-spacing: 0;
	font-size: 12px;
}

.modal-content {
	border-radius: 5px !important;
}

#DataTables_Table_2_length label {
	font-size: 12px;
	display: flex;
	text-transform: capitalize;
	align-items: center;
	color: #a5a1a1 !important;
}

div.dataTables_wrapper div.dataTables_length label {
	color: #a5a1a1 !important;
}

div.dataTables_wrapper div.dataTables_info {
	color: #a5a1a1 !important;
}

.dataTables_length label {
	font-size: 12px;
	display: flex;
	text-transform: capitalize;
	align-items: center;
}

.dataTables_length label select.custom-select.custom-select-sm.form-control.form-control-sm {
	margin: 0 6px;
}

#DataTables_Table_2_length select.custom-select.custom-select-sm.form-control.form-control-sm {
	margin: 0 6px;
}

.pocPROFILE .infoDiv {
	border-radius: 5px !important;
	border: 1px solid #e1e3e8 !important;
	padding: 15px 15px 15px !important;
}

.card-gray-kh .title-heading img {
	width: 22px !important;
	height: 22px !important;
}

.Act-timeline a.btn.btn-primary {
	float: right;
	padding: 4px 9px 4px;
	text-transform: capitalize;
	line-height: 1;
	border: 1px solid #d5d5d5;
	height: auto;
}

.form-group textarea#address {
	height: 78px !important;
}

.CL-Product .fa {
	top: 8px !important;
}

.top-btn-tab .btn.btn-primary {
	margin-left: 8px;
}

.label-icon-div {
	position: relative;
}

.label-icon-div svg {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 14px;
	height: 14px;
}

.new-search-div .form-style-div.pb-3 {
	text-align: right;
	width: 50%;
	float: right;
}

.small-datepicker-div {
	position: absolute;
	top: 9px;
	right: 10px;
	color: #72797d;
	font-size: 10px;
	line-height: normal;
	font-weight: 400;
}

.custom-control-label {
	font-size: 12px !important;
	padding-top: 0px !important;
	line-height: 1;
}

.custom-control-label::before {
	top: -2px;
}

.custom-control-label::after {
	top: -2px;
}

.label-icon-div input {
	padding: 11px 15px 10px 29px !important
}

.label-icon-div #datepicker {
	padding: 10px 15px 10px 29px !important;
}

.pocPROFILE .infoDiv p {
	font-size: 12px !important;
	font-weight: normal !important;
}

.fs-label-wrap .fs-label {
	font-size: 12px !important;
	font-weight: normal !important;
	color: #323846;
	padding: 9px 25px 6px 8px !important;
}

.outside-border-div {
	border: 1px solid #e1e3e8;
	border-radius: 5px;
	padding: 15px 15px 15px !important;
}

.fs-arrow {
	border-left: 3px solid transparent !important;
	border-right: 3px solid transparent !important;
	border-top: 3px solid #888888 !important;
}

.page-link {
	padding: 9px 12px !important;
	height: 33px;
}

.page-item.active .page-link {
	padding: 10px 12px !important;
	height: 33px;
	color: #040725;
	background: none;
	border-color: #040725;
}

.page-link:hover,
.page-link:focus {
	color: #040725;
	background: none;
	border-color: #040725;
}

.PackagingOption {
	border: 1px solid #e1e3e8 !important;
	border-radius: 5px;
	background-color: #f5f5f5 !important;
	margin-bottom: 15px !important;
	padding: 15px 15px 15px !important;
	box-shadow: none !important;
}

.SP-font {
	font-family: 'Source Sans Pro', sans-serif !important
}

.addBTN-act {
	font-size: 11px !important;
}

.MT-font,
._inv-status {
	font-family: 'Source Sans Pro', sans-serif;
}

.no-scroll {
	overflow: hidden
}

.btn,
h1,
h2,
h3,
h4,
h5,
h6,
.modal-order-detail .modal-title {
	font-family: 'Source Sans Pro', sans-serif;
}

.nam-title,
.con_info,
.text-muted,
.cp-stats-value,
.cp-stats,
.nav-tabs .nav-link,
.tab-style .tab-pane,
.alert-color,
.modal-title,
.login-right,
.login-right h3,
.login-left h4,
.Log_footer,
.viewAssign {
	font-family: 'Source Sans Pro', sans-serif;
}

.CL-Product.inputmonth input {
	margin-top: 0 !important;
}

.btn-addproduct {
	font-size: 11px !important;
}

.se_cus-type h2 {
	font-size: 12px !important;
	font-weight: normal !important;
}

.card .header h2,
.modal-title {
	font-size: 14px !important;
}

.navbar {
	background-color: #fff;
	margin-bottom: 0;
	min-height: 5rem;
	padding: 0rem 0.9375rem;
	box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, 0.15);
	border-top: solid 0.1875rem #EBB30A;
}

.top_nav .nav-link {
	color: #333;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0 !important;
	margin: 0.9375rem 0rem;
}

.top_nav .fa {
	font-size: 0.8125rem;
	margin-right: 0.3125rem;
	color: #adaeb4
}

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

.top_nav .dropdown-item {
	padding: 0.625rem 0.9375rem;
	font-size: 0.75rem;
	font-weight: 600;
	border-bottom: solid 0.0625rem #f3f3f3;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.0313rem
}

.top_nav .dropdown-item:HOVER {
	color: #282828;
	background-color: #f7f8fa
}

.usernamelab {
	display: none
}

.TM_icon {
	margin-right: 1.875rem;
	position: relative;
	margin-top: 0.625rem
}

.TM_icon img {
	width: auto;
	height: 1.25rem;
}

.hamburger,
.hamburger:HOVER {
	padding: 0.625rem;
	color: #EBB30A
}

.hamburger .fa {
	font-size: 1.375rem;
}

._logo,
._logo:HOVER {
	padding-left: 0.9375rem;
	font-weight: 400;
	text-decoration: none;
	color: #EBB30A
}

#wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #content-wrapper {
	overflow-x: hidden;
	width: 100%;
	padding: 1rem 0.625rem 0rem 0.625rem;
	padding-bottom: 5rem;
	padding-left: 10.9375rem;
}

body.fixed-nav #content-wrapper {
	margin-top: 3.5rem;
	padding-left: 5.625rem;
}

body.fixed-nav.sidebar-toggled #content-wrapper {
	padding-left: 0;
}

.sidebar img {
	width: 1.25rem;
	top: 0.625rem;
}

.user_log {
	height: 2.625rem;
	width: 2.625rem;
	border: 0.0625rem solid #fff;
	vertical-align: middle;
	border-radius: 50%;
	box-shadow: 0rem 0rem 0.625rem 0rem rgba(0, 0, 0, 0.2);
	margin-right: 0.3125rem;
}

.top_nav .dropdown-menu {
	border-radius: 0.125rem;
	border: none;
	box-shadow: 0 0.125rem 0.9375rem rgba(0, 0, 0, .175);
	padding: 0;
}

.scroll-to-top {
	position: fixed;
	right: 0.9375rem;
	bottom: 0.9375rem;
	display: none;
	width: 3.125rem;
	height: 3.125rem;
	text-align: center;
	color: #fff;
	background: rgba(52, 58, 64, 0.5);
	line-height: 2.875rem;
}

.o-hidden {
	overflow: hidden !important;
}

.navbar-nav .form-inline .input-group {
	width: 100%;
}

.navbar-nav .nav-item.active .nav-link {
	color: #fff;
}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
	width: 1rem;
	text-align: center;
	float: right;
	vertical-align: 0;
	border: 0;
	font-weight: 900;
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
}

.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
	content: '\f106';
}

.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
	display: none;
}

.navbar-nav .nav-item .nav-link:focus {
	outline: none;
}

.navbar-nav .nav-item .nav-link .badge {
	position: absolute;
	margin-left: 0.75rem;
	top: 0.5625rem;
	right: -0.4375rem;
	font-weight: 400;
	font-size: 0.5625rem;
	background-color: #EBB30A;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0.125rem 0.25rem;
}

.sidebar {
	width: 5.625rem !important;
	min-height: calc(100vh - 5rem);
	transition: width 0.5s;
	background: linear-gradient(90deg, #0336a3 0%, #EBB30A 100%);
	z-index: 5;
}

.sidebar .nav-item:last-child {
	margin-bottom: 1rem;
}

.sidebar .nav-item .nav-link {
	text-align: center;
	padding: 0.9375rem 0.3125rem;
	width: 5.625rem;
	color: #ffffff
}

.sidebar .nav-item .nav-link span {
	font-size: 0.65rem;
	display: block;
}

.sidebar .nav-item .dropdown-menu {
	position: absolute !important;
	-webkit-transform: none !important;
	transform: none !important;
	left: 5.625rem !important;
	margin: 0;
}

.sidebar .nav-item .dropdown-menu.dropup {
	bottom: 0;
	top: auto !important;
}

.sidebar .nav-item.dropdown .dropdown-toggle::after {
	display: none;
}

.sidebar .nav-item .nav-link:active,
.sidebar .nav-item .nav-link:focus,
.sidebar .nav-item .nav-link:hover {
	color: #fff;
}

.sidebar.toggled {
	width: 0 !important;
	overflow: hidden;
}

.dataTable .badge {
	width: 80px !important;
}

.sidebar.fixed-top {
	top: 3.5rem;
	height: calc(100vh - 3.5rem);
	overflow-y: auto;
}

:root {
	--input-padding-x: 0.75rem;
	--input-padding-y: 0.75rem;
}

footer.sticky-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	min-height: 3.125rem;
	background-color: #f6f7f9;
	transition: width 0.5s;
}

footer.sticky-footer .copyright {
	line-height: 1;
	font-size: 0.8rem;
}

._head01 {
	font-size: 15px;
	color: #282828;
	font-weight: 600
}

.breadcrumb {
	background-color: transparent;
	float: right;
	margin-bottom: 0;
	padding: 0.5625rem 0 0;
	font-size: 0.8125rem;
}

.breadcrumb a,
.breadcrumb span {
	color: #212121;
}

.breadcrumb a {
	opacity: .5;
	transition: .3s ease;
}

.breadcrumb>li+li::before {
	color: #212121;
	opacity: .5;
	padding: 0 0.5625rem;
	font-weight: 600;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
}

._left-filter .card {
	border: 0;
}

.card {
	background-color: #ffffff;
	border: none;
	padding: 0rem;
	position: relative;
	box-shadow: none;
}

.card .header {
	color: #424242;
	padding: 8px 10px;
	position: relative;
	box-shadow: none;
	background: #fff;
}

.card .header h2,
.modal-title {
	position: relative;
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
}

.card .header h2 span,
._head01 span,
.login-right h3 span,
.btn-login span,
.modal-title span {
	font-weight: 300
}

.card .header h2:before {
	/* background: #EBB30A;
	position: absolute;
	width: 0.125rem;
	height: 1.125rem;
	left: -1.25rem;
	top: 0;
	content: ''; */
}

.fs-dropdown {
	box-shadow: none !important;
	width: 90% !important;
	border-radius: 5px;
	border: 1px solid #efefef !important;
	padding: 6px;
}

.card .body {
	color: #424242;
	font-weight: 400;
	padding: 8px 0px;
}

.APS-list .fa {
	top: 11px !important;
}

button.btn.next-previous .fa::before {
	position: relative;
}

button.btn.next-previous.previous-btn .fa:before {
	top: -2px;
}

.col-6.mt-auto.mb-auto.text-right {
	display: flex;
	justify-content: flex-end;
}

.col-6.mt-auto.mb-auto.text-right button.btn.topaction {
	display: flex;
	align-items: center;
	justify-content: center;
}

a.btn.text-white.add-client-a.btn-addproduct.mb-0 {
	margin-top: 0;
    display: inline-flex;
    padding: 6px 9px 6px !important;
    height: 30px;
    align-items: center;
}
a.btn.text-white.add-new-a.btn-addproduct.mb-0 i.fa.fa-plus {
	margin-right: 5px;
}

a.btn.text-white.add-new-a.btn-addproduct.mb-0 {
	margin-top: 0;
    display: inline-flex;
    padding: 6px 9px 6px !important;
    height: 30px;
    align-items: center;
}

a.btn.text-white.add-new-a.btn-addproduct.mb-0 i.fa.fa-plus {
	margin-right: 5px;
}

button.btn.btn-addproduct.add-agency-a.mb-0.openDataSidebarForAddingAgency {
	margin-top: 0;
    display: inline-flex;
    padding: 6px 9px 6px !important;
    height: 30px;
    align-items: center;
}
button.btn.btn-addproduct.add-agency-a.mb-0.openDataSidebarForAddingAgency i.fa.fa-plus {
	margin-right: 5px;
}

button.btn.btn-addproduct.add-contact-a.mb-0.opensideBarToAddContact {
	margin-top: 0;
    display: inline-flex;
    padding: 6px 9px 6px !important;
    height: 30px;
    align-items: center;

}
button.btn.btn-addproduct.add-contact-a.mb-0.opensideBarToAddContact i.fa.fa-plus {
	margin-right: 5px;
}
.right-side-contacts .content-info h2 {
	font-size: 15px !important;
	font-weight: 500 !important;
}

.order-list {
	border-radius: 5px !important;
}

.right-side-contacts .headerbar {
	border-radius: 5px 5px 0 0 !important;
}

button.btn.topaction svg {
	width: 14px !important;
	height: 14px !important;
}

.next-previous,
.topaction {
	height: 26px !important;
	width: 26px !important;
}

.right-side-contacts .content-info {
	border-radius: 0 0 5px 5px !important;
}

.Product-Filter .btn-primary {
	color: #0a0e35 !important;
	padding: 7px 16px 6px !important;
	font-size: 11px !important;
	height: auto;
}

.Product-Filter .btn-primary:hover,
.Product-Filter .btn-primary:focus {
	color: #fff !important;
}

.card ._head03,
._head04 {
	position: relative;
	font-size: 13px;
	font-weight: 600;
	margin: 0rem 0rem 10px 0rem;
	padding-bottom: 0;
	/* border-bottom: 1px solid #efefef; */
	font-family: 'Source Sans Pro', sans-serif;
	color: #282828;
}

._head05 {
	position: relative;
	font-size: 1rem;
	font-weight: 600;
	margin: 0rem 0rem 0.1875rem 0rem;
	padding-bottom: 0.625rem;
	font-family: 'Source Sans Pro', sans-serif;
	color: #282828
}

.card ._head03 span,
._head04 span,
._head05 span {
	font-weight: 300;
}

.tab-save-btn {
	border: 1px solid #cfd0d6 !important;
}

.tab-body-primary button.btn.btn-primary {
	font-weight: normal !important;
}

.btn-primary,
.btn-cancel,
.lgray-btn,
.btn-outline,
.edit_button {
	font-size: 11px;
	font-weight: normal !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: none !important;
	padding: 4px 14px 3px 14px;
	border: 1px solid #2b2d47;
	background: inherit;
	color: #2b2d47;
	height: 27px;
}

.btn-primary:HOVER,
.btn-primary:focus,
.lgray-btn:HOVER,
.btn-outline:HOVER {
	color: #fff;
	border: solid 0.0625rem #040725 !important;
	background: linear-gradient(90deg, #040725 0%, #040725 100%);
}

.btn-cancel,
.btn-outline {
	color: #040725;
	background: rgba(255, 255, 255, 0);
	box-shadow: none;
	border-color: #cfd0d6;
}

.btn-cancel:HOVER,
.btn-cancel:focus {
	color: #fff;
	background: #040725;
	border: solid 0.0625rem #040725 !important;
}

.gray-btn {
	background: linear-gradient(90deg, #8b8b8b 0%, #8b8b8b 100%)
}

.lgray-btn {
	background: linear-gradient(90deg, #e8e8e8 0%, #e8e8e8 100%)
}

.form-wrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1.875rem 0rem;
}

._w90 {
	width: 90%
}

._w100 {
	width: 100%
}

.form-wrap .form-control,
.form-wrap .custom-select,
._Sbg .custom-select,
.val-placeholder,
.con-control {
	border: none;
	border: 1px solid #e1e3e8;
	background-color: #ffffff !important;
	box-shadow: none !important;
	border-radius: 5px !important;
	height: 30px !important;
	font-size: 12px !important;
	padding-left: 8px !important;
}

.val-placeholder {
	width: 100%;
	margin-top: 0.5625rem;
	padding-left: 0.625rem
}

.form-wrap textarea,
.modal-body textarea {
	width: 100%;
	border: 0.0625rem solid #E3E3E3;
	background-color: #fff;
	color: #212121;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	-moz-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	font-size: 0.8125rem;
	/* font-family: 'Source Sans Pro', sans-serif;*/
}

.form-group {
	margin-bottom: 0.5rem;
}

.auth-form .form-wrap .form-group input {
	box-shadow: none !important;
	border: none;
	border-bottom: 0.125rem solid #f12300;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	font-size: 1.25rem;
	color: #b5b5b5;
	min-width: 21.5625rem;
}

.control-label {
	font-size: 12px;
	color: #3e424f !important;
	margin-bottom: 0 !important;
}

.form-control:focus,
.custom-select:focus,
.form-wrap textarea:focus {
	border-color: #EBB30A !important;
	box-shadow: none;
}

body.sidebar-toggled footer.sticky-footer {
	width: 100%;
}

._upload-thumb {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#imgthu {
	max-height: auto;
	width: 100%;
	margin-bottom: 0.3125rem;
	margin-top: 0rem
}

.form__input {
	background: transparent;
	position: relative;
	width: 100%;
	display: block;
	cursor: text;
	transition: border-color .3s, margin-bottom .3s;
}

.form__input--file {
	display: block;
	text-align: center;
	border: 0.125rem dashed #d5d5d5;
	letter-spacing: 0.0313rem;
	color: #888;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 2.5rem;
	font-size: 0.8125rem;
	font-size: 0.8125rem;
	padding: 0 1.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	height: 2.75rem;
}

.form__input--file .placeholder {
	position: relative;
	text-transform: uppercase;
	font-size: 0.75rem;
	font-weight: 300;
}

.form__input--file .placeholder:before {
	position: absolute;
	top: -0.8125rem;
	left: -1.25rem;
	font-size: 0.8125rem;
	font-weight: 600;
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
}

.form__input--file input {
	display: none;
}

.form__input--file:HOVER {
	border: 0.125rem dashed #EBB30A;
}

.form__input--file:HOVER .placeholder:before {
	color: #EBB30A;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	top: 0.5rem;
	left: 0.5rem;
	height: 1.25rem;
	width: 1.25rem;
	border: 0.0625rem solid #EBB30A;
	border-radius: 1.25rem;
	box-shadow: none;
	line-height: 1.3125rem;
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	font-weight: 600;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
	padding-left: 2.8125rem;
}

.page-link,
.page-link:HOVER {
	z-index: 1;
	color: #040725;
	background: none;
	border-color: #040725;
}

.PackagingOption span.selection {
	margin-top: 0;
}

.PackagingOption .form-control {
	margin-top: 0;
}

.page-item.active .page-link {
	z-index: 1;
	color: #040725;
	background: none;
	border-color: #040725;
}

.form-control {
	box-shadow: none !important;
	height: 30px !important;
	background-color: #fff !important;
	border: solid 1px #e1e3e8;
	border-radius: 5px !important;
	font-size: 12px !important;
	color: #323846 !important;
	margin-top: 5px;
}

.selection {
	margin-top: 5px;
	display: block;
	position: relative;
}

#datepicker {
	background-color: #f6f6f6;
	border: 0.0625rem solid #f6f6f6;
	box-shadow: none;
	height: 30px !important;
	font-size: 12px !important;
	padding: 10px 15px !important;
}

.dataTable thead,
.dataTable tfoot {
	background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%);
}

.modal-body table th {
	font-weight: 600
}

.dataTable td,
.dataTable th,
.modal-body table th,
.modal-body table td {
	font-size: 13px !important;
	text-transform: capitalize;
	padding: 8px 10px !important;
	line-height: 1;
	vertical-align: middle;
	border-bottom: 0px solid #efefef !important;
}

.dataTable thead th {
	border: none;
}

._Threshhold {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	height: 1.875rem;
}

.modal-header {
	padding: 10px 15px;
	border-bottom: 0;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	background: #f9fafb;
	line-height: 1;
}

.modal-content.top-borderRed .modal-body {
	padding: 15px 0 !important;
}

.modal-content.top-borderRed .modal-footer {
	background-color: #f9f9f9;
	border-top: solid 1px #dddddd;
	border-radius: 0 0 5px 5px !important;
}

.Product-Filter.Cus-Filter input {
	margin-top: 0;
	height: 30px !important;
}

.Product-Filter.Cus-Filter .custom-select-sm {
	border-radius: 5px !important;
	line-height: normal;
	font-size: 13px;
	color: #848b96;
}

.Product-Filter span.selection {
	margin-top: 0 !important;
}

.ProductPageNav li a {
	margin: 0 3px !important;
	padding: 4px 12px !important;
	height: 30px !important;
	color: #040725 !important;
	background: none !important;
	border-color: #e3e5ea !important;
	border-radius: 5px !important;
}

.ProductPageNav li a:hover,
.ProductPageNav li a:focus {
	z-index: 1;
	color: #040725 !important;
	background: none;
	border-color: #040725 !important;
}

.dataTable .btn-default,
.smBTN {
	padding: 3px 10px 4px;
	font-size: 11px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	text-transform: capitalize;
	background: #04072512;
	color: #040725;
	text-align: center;
	margin: 0rem 0.3125rem 0.3125rem 0rem;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: normal !important;
	line-height: 1;
	min-width: 1.375rem;
	margin-bottom: 5px !important;
}

.dataTable .btn-line,
.btn-line {
	background: linear-gradient(90deg, #fff 0%, #fff 100%);
	color: #040725;
	border: 1px solid #d5d5d5;
}

.dataTable .btn-default:HOVER,
.dataTable .btn-line:HOVER,
.smBTN:HOVER {
	color: #fff !important;
	background: #040725;
}

.btn.disabled,
.btn:disabled {
	padding: 3px 10px 4px;
	font-size: 11px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	text-transform: capitalize;
	background: #e3e3e3;
	color: #040725;
	text-align: center;
	margin: 0rem 0.3125rem 0.3125rem 0rem;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: normal !important;
	line-height: 1;
	min-width: 1.375rem;
	cursor: none;
}

.btn.disabled,
.btn:disabled:hover {
	background: #e3e3e3 !important;
	color: #040725 !important;
	border-color: #e3e3e3 !important
}

.btn:disabled,
.btn[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

button[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

button.btn.btn-default:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

tbody td .fa {
	font-size: 1rem;
	margin-top: 0.3125rem;
	margin-right: 0.4375rem;
	color: #5F5F5F;
}

tbody td .btn-default .fa {
	color: #fff;
	font-size: 0.6875rem;
	margin: 0;
	padding: 0;
}

.dataTable .fa-trash-alt {
	color: #F12300
}

table.dataTable {
	margin-bottom: 0.75rem !important;
	margin-top: 0.75rem !important;
}

.list_img {
	width: auto;
	height: 1.875rem;
	margin-top: -0.3125rem
}

.dataTables_info,
.dataTables_length {
	font-size: 12px;
}

.add_button {
	font-size: 0.875rem;
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	box-shadow: 0.125rem 0.125rem 0.625rem 0 rgba(79, 79, 79, .2);
	padding: 0.375rem 0.625rem;
	color: #fff !important;
	position: absolute;
	right: 1.25rem;
	top: 0.9375rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	letter-spacing: 0.0313rem
}

.in-btn {
	font-size: 0.8125rem;
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	box-shadow: 0.125rem 0.125rem 0.625rem 0 rgba(79, 79, 79, .2);
	padding: 0.3125rem 0.5rem;
	color: #fff !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	letter-spacing: 0.0313rem
}

.L_inv_search {
	font-size: 1.375rem;
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	box-shadow: 0.125rem 0.125rem 0.625rem 0 rgba(79, 79, 79, .2);
	padding: 0.3125rem 0rem 0rem 0rem;
	color: #fff !important;
	position: absolute;
	right: 1.25rem;
	top: 0rem;
	height: 2.5625rem;
	width: 2.5625rem;
	text-align: center;
}

._Sbg {
	background-color: #fff;
	margin-bottom: 1.875rem;
	padding: 1.5625rem;
}

._Sbg .btn-primary {
	text-transform: uppercase;
	font-size: 1.125rem
}

.Inv_g-sec {
	padding: 0.9375rem;
	text-align: center;
	color: #8c8c8c;
	margin-bottom: 1.875rem;
}

.Inv_g-sec h5 {
	font-size: 1rem;
	text-align: center;
	padding: 0.625rem;
	margin: 0;
	color: #EBB30A;
}

.Inv_g-sec img {
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	width: 18.75rem;
	height: auto;
}

.Inv_g-sec:HOVER img {
	margin-top: -1.5625rem;
	margin-bottom: 1.5625rem;
}

.Inv_g-sec:hover .cp_img img {
	box-shadow: 0 1.1875rem 2.375rem rgba(0, 0, 0, 0.3), 0 0.9375rem 0.75rem rgba(0, 0, 0, 0.22);
	transition: all 0.2s ease-in-out;
}

.Inv_g-sec:hover .cp_img img .hover {
	display: block
}

.Inv_g-sec a {
	font-size: 1rem;
	font-weight: 500;
	background-color: #fff;
	color: #EBB30A;
	box-shadow: 0rem 0rem 0.9375rem 0rem rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	-khtml-transform: translate(-50%);
	width: 9.375rem;
	padding: 0.4375rem 0.9375rem;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	opacity: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
}

.Inv_g-sec:HOVER a {
	opacity: 1;
	transition: all 0.2s;
	top: 55%;
}

.Inv_g-sec a:HOVER {
	background-color: #f12300;
	color: #fff
}

.bg_main {
	background-image: url(../images/log-bg.png);
	background-color: #fff !important
}

.card-body-icon {
	position: absolute;
	z-index: 0;
	top: -0.4375rem;
	right: -1rem;
	opacity: 0.3;
	font-size: 5.3125rem;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}

.admin_box .admin_head {
	font-size: 1.25rem
}

.card-body-icon img {
	width: 7.5rem;
	height: auto
}

.fa-fw {
	text-align: center;
	width: 1.25em;
}

.admin_box {
	margin-top: 0.9375rem;
}

._logo {
	font-size: 1.25rem;
	font-weight: 400;
	margin: 0;
}

._logo img {
	height: 3.125rem;
	width: auto;
}

._tborder {
	border-top: solid 0.0625rem #f0f0f0;
}

/* select2 CSS */
.select2-container--bootstrap4 .select2-selection--single {
	height: 1.875rem !important;
	padding: 0rem 0.625rem;
	font-size: 0.8125rem;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
	color: #757575;
	line-height: 1.875rem
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
	position: absolute;
	top: -0.3125rem;
	right: 0.1875rem;
	width: 1.25rem
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
	top: 60%;
	border-color: #343a40 transparent transparent;
	border-style: solid;
	border-width: 0.3125rem 0.25rem 0;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -0.25rem;
	margin-top: -0.125rem;
	position: absolute
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	line-height: 1.875rem
}

.select2-search--dropdown .select2-search__field {
	border: 0.0625rem solid #ced4da;
	border-radius: 0.25rem
}

.select2-results__message {
	color: #6c757d
}

.select2-container--bootstrap4 .select2-selection--multiple {
	min-height: calc(2.25rem + 0.125rem) !important
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 0.3125rem;
	width: 100%
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	color: #343a40;
	border: 0.0625rem solid #bdc6d0;
	border-radius: 0.2rem;
	padding: 0;
	padding-right: 0.3125rem;
	cursor: pointer;
	float: left;
	margin-top: .3em;
	margin-right: 0.3125rem
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
	color: #bdc6d0;
	font-weight: 700;
	margin-left: 0.1875rem;
	margin-right: 0.0625rem;
	padding-right: 0.1875rem;
	padding-left: 0.1875rem;
	float: left;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #343a40
}

.select2-container :focus {
	outline: 0
}

.select2-container--bootstrap4 .select2-selection {
	border: 0.0625rem solid #e2e6ea;
	border-radius: 0;
	width: 100%;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
	border-color: #17a2b8;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25)
}

.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

select.is-invalid~.select2-container--bootstrap4 .select2-selection {
	border-color: #dc3545
}

select.is-valid~.select2-container--bootstrap4 .select2-selection {
	border-color: #28a745
}

.select2-container--bootstrap4 .select2-dropdown {
	border-color: #ced4da;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
	background-color: #e9ecef
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
	background-color: #007bff;
	color: #f8f9fa
}

.select2-container--bootstrap4 .select2-results__option[role=group] {
	padding: 0
}

.select2-container--bootstrap4 .select2-results__group {
	padding: 0.375rem;
	display: list-item;
	color: #6c757d
}

.select2-container--bootstrap4 .select2-selection__clear {
	width: 1.125rem;
	height: 1.125rem;
	line-height: 1.125rem;
	font-size: 0.8125rem;
	padding: 0;
	text-align: center;
	margin-top: 0.375rem;
	border-radius: 100%;
	background-color: #6c757d;
	color: #f8f9fa;
	float: right;
	margin-right: 0.75rem
}

.select2-container--bootstrap4 .select2-selection__clear:hover {
	color: #fff;
	background-color: #343a40
}

.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected],
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
	background-color: #EBB30A;
}

.select2-container--bootstrap4 .select2-results__option {
	padding: 0.5rem 0.625rem;
	font-size: 0.875rem;
}

._emp-sele .custom-select {
	height: 1.75rem;
	padding: 0rem 0.75rem
}

._emp-sele .select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 0.0625rem solid #e1e5e9;
	border-radius: 0rem;
}

._tags {
	margin-top: -0.1875rem
}

._tags .form-control {
	height: 1.75rem;
	padding: 0rem 0.625rem;
	margin: 0rem;
	font-size: 0.8125rem
}

/*tag CSS*/
.bootstrap-tagsinput {
	display: inline-block;
	padding: 0.25rem 0.375rem;
	vertical-align: middle;
	width: 100%;
	line-height: 1.375rem;
	cursor: text;
	border: 0.0625rem solid #E3E3E3;
	background-color: #fff;
	color: #212121;
	min-height: 2.8125rem;
	border-radius: 0.375rem;
	-webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	-moz-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1)
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none
}

.bootstrap-tagsinput input {
	outline: 0;
	background-color: transparent;
	padding: 0.4375rem;
	margin: 0;
	width: auto;
	max-width: inherit
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
	color: #777;
	opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
	color: #777
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
	color: #777
}

.bootstrap-tagsinput .badge {
	color: #fff;
	background-color: #EBB30A;
	padding: 0.3125rem 0.3125rem 0.3125rem 0.5rem;
	border-radius: 0.1875rem;
	border: none;
	margin: 0.1875rem;
	font-size: 0.8125rem;
	font-weight: 500
}

.bootstrap-tagsinput .badge [data-role=remove] {
	margin-left: 0.5rem;
	cursor: pointer
}

.bootstrap-tagsinput .badge [data-role=remove]:after {
	content: "×";
	padding: 0 0.25rem;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 50%;
	font-size: 0.8125rem
}

.bootstrap-tagsinput .badge [data-role=remove]:hover:after {
	background-color: rgba(0, 0, 0, .62)
}

.bootstrap-tagsinput .badge [data-role=remove]:hover:active {
	box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, .125)
}

.select2-results__option[aria-selected] {
	font-size: 0.8125rem
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #e1e3e8 !important;
	font-size: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 5px;
}

.form-s2 .select2-container .select2-selection--single {
	height: 30px !important;
	border: 1px solid #e1e3e8;
	background-color: #fff !important;
	color: #3e4451;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	box-shadow: none;
}

.select2-container--focus .select2-selection--single {
	border: 1px solid #EBB30A !important;
}

.dataTable .badge {
	font-size: 11px !important;
	font-weight: normal !important;
	padding: 4px 7px !important;
	font-family: 'Open Sans', sans-serif !important;
	letter-spacing: 0 !important;
	border-radius: 5px !important;
}

.table th input {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px !important;
	border-radius: 5px !important;
}

.badge .indicator {
	top: -1px !important;
	position: relative !important;
}

.badge-soft-progress {
	color: #e8b00b;
	border: 0 !important;
	background-color: #e8b00b2e !important;
}

.badge-soft-progress:hover {
	background-color: #e8b00b !important;
	color: #fff !important;

}

.badge-soft-completed {
	color: #008000 !important;
	border: 0 !important;
	background-color: #00800021 !important;
}

.badge-soft-completed:hover {
	background-color: #008000 !important;
	color: #fff !important;
}

.badge-soft-pending {
	color: #040725 !important;
	border: 0 !important;
	background: #04072514 !important;
}

.form-s2 .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-family: 'Source Sans Pro', sans-serif !important;
	line-height: 30px !important;
	font-size: 12px !important;
	color: #323846 !important;
}

.form-s2 .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
	width: 1.5625rem;
}

.selpluse .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 2.5rem;
}

#floating-label .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #323846 !important;
	font-size: 13px;
	border-radius: 5px;
	/* border: 1px solid #e1e3e8 !important; */
	box-shadow: none !important;
}

.add_button-style {
	background: #040725 !important;
	font-size: 11px !important;
}

.select2-container--default .select2-selection--multiple {
	background-color: #ffffff;
	box-shadow: none;
	border: 0;
	box-shadow: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #ffffff;
	box-shadow: none;
	border: 0;
	box-shadow: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	/* color: #fff !important; */
	margin-right: 0.1875rem
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	    color: #999 !important;
}
.select2-container--default .select2-selection--multiple {
	background-color: #ffffff;
	box-shadow: none;
	border: 0;
	box-shadow: none !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	background-color: #ffffff;
	box-shadow: none;
	border: 0;
	box-shadow: none !important;
}

.form-wrap textarea {
	background-color: #ffffff;
	box-shadow: none;
	border-radius: 5px;
	color: #323846;
	height: 70px;
	font-size: 13px;
	border: 1px solid #e1e3e8;
	padding: 10px;
	border-radius: 5px;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%
}

.head_25 {
	font-size: 1.375rem;
	font-weight: 600;
	margin-top: 0.625rem;
	margin-bottom: 0.9375rem
}

table.dataTable.nowrap td {
	white-space: normal;
}

.modal-cust-detail ._cut-info {
	font-size: 0.875rem;
	display: block;
	padding: 0.75rem;
	font-weight: 400;
	background-color: #efefef;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
}

.modal-cust-detail label {
	font-size: 0.8125rem;
	color: #979797;
	display: block;
	padding-bottom: 0rem;
}

._amount-order {
	padding: 0.75rem
}

.modal-content {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
}

.modal-cust-detail .modal-body {
	padding: 1.5625rem
}

.modal-order-detail table.responsive-table {
	display: table;
	table-layout: fixed;
	width: 50rem;
	height: 100%;
}

.modal-order-detail table.responsive-table thead {
	position: fixed;
	top: 3.125rem;
	left: 0;
	right: 0;
	width: 52.0625rem;
	height: 3.125rem;
	line-height: 3em;
	background: #f7f7f7;
	table-layout: fixed;
	display: table;
}

.modal-order-detail table.responsive-table th {
	padding: 0.3125rem 0.625rem;
}

.modal-order-detail table.responsive-table td {
	padding: 0.3125rem 0.8125rem;
}

.modal-order-detail table.responsive-table tr>td,
.modal-order-detail table.responsive-table th {
	text-align: left;
}

._table-order {
	overflow-y: scroll;
	height: 25rem;
	margin-top: 3rem;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #EBB30A;
}

._emp_dep .custom-control {
	margin-bottom: 0.625rem
}

._emp_dep .custom-control-label {
	font-size: 0.875rem;
	color: #555555;
	padding-top: 0.125rem
}

.card ._head-sm {
	position: relative;
	font-size: 0.9375rem;
	font-weight: 500;
	margin: 0.9375rem 0rem 1.25rem 0;
	color: #282828
}

/*.card ._head-sm:before {
	background: #f12300;
	position: absolute;
	width: 0.75rem;
	height: 0.125rem;
	left: -1.5625rem;
	top: 0.5rem;
	content: '';
}*/

.bulk-error p {
	font-size: 0.875rem
}

.bulk-error .alert {
	font-size: 0.875rem;
	margin-top: 2.5rem
}

.bulk-error table {
	font-size: 0.8125rem;
	margin-top: 1.25rem
}

.bulk-error table td,
.bulk-error table th {
	padding: 0.4375rem
}

.bulk-error .table thead th {
	background-color: #f6f8fa;
	border: none
}

.table-input .form-control {
	height: 1.875rem;
	font-size: 0.8125rem;
	margin-top: -0.3125rem
}

.red-bg {
	background: #e2000014 !important;
	color: #e20000 !important;
}

.red-bg:hover,
.red-bg:focus {
	background: #e20000 !important;
	color: #fff !important;
}

.green-bg {
	background: #1ca345 !important
}

.coll-btn {
	margin-top: 2.1875rem
}

.top_nav .nav-link {
	padding: 0 !important;
	margin: 0.9375rem 0rem
}

._up-file .form__input--file {
	text-align: left;
	padding-left: 2.8125rem;
}

.viewAssign {
	background-color: #f8f8f8;
	padding: 0.375rem;
	font-weight: 600;
	width: 10.625rem;
	display: block;
	text-align: center;
	color: #444444;
	border: solid 0.0625rem #f3f2f2;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	font-size: 0.875rem;
	letter-spacing: 0.0625rem
}

.viewAssign:HOVER {
	color: #ffffff;
	text-decoration: none;
	border-color: #EBB30A;
	-webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	-moz-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	background-color: #EBB30A;
}

.alert-color {
	color: #383d41;
	background-color: #f4f4f4;
	border-color: #f0f0f1;
	font-size: 0.8125rem;
}

.alert-color:HOVER {
	border-color: #EBB30A
}

.alert_close {
	position: absolute;
	top: 0.625rem;
	right: 0.625rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #040726;
	background-color: #fff;
	border-color: #fff #fff #fff;
	font-size: 13px;
	font-weight: 500 !important;
	padding: 0.625rem 1.875rem;
	height: 2.75rem;
	box-shadow: rgba(0, 0, 0, 0.16) 0rem 0.0625rem 0.125rem;
	letter-spacing: 0px;
}

.nav-tabs .nav-item.show,
.nav-tabs .nav-link:HOVER,
.nav-tabs .nav-link.active {
	border-bottom: solid 0.125rem #040726
}

.nav-tabs {
	border-bottom: 0.125rem solid #ffffff;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border: 0.0625rem solid transparent;
	border-bottom: solid 0.125rem #040726
}

.nav-tabs .nav-item a {
	font-size: 13px;
	font-weight: 600;
	padding: 0.625rem 1.875rem;
	color: #282828;
	height: 2.75rem
}

._cut-img {
	position: relative
}

._cut-img img {
	height: 7.5rem;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.nam-title {
	font-size: 0.9375rem;
	font-weight: 600;
	margin-top: 0.625rem
}

.con_info {
	padding-top: 0.625rem
}

.con_info p {
	font-size: 0.8125rem;
	margin-bottom: 0.3125rem;
	letter-spacing: 0.0187rem
}

.con_info p .fa {
	font-size: 14px;
	margin-right: 0.625rem;
	margin-bottom: 0.625rem;
	color: #050827;
	text-align: center;
	width: 1.25rem;
}

.con_info ._st-t {
	font-size: 0.75rem;
	font-weight: 600;
	display: inline-block;
	width: 2.8125rem;
	font-family: 'Source Sans Pro', sans-serif;
}

.con_info .btn-primary {
	width: 100%;
	text-align: center;
	padding: 0.3125rem;
	text-decoration: none;
	float: left;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.0625rem;
	outline: none !important;
}

.con_info table {
	font-size: 0.8125rem;
	background-color: #f7f7f7;
	margin-top: 0.3125rem;
	margin-bottom: 0.5rem;
}

.con_info table td {
	border: solid 0.125rem #fff;
	padding: 0.3125rem 0.125rem 0.3125rem 0.25rem
}

.con_info table td strong {
	font-weight: bold;
}

.tab-style {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0rem 0.0625rem 0.25rem;
}

.tab-style .tab-pane {
	padding: 1.875rem
}

.cp-stats {
	padding: 1.25rem;
	position: relative;
	letter-spacing: 0.0625rem;
	font-size: 0.875rem;
	margin-bottom: 0rem;
	background-image: url(../images/rav-bg-001.jpg);
	background-position: top left;
	background-repeat: no-repeat
}

.cp-stats-value {
	font-size: 1.5625rem;
	font-weight: 600;
	color: #EBB30A;
	padding: 0rem;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

.cp-stats h5 {
	font-size: 0.875rem;
	color: #282828 !important;
	margin-bottom: 0.6875rem;
}

.cp-stats-icon {
	position: absolute;
	right: 0.625rem;
	top: 0.625rem;
}

.cp-stats .cp-stats-icon .fa {
	color: #EBB30A;
	font-size: 1.25rem;
	background-color: rgba(255, 255, 255, 1);
	height: 2.5rem;
	width: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	display: inline-block;
	box-shadow: 0rem 0rem 0.9375rem 0rem rgba(0, 0, 0, 0.2)
}

.cp-stats-icon img {
	width: 3.75rem
}

.cp-stats .bm_text {
	white-space: nowrap;
	padding-left: 0.3125rem
}

.cp-mh {
	min-height: 21.6875rem
}

.cp_user-l {
	min-height: 25.125rem
}

.lineHeight30 {
	line-height: 1.875rem;
}

.overlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 998;
	opacity: 0;
}

.overlay.active {
	display: block;
	opacity: 1;
}

#product-cl-sec,
#product-add,
#performaPreferences {
	width: 37.5rem;
	position: fixed;
	top: 0;
	right: -100%;
	height: 100vh;
	z-index: 999;
	color: #282828;
	padding: 0rem 0rem;
	background-color: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-direction: column;
	opacity: 0;
	-webkit-transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0rem 0rem 6.25rem 0rem rgba(0, 0, 0, 0.5);
}

.pro-header-text {
	line-height: 3.125rem;
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	padding: 0 14px;
	margin: 0;
	font-weight: 600;
	background: #f9fafb;
	position: relative;
	margin-left: 0;
	width: inherit;
}

.pro-header-text span {
	font-weight: 300
}

.pc-cartlist {
	display: flex;
	flex: 1;
	min-height: 0rem;
	padding-bottom: 4.0625rem;
}

.overflow-plist {
	flex: 1;
	overflow: auto;
}

.plist-content {
	color: black;
	height: 100%;
}

#product-cl-sec.active,
#product-add.active,
#performaPreferences.active {
	right: 0rem;
	opacity: 1
}

#product-cl-sec #pl-close {}

.custom-select:focus,
.form-control:focus {
	box-shadow: none
}

._cl-checkout {
	background-color: #EBB30A;
	font-size: 1.125rem;
	color: #fff;
	font-weight: 700;
	width: 100%;
	text-align: left;
	padding: 0.625rem;
	padding-left: 0.9375rem;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
}

.close-btn-pl {
	position: absolute;
	right: 0.625rem;
	top: 0.9375rem;
	width: 1.875rem;
	height: 1.875rem;
	z-index: 100;
}

.close-btn-pl:hover {
	opacity: 1
}

.close-btn-pl:after,
.close-btn-pl:before {
	position: absolute;
	left: 0.9375rem;
	content: ' ';
	height: 1.1875rem;
	width: 0.125rem;
	background-color: #b1b1b1;
	opacity: 0.6;
}

.close-btn-pl:before {
	transform: rotate(45deg)
}

.close-btn-pl:after {
	transform: rotate(-45deg)
}

._cl-bottom {
	height: 3.4375rem;
	margin: 0;
	padding: 0.625rem;
	position: fixed;
	width: 0;
	right: 0;
	bottom: -0.0625rem;
	z-index: 100;
	opacity: 0;
	background-color: #f9fafb;
	padding-left: 0.9375rem;
}

.active ._cl-bottom {
	opacity: 1;
	transition: opacity 0.7s linear;
	-webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	width: inherit;
}

._cl-bottom .btn {
	font-size: 11px;
	margin-top: 0.125rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal !important;
	box-shadow: none;
	margin-left: 0;
	padding: 3px 14px 3px 14px;
}

._left-filter .custom-control-label {
	padding-top: 0.1875rem;
}

._left-filter .custom-checkbox {
	margin-top: 0.3125rem
}

@media (max-width:30rem) {

	#product-cl-sec,
	#product-add,
	#performaPreferences {
		width: 100%
	}

	.pro-header-text {
		width: auto;
		margin-left: 0rem;
		margin-right: -0.9375rem
	}

	.dis-larg {
		display: none
	}
}

.modal-dialog.modal-lg.modal-dialog-centered .top_border {
	border: 0;
	border-top: 0;
	border-radius: 5px;
	box-shadow: 0rem 0rem 4rem 0rem rgba(0, 0, 0, 0.2);
}

.top_border {
	border: solid 0.0625rem #f0f0f0;
	border-top: solid 0.1875rem #2b2d47;
}

.top-borderRed {
	border: 1px solid #efefef !important;
	box-shadow: 0rem 0rem 4rem 0rem rgba(0, 0, 0, 0.2) !important;
	border-radius: 5px !important;
}

#floating-label {
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0;
}

#floating-label .form-group .form-control {
	border: none;
	border: 0.0625rem solid #efefef;
	background-color: #ffffff;
	box-shadow: none;
	border-radius: 5px;
	height: 30px;
	font-size: 12px;
	margin-top: 0;
	padding-left: 8px !important;
}

#floating-label .form-control {
	margin-top: 0;
}

.dataTable .btn-default i.fa.fa-download {
	color: #040727 !important;
}

.dataTable .btn-default:HOVER i.fa.fa-download,
.dataTable .btn-line:HOVER i.fa.fa-download,
.smBTN:HOVER i.fa.fa-download {
	color: #fff !important;
}

/* #floating-label .form-group {
	display: flex;
	height: 3.375rem;
} 
#floating-label .form-control:focus {
	border-color: #fff !important;
	border-bottom: 0.125rem solid #EBB30A !important;
}
#floating-label .control-label {
	font-size:11px;
	letter-spacing: 0.5px;
	font-weight: 400;
	opacity: 0.6;
	pointer-events: none;
	color: #656565
}
#floating-label .form-group.focused .control-label {
	opacity: 1;
	transform: scale(0.75);
	color: #282828;
}
#floating-label .form-control {
	align-self: flex-end;
}
 #floating-label .form-control::-webkit-input-placeholder {
 color: transparent;
 transition: 240ms;
}
 #floating-label .form-control:focus::-webkit-input-placeholder {
 transition: none;
}
 #floating-label .form-group.focused .form-control::-webkit-input-placeholder {
 color: #282828;
}*/
.page-item .page-link {
	font-size: 11px;
	font-weight: 600;
	color: #5c646c;
	border: 1px solid #cfd0d6;
	border-radius: 5px !important;
}

.dataTables_paginate.paging_simple_numbers .paginate_button.page-item {
	padding: 0 3px;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_info {
	font-size: 0.75rem;
}

.dataTables_wrapper .dataTables_filter label {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.8125rem;
	letter-spacing: 0.0313rem;
}

.dropify-wrapper {
	max-width: 100%;
	border: 1px solid #e1e3e8;
	border-radius: 5px;
}

.up_h {
	padding: 0;
	padding-top: 1.1875rem !important;
	padding-bottom: 0.9375rem !important
}

.up_h .dropify-wrapper {
	height: 6.0625rem !important
}

.dropify-wrapper .dropify-clear,
.dropify-wrapper .dropify-clear:HOVER {
	background-color: #f12300;
	border: none;
	cursor: pointer;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 0.75rem;
}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message,
.dropify-wrapper .dropify-message p {
	opacity: 1;
	font-size: 11px;
}

.se_cus-type {
	background-color: inherit !important;
}

.gray_border {
	border: solid 0.0625rem #f9f9f9;
	box-shadow: none;
}

.se_cus-type .form-s2 .select2-container .select2-selection--single {
	background-color: #ffffff;
}

.nav-pills {
	display: flex;
	justify-content: center;
	flex-direction: row;
	padding-top: 0.9375rem !important;
	padding-bottom: 0.9375rem !important
}

.nav-pills .nav-item {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link {
	color: #fff;
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	font-size: 0.875rem;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.0625rem;
	font-weight: 600;
	padding: 0.5rem 1.5rem;
}

.nav-pills .nav-link {
	background: linear-gradient(90deg, #fff 0%, #fff 100%);
	border: solid 0.125rem #EBB30A;
	color: #EBB30A;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link {
	padding: 0.3125rem 0.9375rem;
}

.wizard .content>.body {
	padding-bottom: 0
}

.CBM_val {
	margin-top: -0.4375rem
}

.CBM_val label {
	margin-bottom: 0.25rem !important;
	margin-top: 0.125rem !important;
	font-size: 0.6875rem
}

.plus_button {
	font-size: 0.875rem;
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	box-shadow: 0.125rem 0.125rem 0.625rem 0 rgba(79, 79, 79, .2);
	padding: 0;
	padding-top: 0.25rem;
	color: #fff !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	letter-spacing: 0.0313rem;
	text-align: center;
	width: 1.5625rem;
	height: 1.75rem;
	position: absolute;
	top: 0;
	right: 0;
}

.plus_button .fa {
	color: #fff !important;
	margin: 0;
	font-size: 0.6875rem
}

#addproducts {
	background-color: #fff;
	border: solid 0.0625rem #dcdcdc;
	box-shadow: 0.25rem 0.25rem 0rem #e4e4e4;
}

.cus-ord-detail {
	padding: 0rem 0.9375rem 1.25rem 0.9375rem;
	font-size: 0.8125rem
}

.cus-ord-detail ._head04 {
	position: relative;
	font-size: 0.875rem
}

.cus-ord-detail strong {
	font-weight: 600;
}

.cus-ord-detail .left-detail {
	margin-right: 0.9375rem;
	border: solid 0.0625rem #e9e9e9;
	padding: 0.9375rem
}

.cus-ord-detail .right-detail {
	margin-left: 0.9375rem;
	border: solid 0.0625rem #e9e9e9;
	padding: 0.9375rem
}

.table .input {
	height: 1.875rem;
	padding: 0;
	padding-left: 0.3125rem;
	border-radius: 0;
	font-size: 0.75rem;
	width: 4.375rem;
}

.cell-border {
	border: solid 0.0625rem #f8f8f8
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
	border-top: 0.0625rem solid #f8f8f8;
	border-right: 0.0625rem solid #f8f8f8
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
	border-left: 0.0625rem solid #f8f8f8
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
	border-top: none
}

.cell-border td,
.cell-border th {
	padding: 0.3125rem;
	vertical-align: top;
	border-top: 0.0625rem solid #f8f8f8;
	font-size: 0.75rem;
	font-family: 'Source Sans Pro', sans-serif;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
}

.plus-btn {
	position: relative
}

.plus-btn .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {}

.po-ab {
	right: 0.9375rem;
	height: 2.1875rem;
	width: 1.875rem;
	padding-top: 0.4375rem;
}

.cb_nav {
	padding: 1.25rem;
	margin: 0;
	padding-right: 0
}

.cb_nav li {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 0.0625rem
}

.cb_nav li a {
	font-size: 0.8125rem;
	color: #838383;
	background-color: #f7f7f7;
	display: block;
	padding: 0.4375rem 0.625rem;
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0625rem
}

.cb_nav li a:HOVER,
.cb_nav li a.active {
	color: #2c2c2c;
	background-color: #e0e0e0;
	text-decoration: none
}

.cb_nav li a.active {
	color: #282828;
	background-color: #e0e0e0
}

.cb_nav li a.active:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(224, 224, 224, 0);
	border-left-color: #e0e0e0;
	border-width: 1.0625rem;
	margin-top: -1.0625rem;
}

.CB_info {
	margin-top: 0.9375rem;
	margin-bottom: 0.9375rem
}

.CB_info .card {
	min-height: 28.125rem
}

.CBR_info {
	margin-top: 1.25rem;
	padding-right: 1.25rem;
	padding-bottom: 1.25rem
}

.CBR_value {
	padding: 0.3125rem 0rem;
	border-bottom: solid 0.0625rem #eeeeee
}

.cu-Rate {
	height: 1.5625rem;
	width: 6.25rem;
	padding-left: 0.3125rem;
	border: solid 0.0625rem #f6f6f6;
	background-color: #f6f6f6
}

.CN-st-end {
	width: 3.375rem;
	height: 1.5625rem;
	padding-left: 0.3125rem;
	border: solid 0.0625rem #f6f6f6;
	background-color: #f6f6f6
}

.productRate-table {
	margin-top: 1.875rem;
	margin-bottom: 1.875rem
}

.productRate-table .dataTables_filter input,
.productRate-table select {
	height: 1.875rem !important;
	line-height: 1;
}

.productRate-table .dataTable td,
.productRate-table .dataTable th,
.productRate-table .modal-body table th,
.productRate-table .modal-body table td {
	padding: 0.5rem
}

.CB-account-tab {
	padding-left: 0.9375rem
}

.CB-account-tab .nav-link {
	border: none;
	border-bottom: solid 0.0625rem #fff;
	font-size: 0.75rem;
	color: #838383;
	background-color: #f7f7f7;
	display: block;
	padding: 0.4375rem 0.625rem !important;
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0625rem;
	font-weight: 500
}

.CB-account-tab .nav-link.active,
.CB-account-tab .nav-link:HOVER {
	background-color: #dfdfdf !important;
	color: #282828;
	font-weight: 500;
	font-size: 0.75rem;
	padding: 0.4375rem 0.625rem !important;
}

.CB-account-tab .nav-link.active:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(224, 224, 224, 0);
	border-left-color: #e0e0e0;
	border-width: 1.0625rem;
	margin-top: -1.0625rem;
}

.pt-pos {
	padding-top: 1.9375rem
}

._order-bottom {
	width: 100%;
	z-index: 1500;
	padding-left: 3.75rem
}

._order-bg {
	font-size: 0.8125rem;
}

._order-bg .order_value {
	background-color: #fff;
	position: relative;
	padding: 0.75rem 0.9375rem;
	letter-spacing: 0.0313rem;
	margin-bottom: 0.3125rem;
	-webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	-moz-box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
	box-shadow: 0 0.125rem 0.5rem 0 rgba(79, 79, 79, .1);
}

.table_head {
	background-color: #f4f4f4;
	line-height: 1.875rem;
}

.table .table_head .input {
	height: 1.75rem;
}

._graybg {
	background-color: #f7f7f7;
	margin-top: 0.625rem
}

._ch-pass {
	padding-top: 2rem
}

._ch-pass-p {
	padding-top: 1rem;
	font-size: 12px;
	font-weight: normal;
}

._user-profile-info .form-group {
	background-color: #f9f9f9;
	padding: 0.3125rem;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

._user-profile-info .form-group .control-label {
	font-size: 0.5px;
	opacity: 1;
	margin-bottom: 0px !important;
}

._user-profile-info .form-group p {
	margin-bottom: 0;
	font-size: 12px;
	letter-spacing: normal
}

._user-profile-info .p-col-L {
	padding-right: 0.25rem
}

._user-profile-info .p-col-R {
	padding-left: 0.25rem
}

.aligncenter {
	text-align: center
}

.weight600 {
	font-weight: 600
}

.bottom-btns {
	padding-top: 1.875rem;
	text-align: right;
}

._add-padd-btn {
	padding-top: 2.375rem
}

._addOrderSec {
	background-color: #f6f6f6;
	border: solid 0.0625rem #f7f8f9;
	padding: 0.9375rem;
	margin-bottom: 1.875rem
}

.h-35 {
	height: 2.1875rem
}

._add-list {
	padding: 0.5rem;
	background-color: #ffffff;
	border-color: #f0f0f1;
	margin-bottom: 0.3125rem;
	font-size: 0.75rem
}

._add-list .alert_close {
	top: 0.4375rem;
}

._addOrderSec .form-group .form-control,
._addOrderSec .form-s2 .select2-container .select2-selection--single {
	background-color: #fff !important
}

.OR-ListView table td,
.OR-ListView table th {
	padding: 0.625rem;
}

._add-secon-btn {
	padding-top: 2.5rem
}

._addSecon-btn {
	padding-top: 1.4375rem
}

._add-secon {
	display: inline-block;
	padding: 0.4375rem 1.5625rem 0.3125rem 0.4375rem;
	font-family: 'Source Sans Pro', sans-serif;
	margin-right: 0.3125rem;
	margin-bottom: 0.4375rem;
	line-height: 1;
	font-size: 0.75rem;
	letter-spacing: 0.0625rem;
}

._add-secon .close {
	position: absolute;
	top: 0.1875rem;
	right: 0.3125rem;
	border: none;
	outline: none;
	font-size: 1.375rem
}

.check_mark {
	width: 5.625rem;
	height: 6.25rem;
	margin: 0 auto;
	margin-bottom: 2.1875rem
}

button {
	cursor: pointer;
	margin-left: 0.9375rem;
}

.hide {
	display: none;
}

.sa-icon {
	width: 5rem;
	height: 5rem;
	border: 0.25rem solid gray;
	-webkit-border-radius: 2.5rem;
	border-radius: 2.5rem;
	border-radius: 50%;
	margin: 1.25rem auto;
	padding: 0;
	position: relative;
	box-sizing: content-box;
}

.sa-icon.sa-success {
	border-color: #003fb4;
}

.sa-icon.sa-success::before,
.sa-icon.sa-success::after {
	content: '';
	-webkit-border-radius: 2.5rem;
	border-radius: 2.5rem;
	border-radius: 50%;
	position: absolute;
	width: 3.75rem;
	height: 7.5rem;
	background: white;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sa-icon.sa-success::before {
	-webkit-border-radius: 7.5rem 0 0 7.5rem;
	border-radius: 7.5rem 0 0 7.5rem;
	top: -0.4375rem;
	left: -2.0625rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 3.75rem 3.75rem;
	transform-origin: 3.75rem 3.75rem;
}

.sa-icon.sa-success::after {
	-webkit-border-radius: 0 7.5rem 7.5rem 0;
	border-radius: 0 7.5rem 7.5rem 0;
	top: -0.6875rem;
	left: 1.875rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0rem 3.75rem;
	transform-origin: 0rem 3.75rem;
}

.sa-icon.sa-success .sa-placeholder {
	width: 5rem;
	height: 5rem;
	border: 0.25rem solid rgba(4, 7, 37, .5);
	-webkit-border-radius: 2.5rem;
	border-radius: 2.5rem;
	border-radius: 50%;
	box-sizing: content-box;
	position: absolute;
	left: -0.25rem;
	top: -0.25rem;
	z-index: 2;
}

.sa-icon.sa-success .sa-fix {
	width: 0.3125rem;
	height: 5.625rem;
	background-color: white;
	position: absolute;
	left: 1.75rem;
	top: 0.5rem;
	z-index: 1;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sa-icon.sa-success.animate::after {
	-webkit-animation: rotatePlaceholder 4.25s ease-in;
	animation: rotatePlaceholder 4.25s ease-in;
}

.sa-icon.sa-success {
	border-color: transparent\9;
}

.sa-icon.sa-success .sa-line.sa-tip {
	-ms-transform: rotate(45deg) \9;
}

.sa-icon.sa-success .sa-line.sa-long {
	-ms-transform: rotate(-45deg) \9;
}

.animateSuccessTip {
	-webkit-animation: animateSuccessTip 1s;
	animation: animateSuccessTip 1s;
}

.animateSuccessLong {
	-webkit-animation: animateSuccessLong 0.85s;
	animation: animateSuccessLong 0.85s;
}

@-webkit-keyframes animateSuccessLong {
	0% {
		width: 0;
		right: 2.875rem;
		top: 3.375rem;
	}

	65% {
		width: 0;
		right: 2.875rem;
		top: 3.375rem;
	}

	84% {
		width: 3.4375rem;
		right: 0rem;
		top: 2.1875rem;
	}

	100% {
		width: 2.9375rem;
		right: 0.5rem;
		top: 2.375rem;
	}
}

@-webkit-keyframes animateSuccessTip {
	0% {
		width: 0;
		left: 0.0625rem;
		top: 1.1875rem;
	}

	54% {
		width: 0;
		left: 0.0625rem;
		top: 1.1875rem;
	}

	70% {
		width: 3.125rem;
		left: -0.5rem;
		top: 2.3125rem;
	}

	84% {
		width: 1.0625rem;
		left: 1.3125rem;
		top: 3rem;
	}

	100% {
		width: 1.5625rem;
		left: 0.875rem;
		top: 2.8125rem;
	}
}

@keyframes animateSuccessTip {
	0% {
		width: 0;
		left: 0.0625rem;
		top: 1.1875rem;
	}

	54% {
		width: 0;
		left: 0.0625rem;
		top: 1.1875rem;
	}

	70% {
		width: 3.125rem;
		left: -0.5rem;
		top: 2.3125rem;
	}

	84% {
		width: 1.0625rem;
		left: 1.3125rem;
		top: 3rem;
	}

	100% {
		width: 1.5625rem;
		left: 0.875rem;
		top: 2.8125rem;
	}
}

@keyframes animateSuccessLong {
	0% {
		width: 0;
		right: 2.875rem;
		top: 3.375rem;
	}

	65% {
		width: 0;
		right: 2.875rem;
		top: 3.375rem;
	}

	84% {
		width: 3.4375rem;
		right: 0rem;
		top: 2.1875rem;
	}

	100% {
		width: 2.9375rem;
		right: 0.5rem;
		top: 2.375rem;
	}
}

.sa-icon.sa-success .sa-line {
	height: 0.3125rem;
	background-color: #EBB30A;
	display: block;
	border-radius: 0.125rem;
	position: absolute;
	z-index: 2;
}

.sa-icon.sa-success .sa-line.sa-tip {
	width: 1.5625rem;
	left: 0.875rem;
	top: 2.875rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sa-icon.sa-success .sa-line.sa-long {
	width: 2.9375rem;
	right: 0.5rem;
	top: 2.375rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@-webkit-keyframes rotatePlaceholder {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	5% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	12% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}

	100% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}
}

@keyframes rotatePlaceholder {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	5% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	12% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}

	100% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}
}

.notiF-title {
	border-bottom: 0.0625rem solid #f7f8fa;
	color: #282828;
	font-size: 0.9375rem;
	font-weight: 500;
	padding: 0.9375rem;
	text-align: left;
	margin-bottom: 0;
}

.top_nav .notiF,
.Qlinks {
	width: 17.5rem;
}

.top_nav .notiF strong {
	font-size: 0.875rem;
	font-weight: normal !important;
	display: block;
	line-height: 1.125rem;
	margin-top: -0.125rem;
}

.top_nav .notiF a {
	font-size: 0.75rem;
	display: block;
	padding: 0.625rem 0.75rem;
	color: #282828;
	border-bottom: 0.0625rem solid #f7f8fa;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.top_nav .notiF a:HOVER,
.Qlinks a:HOVER {
	text-decoration: none;
	background-color: #f7f8fa
}

.top_nav .notiF p {
	margin: 0;
	color: #6c747c
}

.top_nav .notiF .all-NF {
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.0625rem;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center
}

._NF-se {
	padding-top: 2.5rem
}

._NF-se {
	padding: 0.625rem 1.875rem 0.625rem 0.625rem;
	font-family: 'Source Sans Pro', sans-serif;
	margin-right: 0rem;
	margin-top: 0rem;
	margin-bottom: 0.9375rem
}

._NF-se .close {
	position: absolute;
	top: 0.1875rem;
	right: 0.3125rem;
	border: none;
	outline: none;
	font-size: 1.375rem;
	padding: 0.3125rem
}

.NU-img {
	height: 2rem !important;
	width: 2rem !important;
	vertical-align: middle;
	border-radius: 50%;
	margin-left: 0.3125rem;
	margin-right: 0.625rem;
	margin-bottom: 0.625rem;
	float: left
}

.Qlinks a {
	font-size: 0.75rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	line-height: 1.375rem;
	letter-spacing: 0.0625rem;
	display: block;
	padding: 0.625rem;
	color: #282828;
	border-bottom: 0.0625rem solid #f7f8fa;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.Qlinks img {
	height: auto;
	width: 1.25rem !important;
	margin-right: 0.9375rem;
	float: left
}

.AssNotification {
	font-size: 0.8125rem;
	margin-top: 1.25rem
}

.AssNotification thead th {
	background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%);
	border-bottom: none
}

.AssNotification .switch {
	position: relative;
	display: inline-block;
	width: 2.75rem;
	height: 1.4375rem;
	margin-bottom: 0
}

.AssNotification .switch input {
	opacity: 0;
	width: 0;
	height: 0
}

.AssNotification .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s
}

.AssNotification .switch .slider:before {
	position: absolute;
	content: "";
	height: 0.9375rem;
	width: 0.9375rem;
	left: 0.25rem;
	bottom: 0.25rem;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s
}

.AssNotification .switch input:checked+.slider {
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
}

input:focus+.slider {
	box-shadow: 0 0 0.0625rem #EBB30A
}

.AssNotification .switch input:checked+.slider:before {
	-webkit-transform: translateX(1.25rem);
	-ms-transform: translateX(1.25rem);
	transform: translateX(1.25rem)
}

.AssNotification .switch .slider.round {
	border-radius: 2.125rem
}

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

.sm-mt15 {
	margin: 0rem
}

.CB-view {
	font-size: 0.8125rem
}

.CB-view thead th {
	background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%);
	border-bottom: none;
	padding: 0.3125rem
}

.CB-view .table td,
.table th,
.CB-view .table td,
.table th {
	font-size: 0.75rem;
	padding: 0.3125rem
}

.CB-view ._boxgray {
	background-color: #f9f9f9;
	border: solid 0.0625rem #e7eaed;
	padding: 0.3125rem 0.625rem;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.CB-view ._boxgray span {
	display: block;
	font-size: 1.125rem;
	font-weight: 600
}

.CB-view ._boxgray:HOVER {
	box-shadow: 0rem 0rem 0.5rem 0 rgba(79, 79, 79, .2);
	border: solid 0.0625rem #EBB30A;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.CB-view .Doclink {
	margin-top: 2.9375rem
}

.modal-full {
	min-width: 100%;
	margin: 0
}

.modal-full .modal-content {
	min-height: 100vh
}

.modal-full .modal-content .close {
	position: absolute;
	z-index: 100;
	right: 1.875rem;
	top: 0.9375rem;
	font-size: 2.625rem;
	height: 2.8125rem;
	line-height: 0rem;
	border-radius: 0.25rem;
	width: 1.875rem;
	color: #333333;
	opacity: 0.5;
}

.modal-open .modal {
	margin: 0 !important;
	padding: 0 !important
}

#myModal2 .modal-content {
	border: solid 0.0625rem #f0f0f0;
	box-shadow: 0rem 0rem 3.125rem 0rem rgba(0, 0, 0, 0.6);
}

.SC-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.SC-list li {
	float: left;
	margin-right: 1.875rem;
	padding: 0.125rem 0rem;
}

._search02 {
	font-size: 0.8125rem;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	box-shadow: 0.125rem 0.125rem 0.625rem 0 rgba(79, 79, 79, .2);
	padding: 0.375rem 0.625rem;
	position: absolute;
	right: 1.25rem;
	top: 0.9375rem;
	border: 0.0625rem solid #e2e6ea;
	background-color: #fff;
	letter-spacing: 0.0313rem;
	min-width: 14.375rem;
	outline: none
}

._search02:focus {
	border-bottom: 0.125rem solid #EBB30A;
}

.customer_img {
	height: 21.8125rem;
	width: 100%;
	box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, 0.2)
}

.max-1275 {
	max-width: 79.6875rem;
}

._CP-detail {
	background-color: #fff;
	margin: 0;
	padding: 0.625rem 0.3125rem;
	font-size: 0.75rem;
	line-height: 1.1875rem;
	box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, 0.2);
	z-index: 5;
	border-top: solid 0.1875rem #EBB30A
}

._CP-detail strong {
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.75rem
}

.HS_CO {
	padding-top: 0.9375rem;
	text-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.2);
	margin-bottom: 0.9375rem !important
}

.HS_CO .cp-stats {
	padding: 0rem 0.9375rem 0.9375rem 0.9375rem
}

.HS_CO .cp-stats h5 {
	font-size: 0.8125rem;
	letter-spacing: normal;
	color: #fff !important;
	margin-bottom: 0.3125rem
}

.HS_CO .cp-stats-value {
	font-size: 1.625rem;
	color: #fff;
	font-weight: 600;
	padding: 0.6875rem 0rem;
	margin-bottom: 0.3125rem
}

.HS_CO .cp-stats-icon {
	position: absolute;
	right: 0.9375rem;
	top: 1.25rem
}

.HS_CO .cp-stats-icon img {
	width: 3.4375rem;
	opacity: 0.35
}

.yb_border {
	background-color: #4aa23c;
	margin-bottom: 0.625rem
}

.yr_border {
	background-color: #f02701;
	margin-bottom: 0.625rem
}

.lb_border {
	background-color: #099bd7;
	margin-bottom: 0.625rem
}

.bb_border {
	background-color: #0c397a
}

._left-filter {
	padding-top: 1rem
}

#floating-label .selection {
	margin-top: 0;
}

.inv_proforma {
	font-size: 0.75rem;
	font-family: roboto
}

.inv_proforma strong {
	font-weight: 500
}

.inv_proforma .invtable {
	width: 100%;
	margin-bottom: 0.3125rem
}

.inv_proforma .invtable th {
	font-size: 0.8125rem;
	letter-spacing: 0.0313rem;
	font-weight: 500;
	line-height: 0.9375rem;
	border: 0.0625rem solid #000;
	padding: 0.4375rem;
	vertical-align: top;
	text-align: center
}

.inv_proforma .invtable td {
	border: 0.0625rem solid #000;
	font-size: 0.8125rem !important;
	padding: 0.3125rem 0.4375rem !important;
}

.inv_proforma ._head03 {
	font-size: 1.25rem
}

.inv_pt {
	width: 100%
}

.inv_pt td {
	background-color: #f6f6f6;
	border: solid 0.0625rem #fff !important;
	width: 25%;
	padding: 0.1875rem 0.5rem !important
}

.uline {
	font-weight: 500;
	margin-left: 0.625rem;
	padding-left: 0rem;
	padding-right: 0rem;
	padding-bottom: 0.125rem;
	font-size: 0.8125rem
}

.CI_logo {
	width: auto;
	height: 4.0625rem
}

.Co-address {
	font-size: 0.8125rem;
	width: 23.5625rem;
	float: right;
	letter-spacing: 0.0313rem
}

.Co-address span {
	display: block;
	margin-bottom: 0.375rem;
	padding-bottom: 0.375rem;
	border-bottom: solid 0.0625rem #e2e2e2
}

.Co-address strong {
	font-weight: 500
}

._inv-stat {
	position: relative;
	letter-spacing: 0.0625rem;
	font-size: 0.875rem;
	margin-bottom: 0.875rem;
	margin-bottom: 1.875rem;
	color: #777777;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

._inv-stat-name {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #EBB30A;
	padding: 0rem;
	margin-bottom: 0.3125rem;
	margin-top: 0.3125rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: 0.0313rem;
}

._inv-stat-icon {
	position: absolute;
	right: 0.625rem;
	top: 0.625rem;
}

._inv-stat .bm_text {
	white-space: nowrap;
	padding-left: 0.3125rem
}

._inv-price {
	font-size: 0.875rem;
	font-weight: 500;
	padding: 0rem;
	margin-bottom: 0.4375rem;
	margin-top: 0.3125rem;
	padding-top: 0.3125rem;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	letter-spacing: 0.0625rem;
	font-family: roboto;
	color: #282828;
	text-align: center;
	border-top: solid 0.0625rem #dcdcdc
}

._inv-status {
	font-size: 0.8125rem;
	font-weight: 700;
	text-align: center;
	padding: 0.3125rem 0rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	color: #ababab;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: linear-gradient(to left, #fff 50%, #ababab 50%);
	background-size: 200%;
	background-position: right bottom;
}

._inv-stat-Link ._inv-send {
	color: #ffcb05;
	background: linear-gradient(to left, #fff 50%, #ffcb05 50%);
	background-size: 200%;
	background-position: right bottom;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

._inv-stat-Link ._inv-paid {
	color: #00a651;
	background: linear-gradient(to left, #fff 50%, #00a651 50%);
	background-size: 200%;
	background-position: right bottom;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

._inv-stat-Link:HOVER ._inv-send,
._inv-stat-Link:HOVER ._inv-paid,
._inv-stat-Link:HOVER ._inv-status {
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-position: left top;
}

._inv-info {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	background: linear-gradient(0deg, #ffffff 0%, #f4f4f4 50%);
	padding-top: 0.3125rem;
}

._inv-stat:HOVER {
	box-shadow: 0rem 0rem 1.875rem 0rem rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

._inv-stat-Link,
._inv-stat-Link:HOVER {
	text-decoration: none
}

._order-top-r {
	text-align: right;
}

._order-top-r .btn-primary {
	font-size: 0.8125rem;
	letter-spacing: 0.0625rem;
	padding: 0.3125rem 0.75rem;
	margin-left: 0.3125rem
}

._order-container {
	max-width: 75rem;
	padding-bottom: 4.375rem
}

._add-customer {
	margin-top: 0rem
}

._sa-customer {
	flex: 0 0 15.625rem;
	max-width: 15.625rem;
	position: relative;
	min-height: 0.0625rem;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

._sa-customer .form-s2 .select2-container .select2-selection--single {
	background-color: #fff;
}

._sa-customer .selpluse .select2-container--default .select2-selection--single .select2-selection__arrow,
.productadd {
	display: none;
}

._addProduct:HOVER .productadd {
	display: block;
	right: 0.3125rem;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.dp3 {
	padding-right: 1.25rem
}

.dp3 input {
	background-color: #fff;
	border: none !important;
	height: 1.25rem;
	padding-left: 0rem;
	width: 100%;
	outline: none !important;
	margin-top: 0.9375rem
}

.date_label {
	position: absolute !important;
	z-index: 10 !important;
	top: -0.1875rem;
	font-size: 0.8125rem;
	margin: 0;
	color: #878787
}

._date-order {
	width: 9.375rem;
	padding-right: 0.9375rem
}

._orderType {
	width: 11.875rem;
	padding-right: 2.8125rem
}

._orderType .custom-select {
	border-radius: 0;
	border: none;
	font-size: 0.8125rem;
	letter-spacing: 0.0313rem;
	height: calc(1.8125rem + -0.0625rem);
	padding-top: 0rem;
	padding-bottom: 0;
	padding-left: 0rem;
	margin-top: -0.25rem
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
	border: solid 0.0625rem #ffffff !important;
	border-bottom: 0 !important;
	box-shadow: 0 0.125rem 0.9375rem rgba(0, 0, 0, .175) !important;
}

.calendar-icon {
	position: absolute;
	right: 0.4375rem;
	top: 0.6875rem;
	height: 1.5rem;
	width: 1.5rem;
	text-align: center;
	cursor: pointer
}

.calendar-icon img {
	width: 1.25rem;
}

._order-price {
	font-size: 1.375rem;
	font-family: Roboto;
	font-weight: 400;
	text-align: right;
	padding-right: 0.9375rem;
	line-height: 1;
}

._order-price span {
	font-size: 0.8125rem;
	font-weight: normal;
	color: #878787;
	display: block;
	padding-bottom: 0.375rem
}

._add-customer ._cut-detail {
	border: solid 0.0625rem #e9e9e9;
	padding: 0.625rem;
	font-size: 0.8125rem;
	margin-top: 0.625rem
}

._add-customer ._cut-detail strong {
	font-weight: 600
}

._add-product {
	border-top: solid 0.1875rem #EBB30A;
	font-size: 0.8125rem;
	margin-top: 0.9375rem;
	padding: 0.625rem 0.9375rem
}

._add-product .addItemCell {
	width: 12.875rem;
	position: relative;
	padding-right: 1.125rem;
	color: #EBB30A;
	float: left
}

.addItemCell .po-ab {
	right: 1.125rem;
	height: 1.8125rem;
	width: 1.8125rem;
	padding-top: 0.25rem
}

._add-product .addItemCell2 {
	width: 6.125rem;
	position: relative;
	text-align: right;
	padding-right: 0.625rem;
	color: #EBB30A;
	float: left
}

._add-product .addItemCelWEIGHT {
	width: 6.75rem;
	position: relative;
	text-align: right;
	padding-right: 0.625rem;
	color: #EBB30A;
	float: left
}

._add-product .addItemCellcbm {
	width: 4.6875rem;
	position: relative;
	text-align: right;
	padding-left: 0.625rem;
	color: #EBB30A;
	float: left
}

._add-product .addItemCell3 {
	width: 7.5rem;
	text-align: right;
	position: relative;
	color: #EBB30A;
	;
	float: left
}

.itemCellpDes {
	width: 12.75rem;
	position: relative;
	float: left;
	padding-left: 0.25rem
}

._add-product ._h25 {
	height: 1.5625rem;
	margin-top: 0.1875rem
}

.AP_heading {
	font-weight: 600;
	font-size: 0.8125rem;
	padding-bottom: 0.3125rem;
	line-height: 1rem
}

._add-product input {
	width: 100%;
	border: none !important;
	outline: none !important;
	background-color: transparent;
	text-align: right
}

._add-product input:focus,
._add-product textarea:focus {
	box-shadow: 0rem 0rem 0.1875rem 0rem rgba(0, 0, 0, 0.2);
	border: none;
}

._add-product .addItemCell3 input {
	text-align: right
}

._row-product {
	border: solid 0.0625rem #fff;
	border-top: solid 0.0625rem #e9e9e9;
	padding-bottom: 0.3125rem;
	padding: 0.3125rem 0rem 0.3125rem 0rem;
	position: relative;
	background-color: #fff
}

._row-product:HOVER {
	background-color: #fafafa;
	border: solid 0.0625rem #e9e9e9;
}

.textarea-HA,
.textarea-NOTES,
.textarea-TERMS,
.textarea-PMessage {
	overflow: hidden;
	font-size: 0.8125rem;
	width: 100%;
	border: none;
	outline: none !important;
	background-color: transparent
}

._order-del {
	font-size: 1rem;
	padding: 0rem;
	margin-top: 0rem;
	color: #ffffff;
	position: absolute;
	right: 1.25rem;
	top: 0
}

._order-del .fa {
	color: #868686
}

._order-del:HOVER .fa {
	color: #f12300
}

._row-product:HOVER .swap-div {
	display: inline-block;
	color: #fff
}

.addItemCell ._emp-sele .select2-container--default .select2-selection--single {
	border: none !important;
	background-color: transparent !important;
}

.addItemCell .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

.addItemCell .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0rem;
	padding-right: 0rem;
}

.addItemCell .select2-container .select2-selection--single .select2-selection__rendered:HOVER {
	box-shadow: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 0.1);
}

.swap-div {
	content: "";
	width: 0.1875rem;
	height: 1.375rem;
	border-left: solid 0.0625rem #c8c8c8;
	border-right: solid 0.0625rem #c8c8c8;
	position: absolute;
	display: none;
	z-index: 5;
	cursor: move;
	bottom: 0rem;
	top: 0;
	right: 0.1875rem;
	margin-top: auto;
	margin-bottom: auto;
}

.add-product-line {
	background-color: #f3f3f3;
	color: #282828;
	width: 100%;
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border-radius: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.0625rem
}

.add-product-line:HOVER {
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	color: #fff !important
}

.sub-total {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
	text-align: right;
	font-size: 0.875rem
}

.sub-total hr {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem
}

._ord-rightside {
	position: relative;
	overflow: hidden;
	font-size: 0.875rem
}

._ord-rightside h2 {
	font-size: 0.875rem;
	margin: 0;
	font-weight: 600;
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	border-bottom: solid 0.125rem #efefef;
	color: #282828;
	padding-top: 0.625rem;
	padding-bottom: 0.9375rem;
	margin-bottom: 0.3125rem
}

._ord-rightLink {
	border-bottom: solid 0.0625rem #e8e8e8;
	display: block;
	color: #282828;
	padding: 0.9375rem 0.625rem;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

._ord-rightLink:HOVER {
	border-bottom: solid 0.0625rem #e8e8e8;
	display: block;
	color: #282828;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

._ord-rightLink:after {
	width: 1rem;
	border: 0;
	font-weight: 900;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	color: #d5d5d5;
	font-size: 1.375rem;
	position: absolute;
	right: 0.9375rem;
	top: 1.3125rem;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

._ord-rightLink:HOVER:after {
	right: 0rem;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

._ord-rightLink ._ord-head {
	font-size: 0.9375rem;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 0.3125rem;
	letter-spacing: 0.0313rem
}

._ord-rightLink p {
	font-size: 0.8125rem;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.0625rem;
	margin: 0;
	color: #969696;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

._ord-rightLink:HOVER p {
	margin-left: 1.875rem;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

._ord-rightLink:HOVER ._ord-head {
	color: #EBB30A
}

.sidenav1 {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 0rem 0.9375rem;
	display: none;
	font-size: 0.8125rem;
}

._schedulecol1,
._schedulecol2 {
	float: left;
	width: 7.5rem;
	padding-top: 0.3125rem;
	padding-right: 0.625rem
}

._schedulecol3 {
	float: left;
	padding-top: 1.6875rem;
}

._schedulecol3 .fa {
	color: #282828;
	font-size: 1rem
}

._schedulecol3:HOVER .fa {
	color: #f12300
}

._schedulecol1 input,
._schedulecol2 .datepicker,
.sidenav1,
#shipmentCalculation input {
	margin-top: 0.3125rem;
	border: solid 0.0625rem #e8e8e8;
	font-size: 0.8125rem;
	padding: 0.3125rem !important;
	width: 100%;
	box-shadow: none !important
}

._schedulpay-set {
	font-size: 0.875rem;
	letter-spacing: 0.0313rem;
	margin-top: 0.9375rem
}

._schedulpay-set hr {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem
}

input {
	outline: none !important
}

textarea {
	outline: none !important;
	resize: none !important
}

.sidenav1 .custom-radio,
.sidenav1 .custom-checkbox {
	line-height: 1.4375rem
}

._reminder {
	padding-top: 0.9375rem
}

._reminder .col-md-4 {
	padding-right: 0rem
}

._reminder ._rdays input {
	width: 2.8125rem;
	margin: 0;
	margin-right: 0.625rem
}
._reminder .form-control {
	box-shadow: none !important
}

._reminder .form-control:focus {
	border: solid 0.0625rem #e8e8e8 !important;
}

.lineH31 {
	line-height: 1.9375rem !important
}

.sidenav1 .btn-primary {
	font-size: 0.8125rem;
	padding: 0.375rem 0.8125rem;
}

._more-action .btn {
	background-color: #fff;
	color: #282828;
	font-weight: 600;
	position: relative;
	padding-right: 1.875rem
}

._more-action .dropdown-toggle::after {
	border: none !important;
	width: 1rem;
	text-align: center;
	float: right;
	font-weight: 900;
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	font-size: 1.125rem;
	position: absolute;
	top: 0rem;
	right: 0;
	color: #cccccc
}

._more-action .dropdown-item .fa {
	font-size: 0.9375rem;
	margin-right: 0.3125rem;
	color: #adaeb4;
}

._more-action .dropdown-item:HOVER .fa {
	color: #EBB30A;
}

._more-action .dropdown-item {
	padding: 0.75rem 0.9375rem;
	font-size: 0.8125rem;
	font-weight: 400;
	border-bottom: solid 0.0625rem #f3f3f3;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.0625rem;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: normal;
	color: #282828;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: #f8f9fa;
	color: #EBB30A
}

._more-action .dropdown-menu {
	padding: 0;
	border-radius: 5px;
	border: 0;
	border-bottom: 0;
	box-shadow: none;
	box-shadow: 0 0.125rem 0.9375rem rgba(0, 0, 0, .10);
	min-width: 11.875rem;
}

._notesTER {
	border-top: solid 0.0625rem #e9e9e9;
	margin-top: 0.3125rem;
	padding-top: 0.9375rem
}

._totalBar {
	padding-top: 0.625rem;
	border-top: solid 0.0625rem #EBB30A
}

._totalBar .addItemCell,
._totalBar .addItemCell2,
._totalBar .addItemCell3 {
	color: #282828
}

._PR-W {
	font-size: 0.75rem;
	color: #747474;
	text-align: right
}

._Packinfo {
	line-height: 1.0625rem;
	color: #282828;
	padding-top: 0.1875rem
}

._invPRINT {
	font-size: 0.8125rem;
	color: #000
}

._invPRINT .textarea-HA,
._invPRINT .textarea-NOTES,
._invPRINT .textarea-TERMS {
	border: none;
	outline: none !important;
	background-color: transparent;
	box-shadow: none
}

._invPRINT ._add-product {
	border-top: solid 0.125rem #000
}

._invPRINT ._totalBar,
._invPRINT ._add-customer ._cut-detail {
	border-color: #000
}

._invPRINT ._add-product .addItemCell,
._invPRINT ._add-product .addItemCell2,
._invPRINT ._add-product .addItemCelWEIGHT,
._invPRINT ._add-product .addItemCellcbm,
._invPRINT ._add-product .addItemCell3,
._invPRINT ._PR-W,
._invPRINT ._order-price span {
	color: #000
}

._invPRINT ._row-product:HOVER,
._invPRINT ._row-product {
	background-color: transparent;
	border: none;
	border-top: solid 0.0625rem #000
}

._invPRINT ._notesTER {
	border: none
}

._invPRINT .date_label {
	position: relative !important;
	display: block !important;
	line-height: normal;
	color: #000;
	top: auto
}

._invPRINT ._add-product .addItemCell {
	width: 20rem
}

._invPRINT .itemCellpDes {
	width: 19.9375rem
}

._invPRINT ._order-price {
	padding-right: 0
}

._invPRINT strong {
	font-weight: 600
}

._invPRINT ._PR-W {
	font-size: 0.8125rem;
	padding-right: 0.4375rem
}

._INV-h .calendar-icon,
._INV-h ._OA-disply,
._INV-h .productadd,
._INV-h ._order-del,
._INV-h ._notesTER,
._INV-h .add-product-line,
._INV-h .itemCellpDes {
	opacity: 0;
}

._INV-h:HOVER .calendar-icon,
._INV-h:HOVER ._OA-disply,
._INV-h:HOVER .productadd,
._INV-h:HOVER ._order-del,
._INV-h:HOVER ._notesTER,
._INV-h:HOVER .add-product-line,
._INV-h:HOVER .itemCellpDes {
	opacity: 1;
}

._posno {
	line-height: 1.125rem;
	font-size: 0.875rem;
	margin-top: -0.125rem;
}

._posno .date_label {
	position: relative !important;
	top: auto;
	display: block
}

.contDiv {
	width: 16.375rem;
	height: 6.0625rem;
	position: relative;
	overflow: hidden;
	background-image: url(../images/container.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	margin-bottom: 0.9375rem;
	float: left
}

.contProgress {
	background-image: url(../images/container-red.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	left: 0;
	top: 0;
	height: 6.0625rem;
	position: absolute;
	z-index: 5;
}

.ProgNO {
	position: absolute;
	z-index: 10;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3.125rem;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0.0625rem 0.0625rem 0rem #00267d;
}

.tab-content .dropify-wrapper {
	height: 7.5rem;
	border: 0.0625rem solid #eeeeee !important
}

.SM-cont {
	width: 10.4375rem;
	height: 4rem;
}

.SM-CP {
	height: 4rem;
}

.SM-PNO {
	font-size: 1.625rem
}

.con-mr {
	margin-right: 0.625rem
}

.sidenav1 .nav-pills .nav-link.active,
.sidenav1 .nav-pills .show>.nav-link,
.sidenav1 .nav-pills .nav-link {
	padding: 0.3125rem 1.125rem;
}

.sidenav1 .nav-pills .nav-link {
	border: none;
	border-bottom: solid 0.125rem #EBB30A;
}

._PBox {
	padding-left: 0.3125rem;
	padding-right: 0.3125rem
}

.p-box-sec {
	background-color: #fff;
	box-shadow: 0 0 0.1875rem 0 rgba(79, 79, 79, .2);
	position: relative;
	padding: 0.5rem;
	margin-bottom: 0.9375rem;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.p-box-sec:HOVER {
	box-shadow: 0 0 1.875rem 0 rgba(79, 79, 79, .4);
	z-index: 5;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

._Im-border {
	height: 10.625rem;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.pr_text {
	margin-top: 0.625rem;
	font-size: 0.75rem;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: normal !important;
	line-height: 1.125rem;
	font-weight: 600
}

.p-box-sec p {
	margin: 0;
	font-size: 0.8125rem;
	height: 4.0625rem;
	overflow: hidden;
	line-height: 1.375rem;
}

._Pro-search {
	float: right;
	margin-right: -0.625rem;
	margin-top: 0rem
}

._Pro-search .form-control {
	height: 1.9375rem;
	font-size: 0.75rem
}

._brandname {
	margin-right: 0.625rem;
	float: left
}

._pr-Search,
._brandname {
	width: 11.25rem
}

._brandname .custom-select,
._pr-Search {
	border-radius: 0rem !important;
	background-color: #f6f6f6 !important;
	border: none !important;
	box-shadow: none !important
}

.cont1190 {
	max-width: 74.375rem
}

.modalWindow01 {
	height: 100%;
	width: 25rem;
	position: fixed;
	overflow: visible;
	top: 0rem;
	right: 0rem;
	z-index: 1000;
	flex: 0 0 auto;
	flex-direction: row;
	background-color: #fff;
	box-shadow: 0rem 0rem 3.125rem 0rem rgba(0, 0, 0, 0.5);
	display: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 1.5625rem
}

.modalShow01 {
	display: flex;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 0
}

.modalWindowTitle01 {
	line-height: 2.8125rem;
	height: 2.8125rem;
	color: #fff;
	font-size: 1rem;
	padding: 0 1.25rem;
	margin: 0;
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	width: inherit;
}

._MW-content01 {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

._MW-mid-content01 {
	flex: 1;
	overflow: auto;
	padding: 0rem 0.9375rem 0.9375rem 0.9375rem;
	font-size: 0.8125rem;
}

.modalWindow-act01 {
	float: right;
	margin-left: 0.9375rem
}

.modalWindow-act01 img {
	width: 0.9375rem
}

.modalWindow-bottom01 {
	width: 100%;
	height: 3.1875rem;
	border-top: solid 0.0625rem #dce5f7;
	padding: 0.5rem 0.625rem 0.4375rem 0.625rem;
	font-size: 0.8125rem
}

.modalWindow-bottom01 .btn-primary,
.modalWindow-bottom01 .btn-cancel,
.modalWindow-bottom01 .lgray-btn,
.modalWindow-bottom01 .btn-outline {
	font-size: 0.8125rem
}

#modalClose01 {
	cursor: pointer
}

.Action_bottom {
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.125rem;
	height: 4.0625rem;
	z-index: 1000;
	border-top: 0.0625rem solid #dedede;
	box-shadow: 0rem 0rem 1.875rem 0rem rgba(0, 0, 0, 0.2)
}

.align-right {
	text-align: right;
}

.button-section {
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 100%;
	position: absolute;
	right: 1.875rem;
	top: 0.875rem
}

.Action_bottom ._AB-link {
	font-size: 0.8125rem;
	color: #282828 !important;
	margin-right: 0.625rem;
	padding: 0.6875rem 0.75rem 0.5625rem 0.75rem;
	background: linear-gradient(90deg, #f2f2f2 0%, #dedede 100%);
	line-height: 1;
	letter-spacing: 0.0625rem;
}

.Action_bottom ._AB-link:HOVER {
	text-decoration: none;
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	color: #fff !important;
}

.Action_bottom ._AB-link img {
	width: 1.125rem;
	height: auto;
	margin-top: -0.25rem;
	margin-right: 0.5rem;
	opacity: 0.5
}

.Action_bottom ._AB-link:HOVER img {
	filter: invert(100%);
	opacity: 1;
}

#paymentSettingsDiv h2 {
	padding-top: 0
}

._ord-rightside .nav-pills {
	justify-content: left
}

._ord-rightside .nav-pills .nav-link {
	background: linear-gradient(90deg, #fff 0, #fff 100%);
	border: 0;
	border-bottom: solid 0.125rem #EBB30A;
	color: #EBB30A;
	line-height: 1.375rem;
	text-align: center;
	width: 6.5rem
}

._ord-rightside .nav-pills .nav-link.active {
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	border-bottom: solid 0.125rem #EBB30A;
	color: #fff
}

.daily-operations {}

.daily-operations .nav_M {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 0 !important;
	margin: 0 !important
}

.daily-operations .nav_M .nav-item {
	float: none;
	display: table-cell;
}

.daily-operations .nav_M a,
.daily-operations .nav_M span {
	color: #d1d1d1 !important
}

.daily-operations .nav_M .nav-link.active {
	color: #282828 !important;
	background: linear-gradient(90deg, #fff 0%, #fff 100%);
}

.daily-operations .nav_M .nav-link.active span {
	font-weight: 600;
	color: #EBB30A !important
}

.daily-operations .nav_M a,
.daily-operations .nav_M .nav-link.active {
	text-align: center;
	color: #282828;
	font-size: 1rem;
	font-weight: 300;
	margin: 0;
	position: relative;
	padding: 1.25rem 1.25rem 1.5625rem 1.25rem;
	background-color: #f8f8f8;
	border: none;
	border-bottom: 0.125rem solid #d2d2d2;
}

.daily-operations .nav_M a span {
	font-weight: 600;
	color: #d1d1d1 !important
}

.daily-operations .nav_M .nav-link.active {
	border-bottom: 0.125rem solid #EBB30A;
	background-color: #fff
}

.daily-operations .wz-icon {
	margin-right: auto;
	position: relative;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 5;
	height: 2.5rem;
	width: 2.5rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	border: solid 0.25rem #ffffff;
	margin-top: 1.875rem;
	background-color: #d1d1d1;
	line-height: 2.0625rem
}

.daily-operations .nav_M .nav-link.active .wz-icon {
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
}

.daily-operations .tab_M {
	padding: 1.875rem;
	padding-bottom: 0.9375rem
}

.daily-operations .tab-content {
	padding-bottom: 1.875rem
}

.btn-primary:disabled {
	color: #fff;
	background-color: #EBB30A;
	border-color: #EBB30A;
	margin-bottom: 0 !important;
}

.st_boxgray {
	background-color: #f9f9f9;
	border: solid 0.0625rem #e7eaed;
	padding: 0.3125rem 0.625rem;
	display: block;
	font-size: 0.875rem;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom: 1.5625rem
}

.st_boxgray:HOVER {
	box-shadow: 0rem 0rem 0.5rem 0 rgba(79, 79, 79, .2);
	border: solid 0.0625rem #EBB30A;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.st_boxgray span {
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: right
}

._profitT {
	background: linear-gradient(90deg, #EBB30A 0%, #EBB30A 100%);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 3.25rem;
	letter-spacing: 0.0625rem;
	text-align: center;
	margin-top: 0
}

._profitT img {
	width: 2.625rem;
	margin: 0.3125rem auto;
	display: block
}

.Pro-COST {
	height: 1.4375rem;
	line-height: 1.5rem;
	width: 5rem;
	border: solid 0.0625rem #dddddd;
	padding: 0rem 0.3125rem;
}

._product-D {
	padding: 1.875rem;
	font-size: 0.875rem;
	background-image: url(../images/pd-bg-img.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

._product-D ._product-IMG {
	width: 100%;
	height: auto
}

._product-IMG {
	width: 100%;
	height: auto;
	box-shadow: 0rem 0rem 1.25rem 0 rgba(79, 79, 79, .3);
}

._product-RS {}

._product-RS h2 {
	font-size: 1.875rem;
	color: #EBB30A;
	margin-bottom: 0.9375rem
}

._Cat {
	display: block;
	font-size: 1rem;
	margin-bottom: 0.1875rem
}

._Cat strong {
	width: 8.125rem;
	display: inline-block;
	color: #EBB30A;
}

._product-RS p {
	margin-top: 0.9375rem;
}

.items-available {
	background-color: #fff;
	padding: 0.9375rem;
	box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, 0.2);
	position: relative;
	margin-top: 1.25rem;
	font-size: 0.8125rem
}

.items-available h3 {
	font-size: 1.125rem;
	margin-bottom: 0.625rem;
	line-height: 1.25rem;
	color: #282828
}

.items-available h3:before {
	background: #EBB30A;
	position: absolute;
	width: 0.125rem;
	height: 1.5rem;
	left: 0rem;
	top: 0.9375rem;
	content: '';
}

.items-available .btn-primary {
	font-size: 0.6875rem;
	width: auto;
	padding: 0.3125rem 0.4375rem;
	position: relative;
	z-index: 1;
	outline: none !important;
	box-shadow: none !important;
	letter-spacing: 0.0625rem
}

.HB_item {
	color: #EBB30A
}

.items-available ul {
	margin: 0;
	padding: 0
}

.items-available ul li {
	list-style: none;
	border-top: solid 0.0625rem #e7e7e7;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem
}

.items-available ul li:first-child {
	list-style: none;
	border-top: none;
	color: #EBB30A
}

.items-available .items-Details {
	background-color: #f2f2f2;
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
	width: auto;
	padding: 0.9375rem;
	margin-top: 0.9375rem
}

.PT-5 {
	padding-top: 0.3125rem !important
}

.pr-15 {
	padding-right: 0.9375rem !important
}

.PT-10 {
	padding-top: 0.625rem !important
}

.PT-15 {
	padding-top: 0.9375rem !important
}

.PT-20 {
	padding-top: 1.25rem !important
}

.PB-5 {
	padding-bottom: 0.3125rem !important
}

.PB-10 {
	padding-bottom: 0.625rem !important
}

.PB-15 {
	padding-bottom: 0.9375rem !important
}

.PB-20 {
	padding-bottom: 1.25rem !important
}

.PT-30 {
	padding-top: 1.875rem !important
}

.PB-30 {
	padding-bottom: 1.875rem !important
}

.pb-0 {
	padding-bottom: 0rem !important
}

.font12 {
	font-size: 0.75rem
}

.font13 {
	font-size: 0.8125rem;
	letter-spacing: 0.5
}

.font15 {
	font-size: 0.9375rem !important
}

.font20 {
	font-size: 1.25rem !important
}

.m-5 {
	margin: 0.3125rem !important
}

.m-10 {
	margin: 0.625rem !important
}

.m-15 {
	margin: 0.9375rem !important
}

.mb-5 {
	margin-bottom: 0.3125rem !important
}

.mb-10 {
	margin-bottom: 0.625rem !important
}

.ml-15 {
	margin-left: 0.9375rem !important
}

.mb-20 {
	margin-bottom: 1.25rem !important
}

.mb-30 {
	margin-bottom: 1.875rem !important
}

.mb-40 {
	margin-bottom: 2.5rem !important
}

.mt-10 {
	margin-top: 0.625rem !important
}

.mt-5 {
	margin-top: 0.3125rem !important
}

.mt-15 {
	margin-top: 0.9375rem !important
}

.mt-20 {
	margin-top: 1.25rem !important
}

.mt-30 {
	margin-top: 1.875rem !important
}

.mt-40 {
	margin-top: 2.5rem !important
}

.p-10 {
	padding: 0.625rem !important
}

.p-15 {
	padding: 0.9375rem !important
}

.p-20 {
	padding: 1.25rem !important
}

.p-30 {
	padding: 1.875rem !important
}

.pt-10 {
	padding-top: 0.625rem !important
}

.pt-19 {
	padding-top: 1.1875rem !important
}

.pt-30 {
	padding-top: 1.875rem !important
}

.pb-15 {
	padding-bottom: 0.9375rem !important
}

.PB-20 {
	padding-bottom: 1.25rem !important
}

.pl-10 {
	padding-left: 0.625rem !important
}

.pl-15 {
	padding-left: 0.9375rem !important
}

.pl-20 {
	padding-left: 1.25rem !important
}

.PL-5 {
	padding-left: 0.3125rem !important
}

.mr-5 {
	margin-right: 0.3125rem !important
}

.mr-10 {
	margin-right: 0.625rem !important
}

.ProductPageNav {
	font-size: 0.875rem;
}

@media (max-width: 90rem) {
	.Inv_g-sec img {
		width: 100%;
	}
}

@media (max-width: 75rem) {
	.form-wrap {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 1.25rem;
	}
}

@media (max-width: 64rem) {
	.form-wrap {
		padding: 0rem;
	}

	.cp-stats-value {}

	.cell-border td,
	.cell-border th {
		padding: 0.75rem;
	}

	._addOrderSec {
		padding: 0.9375rem
	}

	._addOrderSec .btn-primary {
		padding: 0.375rem 0.625rem
	}

	._pr-Search,
	._brandname {
		width: 9.8125rem;
	}
}

@media (min-width: 62rem) {
	.modal-lg {
		max-width: 53.125rem
	}
}

@media (min-width: 48rem) {
	body.fixed-nav #content-wrapper {
		padding-left: 14.0625rem;
	}

	body.fixed-nav.sidebar-toggled #content-wrapper {
		padding-left: 5.625rem;
	}

	.navbar-nav .form-inline .input-group {
		width: auto;
	}

	.sidebar {
		width: 18.75rem !important;
		overflow: hidden;
		flex: none;
	}

	.sidebar .nav-item .nav-link {
		display: block;
		text-align: left;
		padding: 0.75rem 0.9375rem;
		width: 18.75rem;
	}

	.sidebar .nav-item .nav-link span {
		display: inline;
		padding-left: 0.625rem;
		font-size: 0.8125rem;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		letter-spacing: 0.0625rem;
		text-transform: uppercase
	}

	.sidebar .nav-item .nav-link span ._tb {
		font-weight: 600;
		padding: 0;
		margin: 0
	}

	.sidebar .nav-item .dropdown-menu {
		position: static !important;
		margin: 0;
		top: 0;
		border-radius: 0;
		background-color: transparent;
	}

	.sidebar .nav-item.dropdown .dropdown-toggle::after {
		display: block;
	}

	.sidebar .nav-item .nav-link {
		/*	color:#b4bec4;
	border-bottom: solid 0.0625rem #EBB30A*/
	}

	.sidebar .nav-item .nav-link:HOVER {
		color: #ffffff;
		background-color: #0238a9;
	}

	.sidebar .dropdown-item {
		font-size: 0.8125rem;
		font-weight: 300;
		background-color: #EBB30A;
		border-bottom: solid 0.0625rem #0030aa;
		padding: 0.75rem 1.5rem;
		color: #fff;
		letter-spacing: 0.0625rem
	}

	.sidebar .dropdown-item:HOVER {
		background-color: #0030aa;
		color: #ffffff;
	}

	.sidebar.toggled {
		overflow: hidden;
		width: 3.75rem !important;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.sidebar.toggled:HOVER {
		width: 18.75rem !important;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
	}

	.sidebar.toggled .nav-item .nav-link span {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
		-webkit-transition: opacity 0.2s ease-in-out;
	}

	.sidebar.toggled:HOVER .nav-item .nav-link span {
		opacity: 1;
		transition: opacity 0.2s ease-in-out;
		-webkit-transition: opacity 0.2s ease-in-out;
	}

	.sidebar.toggled:HOVER .nav-item.dropdown .dropdown-toggle::after {
		display: block;
	}

	.sidebar.toggled:HOVER .dropdown-item {
		display: block
	}

	.sidebar.toggled .dropdown-item {
		display: none
	}

	.sidebar.toggled .nav-item:last-child {
		margin-bottom: 1rem;
	}

	/*.sidebar.toggled .nav-item .nav-link {
	text-align: center;
	padding: 0.75rem 1rem;
	width: 5.625rem;
}
.sidebar.toggled .nav-item .nav-link span {
	font-size: 0.65rem;
	display: block;
}*/
	.sidebar .dropdown-menu {
		margin: 0;
		padding: 0 !important;
		border: 0;
	}

	.sidebar.toggled .nav-item .dropdown-menu {
		-webkit-transform: none !important;
		transform: none !important;
		left: calc(5.625rem + 0.5rem) !important;
	}

	.sidebar.toggled .nav-item .dropdown-menu.dropup {
		bottom: 0;
		top: auto !important;
	}

	.sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
		display: none;
	}

	footer.sticky-footer {
		width: 100%;
	}

	body.sidebar-toggled footer.sticky-footer {
		width: 100%;
	}
}

@media (max-width: 50rem) {
	.modal-dialog {
		max-width: 97%;
	}

	.login-left,
	.login-right {
		padding: 1.25rem
	}

	.card .header h2,
	.card ._head03,
	.modal-title {
		font-size: 1rem
	}

	._head01 {
		font-size: 1rem
	}

	.control-label {
		font-size: 0.875rem
	}

	.breadcrumb {
		font-size: 0.8125rem
	}

	.CBR_info {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}

	.ml-800 {
		margin-left: -0.9375rem
	}

	.cp-mh {
		min-height: auto
	}

	.customer_img {
		height: auto
	}

	.cp-stats {
		margin-bottom: 1.25rem
	}

	.HS_CO .cp-stats-value {
		font-size: 1.25rem
	}

	._pr-Search,
	._brandname {
		width: 13.0625rem;
		margin-bottom: 0.625rem;
	}
}

@media (max-width: 47.9375rem) {
	._add-padd-btn {
		padding-top: 0rem;
		text-align: right
	}

	.auth-form .form-group input {
		max-width: 100%;
	}

	.coll-btn {
		margin-top: 0rem
	}

	.login-left,
	.login-right {
		padding: 1.25rem
	}

	.auth-form .col-md-6 {
		height: auto
	}

	.login-right {
		padding: 2.5rem
	}

	.auth-form-wrap {
		padding: 0.9375rem;
	}

	.btn-login {
		width: 100%
	}

	.breadcrumb {
		display: none
	}

	.card ._head-sm {
		margin-left: 1.5625rem
	}

	.sidebar img {
		width: 1.375rem;
		padding-bottom: 0.5rem
	}

	.navbar {
		min-height: 3.125rem
	}

	.user_log {
		height: 2.25rem;
		width: 2.25rem;
		margin-right: 0
	}

	.top_nav .nav-link {
		margin: 0.3125rem 0rem
	}

	._logo,
	._logo:HOVER {
		padding-left: 0.625rem
	}

	.dataTables_info {
		padding-bottom: 0.9375rem
	}

	.dropdown-item:focus,
	.dropdown-item:hover {
		color: #fff;
		text-decoration: none;
		background-color: #EBB30A;
	}

	.cp-stats {
		padding: 1.25rem
	}

	.cp-stats p {
		font-size: 0.9375rem
	}

	.cp-stats-icon {
		right: 0.9375rem;
		top: 0.9375rem
	}

	.nav-tabs .nav-item {
		width: 100%;
		background-color: #fff;
		box-shadow: 0rem -0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.06);
	}

	.nav-tabs .nav-link.active {
		color: #fff;
		background-color: #EBB30A;
		border-color: #fff #fff #fff;
		box-shadow: 0rem -0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.06)
	}

	.add_button {
		top: 0.9375rem
	}

	.add_button span {
		display: none
	}

	._logo img {
		height: 2.5rem
	}

	.top_nav .nav-link .uname {
		display: none
	}

	.usernamelab {
		display: block
	}

	.TM_icon {
		margin-right: 1.375rem;
		margin-top: 0.4375rem
	}

	.navbar-nav .nav-item .nav-link .badge {
		top: 0rem
	}

	.dataTables_wrapper .dataTables_paginate ul.pagination {
		justify-content: center !important
	}

	.logo-company img {
		width: 7.5rem
	}

	.CBM_val {
		margin-top: 0rem
	}

	.cus-ord-detail .left-detail {
		margin-right: 0rem;
		padding: 0.9375rem;
		margin-top: 0.9375rem;
	}

	.cus-ord-detail .right-detail {
		margin-left: 0;
		margin-top: 0.9375rem;
	}

	.cb_nav {
		padding-right: 1.25rem;
	}

	.cb_nav li a.active:after,
	.CB-account-tab .nav-link.active:after {
		display: none
	}

	.CB-account-tab {
		padding: 0.9375rem
	}

	.CB_info {
		margin-top: 0
	}

	.ml-800 {
		margin-left: 0
	}

	._graybg {
		margin-top: 1.25rem;
		padding-bottom: 0.9375rem
	}

	.cp_user-l {
		min-height: auto
	}

	._ch-pass {
		padding-top: 0.625rem
	}

	._ch-pass-p {
		padding-top: 0.3125rem;
		padding-bottom: 0.625rem
	}

	.tab-style .tab-pane {
		padding: 1.25rem
	}

	.dropify-wrapper.touch-fallback .dropify-clear {
		color: #fff
	}

	._user-profile-info .p-col-L {
		padding-right: 0.9375rem
	}

	._user-profile-info .p-col-R {
		padding-left: 0.9375rem
	}

	._addOrderSec .btn-primary {
		padding: 0.375rem 1.25rem;
		margin-bottom: 0.9375rem
	}

	._addOrderSec .form-s2 {
		margin-bottom: 1.25rem
	}

	._add-secon-btn {
		padding-top: 0.9375rem
	}

	.sm-mt15 {
		margin-top: 0.9375rem
	}

	.CB-view .Doclink {
		margin-top: 0.9375rem
	}

	.SC-list li {
		float: none
	}

	.HS_CO .cp-stats-value,
	.HS_CO .cp-stats h5 {
		margin-bottom: 0
	}

	.HS_CO .cp-stats {
		margin-bottom: 0.625rem
	}

	.HS_CO .cp-stats-icon img {
		width: 2.8125rem
	}

	.contDiv {
		width: 28.75rem;
		height: 10.4375rem
	}

	._pr-Search,
	._brandname {
		width: 17.5rem;
	}

	._Im-border {
		height: auto;
		max-width: 100%;
	}

	.daily-operations .nav_M a,
	.daily-operations .nav_M .nav-link.active {
		font-size: 0.8125rem
	}

	.daily-operations .wz-icon {
		margin-top: 1.5625rem
	}

	.daily-operations .wz-icon .fa {
		font-size: 0.8125rem;
		line-height: 1.8125rem;
		color: #fff !important
	}
}

@media (max-width: 30rem) {

	.card .header h2,
	.card ._head03,
	.modal-title {
		font-size: 0.875rem;
	}

	.top_nav .notiF,
	.Qlinks {
		width: 15.625rem
	}

	._search02 {
		position: relative;
		right: auto;
		top: auto;
		min-width: 100%;
		display: block;
		margin-top: 1.125rem
	}

	.contDiv {
		width: 24.375rem;
		height: 8.875rem
	}

	._pr-Search,
	._brandname {
		width: 100%;
	}

	.daily-operations .nav_M a,
	.daily-operations .nav_M .nav-link.active {
		padding: 1.5625rem 0.3125rem;
		letter-spacing: 0;
		height: 5.625rem
	}
}

@media (max-width: 26.25rem) {
	.login-right {
		padding: 1.875rem 0.625rem
	}

	.login-left {
		padding: 1.875rem 0.625rem
	}

	.auth-form-wrap {
		padding: 0
	}

	.login-right h3 {
		font-size: 1.25rem
	}

	.dataTables_wrapper .dataTables_filter label {
		font-size: 0.8125rem;
		margin-left: -0.5rem
	}

	.dataTables_wrapper .dataTables_filter input {
		margin-left: 0.5em;
		display: inline-block;
		width: 80% !important
	}

	.alert_close {
		top: 0.625rem;
		right: 0.3125rem
	}

	.TM_icon {
		margin-right: 0.9375rem
	}

	.nav-pills .nav-link.active,
	.nav-pills .show>.nav-link,
	.nav-pills .nav-link {
		padding: 0.3125rem 0.625rem;
		font-size: 0.75rem
	}

	._add-secon {
		display: block
	}
}

@media (max-width: 20rem) {
	.TM_icon {
		margin-right: 0.625rem
	}

	.nav-pills .nav-link.active,
	.nav-pills .show>.nav-link,
	.nav-pills .nav-link {
		padding: 0.3125rem 0.375rem;
		font-size: 0.6875rem
	}

	.top_nav .notiF,
	.Qlinks {
		width: 13.75rem
	}
}

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

.Product-row .dropdown button#dropdownMenu2 {
	background-color: #040725;
	border-radius: 5px;
}

.Product-row .dropdown button#dropdownMenu2::after {
	vertical-align: middle;
}

.body.pocPROFILE .se_cus-type {
	border-radius: 5px;
	border: 1px solid #e1e3e8;
	padding: 15px 15px 15px;
	margin-bottom: 0;
}

.property_info .infoDiv {
	border: 1px solid #e1e3e8;
	border-radius: 5px;
	padding: 15px !important;
}


.primary-solicitor-div {
	display: block;
}

.primary-solicitor-div .form-check.form-check-inline.custom-control.custom-radio {
	display: inline-block;
	vertical-align: middle;
	min-height: auto;
}

.primary-solicitor-div .form-check.form-check-inline.custom-control.custom-radio .custom-control-label::before {
	top: -4px;
}

.primary-solicitor-div .form-check.form-check-inline.custom-control.custom-radio .custom-control-label::after {
	top: -4px;
}

.right-side-card.intake-view-div .header.line-none {
	padding: 6px 10px !important;
	border: 1px solid #e1e3e8 !important;
	margin-bottom: 5px !important;
	border-radius: 5px;
}

.right-side-card.intake-view-div .header.line-none h2 {
	font-size: 13px !important;
	font-weight: 500;
	margin-bottom: 0 !important;
	line-height: normal !important;
	padding-top: 5px;
}

.right-side-card.intake-view-div .pocPROFILE .fa {
	color: #fff;
}

.form-check.custom-control.custom-radio {
	min-height: auto;
}

.mt-5.pruchaserDetailsDiv.table-purchase-div table.table.table-borderless.purchaseTable td:first-child {
	padding-left: 0;
}

.mt-5.pruchaserDetailsDiv.table-purchase-div table.table.table-borderless.purchaseTable td {
	padding: 0;
}

.mt-5.pruchaserDetailsDiv.table-purchase-div input {
	position: absolute;
}

.mt-5.pruchaserDetailsDiv.table-purchase-div td.text-end {
	margin-bottom: 10px !important;
	/* display: flex; */
}

._MW-content h1.modalWindowTitle a.modalWindow-act.modalExpand-btn {
	display: none;
}

.dynamicDataDiv .Activity-card input.taskTitleInput.form-control {
	padding: 0px 10px !important;
}

.dynamicDataDiv .Activity-card input.assignedDate.datepickerCorrespondence.reminder_date {
	text-decoration: none;
	font-weight: normal !important;
	font-size: 12px !important;
	color: #6e798f;
}

.float-left.TaskStAction.PriorityFlag select.custom-select.SP_flag.pr-0.pl-5.mt-0 {
	margin-top: 4px;
	font-size: 12px;
	text-decoration: none;
	color: #6e798f;

}

.light-gray-border-div {
	width: 100%;
	border: 1px solid #e1e3e8;
	padding: 15px !important;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.bottom-btn-div {
	background: #f6f7f9;
	width: 100%;
	border: 1px solid #e1e3e8;
	padding: 10px 15px !important;
	border-radius: 5px;
	display: flex;
	justify-content: flex-end;
}

.bottom-btn-div button.btn.btn-primary {
	margin-left: 10px;
	background: #040826;
	color: #fff;
	border-color: #040826;
	cursor: pointer;
	padding: 3px 14px 3px 14px;
}

.bottom-btn-div button.btn.btn-primary:hover,
.bottom-btn-div button.btn.btn-primary:focus {
	background: #fff;
	color: #040826;
	border-color: #fff;
}

.bottom-btn-div button.btn.btn-primary.dark-bg {
	background: #040826;
	color: #fff;
	border-color: #040826;
}

.bottom-btn-div button.btn.btn-primary.dark-bg:hover,
.bottom-btn-div button.btn.btn-primary.dark-bg:focus {
	background: #fff;
	color: #040826;
	border-color: #cfd0d6;

}

.pocPROFILE .infoDiv {
	margin-bottom: 0px !important;
}

.ai-page-div .Action_bottom {
	z-index: 950;
}

.ai-page-div .Action_bottom .btn {
	font-size: 14px !important;
	padding: 1px 14px 3px 14px;
}

.ai-page-div .row.mt-2 h2._head01 {
	margin-bottom: 20px;
}

.ai-right-side-bar .body.pocPROFILE {
	padding: 12px;
	background: #f8f8f8;
	border-radius: 5px;
	height: 98vh;
	overflow-y: auto;
	overflow-x: hidden !important;
	margin-bottom: 30px;
}

.ai-right-side-bar .body.pocPROFILE .alert-warning {
	color: #3e424f;
	background-color: #caddff;
	border-radius: 5px;
	border-color: #98bbfc;
	font-size: 13px;
	line-height: normal;
	padding: 10px 15px
}

.ai-right-side-bar .body.pocPROFILE .alert-warning svg {
	margin-right: 3px;
	margin-top: -3px;
}

.ai-right-side-bar .body.pocPROFILE .alert-dismissible .close {
	top: 3px;
	right: 6px;
	padding: 0;
}

.ai-right-side-bar .body.pocPROFILE .alert-warning p {
	margin-bottom: 5px;
}

.ai-right-side-bar .body.pocPROFILE h2 {
	position: relative;
	font-weight: 600;
	margin: 0;
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
}

.ai-right-side-bar .body.pocPROFILE h2 span {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
}

.ai-right-side-bar .body.pocPROFILE .btn-edit {
	float: right !important;
	font-size: 13px !important;
	padding: 4px 12px !important;
	margin-top: -3px !important;
	height: auto !important;
	line-height: 1;
}

.ai-right-side-bar .body.pocPROFILE .form-control {
	background: none !important;
	height: 33px !important;
	margin-top: 0 !important;
}

.ai-right-side-bar .body.pocPROFILE .light-gray-border-div {
	background: #fff;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 12px !important;
}

.ai-right-side-bar .body.pocPROFILE .light-gray-border-div .ai-right-card {
	margin-bottom: 5px;
}

.ai-right-side-bar .body.pocPROFILE .light-gray-border-div .ai-right-card label.control-label {
	margin-bottom: 5px !important;
}

.ai-right-side-bar .body.pocPROFILE .light-gray-border-div .ai-right-card textarea {
	height: 70px !important;
}

.ai-right-side-bar .body.pocPROFILE .light-gray-border-div .ai-right-card:last-child {
	margin-bottom: 0;
}

.ai-right-side-bar .pocPROFILE .header {
	padding-top: 0 !important;
}

.ai-right-side-bar .body.pocPROFILE .light-gray-border-div .ai-right-card .form-wrap {
	padding: 0 !important;
}

.ai-right-side-bar .body.pocPROFILE .light-gray-border-div .ai-right-card .form-wrap textarea {
	margin-top: 0px;
	line-height: 1 !important;
}

.ai-left-side-bar {
	padding: 12px;
	height: 98vh;
	overflow-y: auto;
	overflow-x: hidden !important;
	border: 1px solid #e1e3e8;
	border-radius: 5px;
	margin-bottom: 30px;
}

._Dispatch .CB-account-tab .nav-link span {
	position: absolute;
	top: 6px;
	right: 7px;
}

._Dispatch .CB-account-tab span.pending-status {
	color: #eeb40a;
}

._Dispatch .CB-account-tab span.check-status {
	color: green;
}

._Dispatch .CB-account-tab span svg {
	margin: 0 auto !important;
	width: 14px;
	height: 14px;
}

._Dispatch .CB-account-tab .nav-link {
	width: 244px;
}

form#integrationForm div#MainContent .card {
	border: 1px solid #e1e3e8;
	padding: 15px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}

form#integrationForm div#MainContent .card .header {
	padding: 0px 20px 8px 0px !important;
}
.assignedDateTime {
	font-weight: normal !important;
	font-size: 12px !important;
	text-decoration: none !important;
	color: #323846 !important;
}

.task-assign-date .assigned-to .form-s2.date-List.EMP__List select.form-control {
    margin-top:0 !important;
}
/* .task-assign-date .form-s2.date-List.EMP__List .select2-container {
    border:0 !important;
}
.row.task-assign-date .assigned-to ul.select2-selection__rendered {
    padding: 0;
}

.row.task-assign-date .assigned-to li.select2-selection__choice {
    padding: 0;
    margin-top: 1px;
    color: #323846;
} */
 .Activity-card .row.task-assign-date .form-s2.date-List.EMP__List .select2-container {
    border:0 !important;
}
.Activity-card .row.task-assign-date .assigned-to ul.select2-selection__rendered {
    padding: 0;
}

.Activity-card .row.task-assign-date .assigned-to li.select2-selection__choice {
    padding: 0;
    margin-top: 1px;
    color: #323846;
}
.Activity-card .row .col.TaskTitle {
	padding: 0 15px;
}