.green {
	color: #48b348
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid rgba(0, 0, 0, 0);
	border-bottom: 0;
	border-left: .3em solid rgba(0, 0, 0, 0)
}

.font_bold {
	font-weight: 600;
	font-size: 14px
}

.font_bolder {
	font-weight: 700;
	font-size: 16px
}

.nowrap {
	white-space: nowrap !important
}

.mandatory {
	color: red;
	margin-left: .3rem
}

a:hover {
	text-decoration: none
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.05rem + 2px) !important
}

.common_heading {
	font-weight: 700;
	font-size: 16px;
	padding: 1rem 0;
	margin: 0
}

.btn {
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	font-size: .9em;
	font-weight: 600;
	text-transform: none;
	background: #004ea2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px
}

.btn:hover {
	background: #003a79;
	transition: all .3s ease;
	color: #fff
}

.btn:active {
	background: #001123
}

.btn:focus {
	box-shadow: none
}

.btn-purple {
	background: #004ea2;
	padding: 10px 25px;
	box-shadow: 0 0 30px rgba(192, 0, 255, .231372549)
}

.btn-purple:hover {
	background: #003a79;
	transition: all .3s ease;
	color: #fff
}

.btn-purple:active {
	background: #001123
}

.btn-purple:focus {
	box-shadow: none
}

.btn-orange {
	background: #ff8831
}

.btn-orange:hover {
	background: #ff7008;
	transition: all .3s ease;
	color: #fff
}

.btn-orange:active {
	background: #b14b00
}

.btn-orange:focus {
	box-shadow: none
}

.btnSmall {
	padding: 0 1em;
	background: #fff;
	height: 35px;
	color: #2c2e38;
	border: 1px solid #dae1e1;
	line-height: 25px;
	font-weight: 400
}

.btnSmall:hover {
	background: #ebebeb;
	transition: all .3s ease;
	color: #fff
}

.btnSmall:active {
	background: #bfbfbf
}

.btnSmall:focus {
	box-shadow: none
}

.btnSmall:hover {
	background: #f2f2f2;
	color: #2c2e38
}

.btn-white {
	background: #fff;
	border: 1px solid #dae1e1;
	border-radius: .3em;
	box-shadow: none;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	color: #2c2e38;
	padding: .3em 1em;
	overflow: hidden
}

.btn-white .icon {
	margin: 0;
	background: #f7f9f9;
	width: 3em;
	border: none;
	border-radius: 0
}

.btn-search {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: .4rem !important;
	border-bottom-right-radius: .4rem !important
}

.btn-search:focus {
	background: #004ea2
}

body {
	margin: 0;
	padding: 0
}

.popup_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(158, 158, 158, .35);
	z-index: 10000;
	overflow: hidden
}

.popup {
	width: 450px;
	padding: 1.5rem;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100000
}

.popup i {
	margin: 0 .5em 0 0 !important;
	color: #fdb61d;
	font-size: 22px !important
}

.popup .btn-blue {
	padding: 8px 24px
}

.popup .form-group {
	margin-bottom: 0
}

.close-popup {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer
}

.hidden {
	display: none
}

.popup_content {
	padding: 1.5em 0 .5em 0
}

.button_center {
	display: block;
	text-align: center
}

.popup-module {
	width: 750px
}

@media(max-width: 768px) {
	.popup-module {
		width: 100%
	}
}

.show_module_modal {
	background: rgba(0, 0, 0, 0)
}

.module_popup_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(158, 158, 158, .35);
	z-index: 10000;
	overflow: hidden
}

.module_popup {
	width: 450px;
	padding: 1.5rem;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100000
}

.module_popup i {
	margin: 0 .5em 0 0 !important;
	color: #fdb61d;
	font-size: 22px !important
}

.module_popup .btn-blue {
	padding: 8px 24px
}

.module_popup .form-group {
	margin-bottom: 0
}

.close-module-popup {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer
}

.hide {
	display: none
}

.popup_module_content {
	padding: 1.5em 0 .5em 0
}

.modal-header {
	display: flex !important;
	justify-content: space-between !important;
	flex-direction: row-reverse;
	padding: 1rem;
	border-bottom: 1px solid #f3f3f3
}

.modal-header .close {
	background: #f2f2f2;
	border: none;
	padding: 0 .25rem .1rem !important;
	margin: 0 !important
}

.modal-header .close:hover {
	background: #004ea2;
	color: #fff
}

body {
	overflow-x: hidden !important
}

::-webkit-scrollbar:horizontal {
	height: 8px
}

::-webkit-scrollbar-thumb:horizontal {
	border-radius: 10px
}

::-webkit-scrollbar-track:horizontal {
	background: #f1f1f1
}

::-webkit-scrollbar-thumb:horizontal {
	background: #888
}

::-webkit-scrollbar-thumb:horizontal:hover {
	background: #555
}

.content_wrapper {
	padding: 0;
	display: block;
	width: 100%
}

.h2 {
	font-size: 1.25em;
	font-weight: 700 !important;
	color: #2c2e38;
	margin-bottom: 0 !important
}

.h2 i {
	font-size: .75em;
	margin-left: .5em;
	margin-bottom: -0.5em
}

.vh_center {
	display: flex;
	align-items: center
}

button:focus {
	box-shadow: none !important;
	outline: 0 !important
}

.main {
	background: rgba(0, 0, 0, 0);
	min-height: 500px
}

.main .filter_section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	box-shadow: 1px 1px 1rem .1rem #f2f2f2;
	border-radius: .2em;
	padding: .5em 0 .5em 0;
	border: 1px solid #f2f2f2
}

.main .filter_section label {
	margin-bottom: .2em;
	font-weight: 600
}

.main .filter_section .form-group {
	margin-bottom: 0
}

.main .filter_section .form-control,
.main .filter_section .custom-select {
	border: 1px solid #d0d0d0;
	height: calc(1.8em + .8rem + 2px)
}

.main .filter_section .form-control:focus,
.main .filter_section .custom-select:focus {
	box-shadow: none;
	outline: 0
}

.main .filter_section .btn {
	padding: 9px 12px;
	position: relative;
	z-index: 0;
	margin: 0
}

.main .filter_section .divider {
	color: #ddd
}

.main .btn-secondary {
	background: #004ea2
}

.row.no-pad>[class*=col-] {
	padding-right: .5em;
	padding-left: .5em
}

.analytics_section {
	background: rgba(0, 0, 0, 0);
	padding: 0;
	border-radius: .2em
}

.analytics_section .row {
	margin-left: -20px;
	margin-right: -20px
}

.analytics_section .cardbody {
	text-align: left;
	font-size: .9em;
	border-radius: .2em;
	border: 1px solid #f2f2f2;
	height: 100%;
	overflow: hidden
}

@media(max-width: 992px) {
	.analytics_section .cardbody {
		margin-bottom: 1em
	}
}

.analytics_section .cardbody h4 {
	font-size: 1.2em;
	font-weight: 600
}

.analytics_section .cardbody .flex_grid {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .5em
}

.analytics_section .cardbody .link_dropdown {
	padding: 1em 0
}

.analytics_section .cardbody .link_dropdown select {
	border: 0;
	margin-left: -0.25em
}

.analytics_section .cardbody .link_dropdown select:focus {
	outline: 0;
	box-shadow: none
}

h4 {
	font-size: 1.2em;
	font-weight: 700
}

.supplier_section {
	background: #fff;
	border-radius: .2em;
	padding: 1em 0 0 0;
	border: 1px solid #f2f2f2;
	box-shadow: 1px 1px 1rem .1rem #f2f2f2
}

.supplier_section p {
	font-size: .95em;
	color: #5b5b5c
}

.equalWidth {
	width: 86%;
	display: flex !important;
	margin-bottom: .5em;
	align-items: center
}

.xy_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.form-control,
.custom-select,
.input-group-text {
	font-size: .9em !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	-o-border-radius: 5px !important;
}

.form-control:focus,
.custom-select:focus,
.input-group-text:focus {
	outline: 0;
	box-shadow: none
}

.bg_transparent {
	background: rgba(0, 0, 0, 0);
	box-shadow: none;
	border: none
}

.bg_transparent .bg_white {
	background: #fff;
	padding: 1em 0
}

.tabularData_section {
	border-top: 15px solid #fbfbfb;
	padding: 1em 1em 0
}

.flex {
	display: flex;
	justify-content: space-between
}

.flex_center {
	justify-content: center
}

.btn_group button {
	margin-left: .5em
}

.w-50 .form-group {
	margin-bottom: .3em
}

.w-50 .input-group i {
	color: #495057;
	font-size: .85em !important
}

@media(max-width: 768px) {
	.w-50 {
		width: 100% !important
	}
}

.dropLink {
	background: rgba(0, 0, 0, 0);
	padding: 7px 2.5em 7px 10px !important;
	margin: 0 !important;
	position: relative
}

.dropLink i {
	position: absolute;
	top: 0;
	right: -7px;
	height: 100%;
	line-height: 23px
}

.image-upload>input {
	display: none
}

.image-upload img,
i {
	cursor: pointer
}

.btn_add {
	margin: 0 .8em 0 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #4cae4c;
	border-radius: 4px;
	padding: .85em .9em
}

.delete {
	background: #d2322d
}

.body_overlay {
	background: rgba(158, 158, 158, .35);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000
}

.custom-select,
select {
	display: inline-block;
	width: 100%;
	padding: .375rem 1.75rem .375rem .75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background: #fff url(../images/dropdown_arrow.png) no-repeat;
	background-position: 97%;
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.searchKeyClose {
	background: #a3a3a3;
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 0 2em 0 .5em;
	color: #5b5b5c;
	border-radius: 4px
}

.searchKeyClose span {
	font-size: 1.2em;
	font-weight: 500;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0%;
	padding: 12px 8px;
	transform: translate(0%, -50%)
}

.searchKey ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.searchKey ul li {
	border-radius: 4px;
	border: 1px solid #ddd;
	font-size: .95em;
	margin-top: -1px;
	background: #f2f6fc;
	padding: 0 2em 0 .5em;
	text-decoration: none;
	color: #2c2e38;
	display: inline-block;
	position: relative
}

.searchKey .close {
	font-size: 1.2em;
	font-weight: 600;
	cursor: pointer;
	position: absolute;
	top: 45%;
	right: 0%;
	padding: 2px 4px;
	transform: translate(0%, -48%)
}

.searchKey .close:hover {
	background: #86c7cc
}

.file-upload {
	width: 100%;
	border: 1px solid #ddd;
	padding: .5em;
	border-radius: .3em
}

.tool_help {
	background: rgba(0, 0, 0, 0)
}

.tooltip {
	display: inline-block;
	border-bottom: 1px dotted #666;
	text-align: left;
	opacity: 1;
	left: 139px;
	top: 105px;
	z-index: 10700
}

.tooltip .right {
	min-width: 300px;
	top: 50%;
	left: 100%;
	margin-left: 20px;
	transform: translate(0, -50%);
	padding: 10px 20px;
	color: #2c2e38;
	background: #fff;
	font-weight: normal;
	font-size: 13px;
	border-radius: 10px;
	position: absolute;
	z-index: 99999999;
	box-sizing: border-box;
	border: 1px solid #fff;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .3);
	display: none
}

.tooltip .right p {
	font-size: inherit;
	padding: 0;
	margin: 0
}

.tooltip .right.active {
	display: block
}

.tooltip .right .fa {
	font-size: .5em;
	align-items: center;
	margin-right: .5em
}

.tooltip .right .fLeX {
	display: flex;
	align-items: baseline
}

.tooltip .right i {
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -12px;
	width: 12px;
	height: 24px;
	overflow: hidden
}

.tooltip .right i::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 50%;
	transform: translate(50%, -50%) rotate(-45deg);
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .5)
}

.left_mt {
	left: 338px
}

.left_mt_sm {
	left: 270px
}

.left_mt_xx {
	left: 58px !important
}

.tableOverlay,
.show_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 10000;
	overflow: hidden;
	display: none
}

.tableOverlay.overlay_active,
.show_overlay.overlay_show {
	display: block
}

.table_modal,
.showModal {
	background: #fff;
	padding: 1em;
	display: none;
	position: fixed;
	left: .5em;
	top: .5em;
	bottom: .5em;
	right: .5em;
	z-index: 10000;
	height: 610px;
	overflow-y: scroll
}

.table_visible,
.modal_visible {
	display: block !important
}

.tableCollapse {
	background: #1959b7
}

.i_active {
	background: #1959b7;
	border-radius: 3px
}

.i_active:hover {
	background: #1959b7 !important
}

.i_active .svg_icon {
	filter: brightness(100) !important
}

.close_t_modal {
	background: #1959b7;
	border-radius: 3px
}

.close_t_modal:hover {
	background: #1959b7 !important
}

.close_t_modal .svg_icon {
	filter: brightness(100) !important
}

.hideModal {
	display: none !important
}

.text_blue {
	color: #004ea2
}

.line_detail_container {
	padding: 15px 0;
	display: none
}

.show_detail {
	display: block
}

a span {
	color: #004ea2;
	font-weight: 600 !important
}

.dropdown-item {
	padding: .25rem 1.5rem .25rem 0
}

.active_content_detail {
	padding: 15px 0 0;
	display: none
}

.show_content {
	display: block
}

.parties_detail {
	padding: 15px 0 0;
	display: none
}

.show_content {
	display: block
}

.contract_pane {
	padding: 15px 0 0;
	display: none
}

.show-contract-pane {
	display: block
}

.contract_detail {
	padding: 1em 0;
	border-radius: .3em
}

.searchSection .input-group {
	width: 100%
}

.svg_icon {
	width: 13px
}

.data_container {
	background: #fff;
	height: 100vh;
	margin-top: 0;
	padding: 1rem;
	box-shadow: #f2f2f2 1px 1px 1rem .1rem
}

.data_container h5 {
	color: #2c2e38;
	font-size: 1.15em;
	font-weight: 700;
	margin-top: 6px
}

.brandLogo {
	width: 130px;
	height: auto;
	background: #f1f1f1;
	padding: 1em;
	border-radius: 6px
}

.brandLogo img {
	width: 100%
}

.fileUpload {
	position: relative;
	overflow: hidden;
	top: 2rem
}

.fileUpload button {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important
}

.tooltip {
	text-decoration: none;
	outline: none;
	border-bottom: none;
	font-size: .7rem;
	z-index: 100000
}

.tooltip-inner {
	background-color: rgba(0, 0, 0, .9);
	color: #fff
}

.badge_rounded {
	background: #e60013;
	color: #fff;
	border-radius: 100px;
	padding: 8px;
	width: 22px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px
}

.card-header {
	padding: .5rem 1rem;
	font-weight: 600;
	font-size: 1.2em;
	margin-bottom: 0;
	background-color: rgba(255, 250, 250, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

#piechart svg {
	margin-left: -19px
}

#piechart rect {
	width: 140px !important
}

ul[data-pie-id] li {
	display: flex;
	align-items: center
}

.topAction .icon {
	display: none
}

@media screen and (max-width: 1200px) {
	.topAction a:not(:first-child) {
		display: none
	}

	.topAction a.icon {
		float: right;
		display: block
	}
}

@media screen and (max-width: 1200px) {
	.topAction {
		width: 1000px;
		background: red
	}

	.topAction.responsive {
		position: relative
	}

	.topAction.responsive .icon {
		position: absolute;
		right: 0;
		top: 0
	}

	.topAction.responsive a {
		float: none;
		display: block;
		text-align: left
	}
}

label[data-title] {
	position: relative
}

label[data-title]:hover:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 100%;
	content: attr(data-title);
	background-color: #fff;
	min-width: 19.8rem;
	padding: 15px 10px;
	border: 1px solid #ddd;
	text-align: center;
	white-space: wrap;
	font-size: 14px;
	color: #5b5b5c;
	box-shadow: 1px 1px 10px #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.min_h_40 {
	/* min-height: 35px;
	height: 35px; */
	height: auto;
	white-space: wrap
}

.heading_h2 {
	background: none;
	border: none;
	padding: 0;
	padding-bottom: .5rem;
	font-size: 16px;
	font-weight: 700
}

.linkBtn a,
.action_link a {
	text-decoration: none
}

.textBlack {
	color: #242323;
	font-weight: 400 !important
}

.pro_id_sec {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	align-items: baseline;
	font-size: 1rem
}

@media(max-width:1024px) {
	.pro_id_sec {
		flex-wrap: wrap;

	}

	.content_flex {
		flex-wrap: wrap;
	}
}


.multiselect-item {
	display: none !important
}

.context_center_h_v {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

/*# sourceMappingURL=content.css.map */