/*! CSS file for our own CSS Styles */

body {
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #fff;
	/*zoom: 100%;*/
}

/********************************************************/
/*						Lines							*/
/********************************************************/
hr {
	opacity: 1;
	border: 0;
	border-top: 1px solid #eee;
	border-width: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-color: rgb(243,112,56);
	background-color: transparent;
}

.hr-gray {
	height: 0px !important;
	margin-top: 6px;
	margin-bottom: 6px;
	border-top-color: rgb(239,242,242);
}

/********************************************************/
/*						Headers							*/
/********************************************************/
/*h3 {
	font-size: 15px;
	font-weight: bold;
}

.h3-medium {
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 8px;
}*/

h4 {
	font-size: 13px;
	margin-top: 8px;
	margin-bottom: 8px;
}

h5 {
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 12px;
}

h6 {
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 11px;
}

/*.SizeFont, .btn {
	font-size: 11px !important;
}*/

.row {
	margin-top: 0px; /* !important;*/
	margin-bottom: 0px; /* !important;*/
}

label {
	font-weight: 500;
	margin-bottom: 2px;
	min-height: 15px;
}

.label-title {
	font-weight: bold;
	font-size: 14px;
	color: rgb(77,78,78);
}

.form-control, .form-select {
	height: 24px;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

.input-group-text {
	font-size: 11px;
}

textarea.form-control {
	height: auto !important;
}

.form-group {
	margin-bottom: 6px;
	font-size: 11px;
}

.radio,
.checkbox {
	margin-top: 5px;
	margin-bottom: 3px;
}

	.radio input[type="radio"],
	.radio-inline input[type="radio"],
	.checkbox input[type="checkbox"],
	.checkbox-inline input[type="checkbox"] {
		position: relative;
		margin-top: 2px;
	}

.btn {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 11px;
}

.navbar {
	margin-bottom: 8px;
}

.breadcrumb {
	margin-bottom: 0px;
}

.img-thumbnail .caption {
	padding: 9px;
}

.isInvalid {
	border: 1px solid red;
}

.requiredSimbol {
	color: rgb(243,112,56);
	font-weight: bold;
}

.allowed-lowercase {
	text-transform: none;
}

a {
	color: rgb(159,204,59);
	text-decoration: none;
}

	a:focus, a:hover {
		color: rgb(243,112,56);
		text-decoration: none;
	}

.link-dark {
	color: rgb(77,78,78);
}

.form-control:focus {
	border-color: rgb(159,204,59);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245,255,221, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245,255,221, .6);
	background-color: transparent;
}

.text-primary {
	color: rgb(77,78,78) !important;
}

.text-bold {
	font-weight: bold;
}

a.text-primary:hover,
a.text-primary:focus {
	color: rgb(243,112,56);
}

.btn-primary {
	color: rgb(243,112,56); /*!important;*/
	background-color: transparent; /*!important;*/
	border-color: rgb(243,112,56); /*!important;*/
	font-weight: bold;
	border-width: 2px;
}

	.btn-primary[disabled] {
		pointer-events: auto;
		cursor: not-allowed;
	}

	.btn-primary:focus,
	.btn-primary.focus {
		color: rgb(255,255,255);
		background-color: rgb(243,112,56);
		/*border-color: rgb(243,112,56);*/
		border-color: rgb(243,112,56) !important;
		box-shadow: 0 0 0 0.15rem rgba(243, 112, 56, 0.25) !important;
	}

	.btn-primary:hover {
		color: rgb(255,255,255); /*!important;*/
		background-color: rgb(243,112,56); /*!important;*/
		border-color: rgb(243,112,56); /*!important;*/
	}

	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		color: #fff;
		background-color: rgb(243,112,56);
		border-color: rgb(243,112,56);
	}

		.btn-primary:active:hover,
		.btn-primary.active:hover,
		.open > .dropdown-toggle.btn-primary:hover,
		.btn-primary:active:focus,
		.btn-primary.active:focus,
		.open > .dropdown-toggle.btn-primary:focus,
		.btn-primary:active.focus,
		.btn-primary.active.focus,
		.open > .dropdown-toggle.btn-primary.focus {
			color: #fff;
			background-color: rgb(243,112,56);
			border-color: rgb(243,112,56);
		}

	.btn-primary:disabled,
	.btn-primary.disabled {
		color: #fff;
		background-color: rgb(243,112,56) !important;
		border-color: rgb(243,112,56) !important;
	}

	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled.focus,
	.btn-primary[disabled].focus,
	fieldset[disabled] .btn-primary.focus {
		background-color: rgb(243,112,56);
		border-color: rgb(243,112,56);
	}

.btn-secondary {
	color: #fff;
	background-color: rgb(151,153,153);
	border-color: rgb(151,153,153);
}

.col-top-space {
	padding-top: 10px;
}

.col-bottom-space {
	padding-bottom: 10px;
}

.text-danger {
	color: rgb(243,112,56) !important;
}

.text-success {
	color: rgb(159,204,59) !important;
}

/********************************************************/
/*						Alert							*/
/********************************************************/

.alert-danger {
	color: rgb(243,112,56); /*!important;*/
	background-color: rgb(255,239,209); /*!important;*/
	border-color: rgb(255,235,196); /*!important;*/
}

.alert-success {
	color: rgb(105,137,35);
	background-color: rgb(235,244,215);
	border-color: rgb(235,244,215);
}

.alert-status:hover, .analysis-status:hover {
	cursor: pointer;
	color: rgb(158, 204, 60) !important;
	border-color: rgb(158, 204, 60) !important;
}

.alert {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-bottom: 1rem;
}

	.alert h4 {
		margin-top: 0px;
		color: inherit;
	}

	.alert > p, .alert > ul {
		margin-bottom: 0px;
	}

.alert-dismissible .btn-close {
	padding: 0.90rem;
}


.requiredDateFormat {
	color: rgb(206,206,206);
	font-weight: normal;
	font-size: 9px;
}

.validation {
	font-size: 11px;
}

.col-sm-same-height {
	display: inline-block;
	vertical-align: bottom;
	float: none;
}

.col-sm-small-padding-left {
	padding-left: 5px;
}

.col-sm-small-padding-right {
	padding-right: 5px;
}

.input-group-view-detail {
	cursor: pointer;
}

.input-group-danger {
	background-color: rgb(242,204,188);
	border-color: rgb(243,112,56);
}

.input-group-success {
	background-color: rgb(220,244,164);
	border-color: rgb(159,204,59);
}

p {
	margin: 0 0 10px;
}

	p.non-bottom-space {
		margin-bottom: 0px;
	}

	p.top-space {
		margin-top: 5px;
	}

.span-middle-align {
	display: inline-block;
	vertical-align: middle;
}

.span-middle-align-multiline {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
}

.span-invalid {
	color: red;
}

.textarea-font-size {
	font-size: 11px;
}

.icon-help {
	color: rgb(243,112,56);
	cursor: pointer;
	display: none;
}

.icon-help-dark {
	color: rgb(77,78,78);
	cursor: pointer;
}

.button-group-size {
	min-width: 200px;
	max-width: 250px;
}

.non-side-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.small-topbot-padding {
	padding-top: 4px;
	padding-bottom: 8px;
}

.small-bottom-margin {
	margin-bottom: 5px;
}

.small-topbot-margin {
	margin-top: 5px;
	margin-bottom: 5px;
}

.side-margin {
	margin-left: 15px;
	margin-right: 15px;
}

.non-side-margin {
	margin-left: 0px;
	margin-right: 0px;
}

.non-bottom-margin {
	margin-bottom: 5px;
}

.panel-left-section {
	border: 1px solid #e6e6e6;
	border-left-width: 8px;
	background: #FCFCFC;
}

.panel-body {
	padding-left: 10px;
	padding-right: 10px;
}

.panel-top-section {
	border: 1px solid #e6e6e6;
	border-top-width: 8px;
	background: #FCFCFC;
}

.col-count-style {
	column-count: 3;
	column-gap: 15px;
}

	.col-count-style .panel {
		display: inline-block;
		width: 100%;
	}

/********************************************************/
/*               Flag Images Configuration              */
/********************************************************/
.ui-icon.br {
	background: url("../Images/Home/Index/Flags/br.png") 0 0 no-repeat;
}

.ui-icon.cs {
	background: url("../Images/Home/Index/Flags/cs.png") 0 0 no-repeat;
}

.ui-icon.de {
	background: url("../Images/Home/Index/Flags/de.png") 0 0 no-repeat;
}

.ui-icon.fr {
	background: url("../Images/Home/Index/Flags/fr.png") 0 0 no-repeat;
}

.ui-icon.gb {
	background: url("../Images/Home/Index/Flags/gb.png") 0 0 no-repeat;
}

.ui-icon.in {
	background: url("../Images/Home/Index/Flags/in.png") 0 0 no-repeat;
}

.ui-icon.jp {
	background: url("../Images/Home/Index/Flags/jp.png") 0 0 no-repeat;
}

.ui-icon.us {
	background: url("../Images/Home/Index/Flags/us.png") 0 0 no-repeat;
}

.ui-icon.mx {
	background: url("../Images/Home/Index/Flags/mx.png") 0 0 no-repeat;
}

.ui-icon {
	margin-left: 5px !important;
	margin-top: 11px !important;
}

/********************************************************/
/*          Fix Header Image Configuration              */
/********************************************************/
.jumbotron {
	background: #FFF no-repeat left center;
	background-size: cover;
	overflow: visible;
	padding-top: 5px;
	/*padding-bottom: 5px;*/
	margin-bottom: 5px;
	top: 0px;
	z-index: 100;
}

/*.navbar-fixed-top, .navbar-fixed-bottom {
	position: relative;
}*/
/*.partial-section{
	padding-top: 105px;
}*/

.content {
	padding-left: 23px;
	padding-right: 23px;
}

.text-header {
	color: rgb(133,135,135) !important;
	text-transform: capitalize;
	margin-top: 5px;
	margin-bottom: 0px;
}

.text-header-icon {
	color: rgb(243,112,56); /*rgb(158,204,60);*/
	/*font-weight: lighter;*/
}

.text-header-content {
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 250px) {
	/*.content {
		padding-top: 210px;
	}*/
	.navbar-nav > li {
		padding-right: 3px !important;
		padding-left: 23px !important;
	}

		.navbar-nav > li > a {
			padding-left: 5px !important;
			padding-top: 2px !important;
			padding-bottom: 2px !important;
			height: 20px !important;
		}

	.navbar-nav .dropdown-submenu > a {
		padding-left: 15px !important;
	}

	.dropdown-menu {
		border: 0px !important;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
	}

		.dropdown-menu[data-bs-popper] {
			margin-top: 0px !important;
		}

		.dropdown-menu.shadow {
			box-shadow: #fff 0px 0px inset !important;
		}

		.dropdown-menu > li > a {
			padding: 3px 12px !important;
		}
}

@media (max-width: 295px) {
	/*.content {
		padding-top: 200px;
	}*/
	.navbar-nav > li {
		padding-right: 3px !important;
		padding-left: 23px !important;
	}

		.navbar-nav > li > a {
			padding-left: 5px !important;
			padding-top: 2px !important;
			padding-bottom: 2px !important;
			height: 20px !important;
		}

	.navbar-nav .dropdown-submenu > a {
		padding-left: 15px !important;
	}

	.dropdown-menu {
		border: 0px !important;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
	}

		.dropdown-menu[data-bs-popper] {
			margin-top: 0px !important;
		}

		.dropdown-menu.shadow {
			box-shadow: #fff 0px 0px inset !important;
		}

		.dropdown-menu > li > a {
			padding: 3px 12px !important;
		}
}

@media (max-width: 325px) {
	/*.content {
		padding-top: 195px;
	}*/
	.navbar-nav > li {
		padding-right: 3px !important;
		padding-left: 23px !important;
	}

		.navbar-nav > li > a {
			padding-left: 5px !important;
			padding-top: 2px !important;
			padding-bottom: 2px !important;
			height: 20px !important;
		}

	.navbar-nav .dropdown-submenu > a {
		padding-left: 15px !important;
	}

	.dropdown-menu {
		border: 0px !important;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
	}

		.dropdown-menu[data-bs-popper] {
			margin-top: 0px !important;
		}

		.dropdown-menu.shadow {
			box-shadow: #fff 0px 0px inset !important;
		}

		.dropdown-menu > li > a {
			padding: 3px 12px !important;
		}
}

@media (max-width: 385px) {
	/*.content {
		padding-top: 180px;
	}*/
	.navbar-nav > li {
		padding-right: 3px !important;
		padding-left: 23px !important;
	}

		.navbar-nav > li > a {
			padding-left: 5px !important;
			padding-top: 2px !important;
			padding-bottom: 2px !important;
			height: 20px !important;
		}

	.navbar-nav .dropdown-submenu > a {
		padding-left: 15px !important;
	}

	.dropdown-menu {
		border: 0px !important;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
	}

		.dropdown-menu[data-bs-popper] {
			margin-top: 0px !important;
		}

		.dropdown-menu.shadow {
			box-shadow: #fff 0px 0px inset !important;
		}

		.dropdown-menu > li > a {
			padding: 3px 12px !important;
		}
}

@media (max-width: 470px) {
	/*.content {
		padding-top: 170px;
	}*/
	.navbar-nav > li {
		padding-right: 3px !important;
		padding-left: 23px !important;
	}

		.navbar-nav > li > a {
			padding-left: 5px !important;
			padding-top: 2px !important;
			padding-bottom: 2px !important;
			height: 20px !important;
		}

	.navbar-nav .dropdown-submenu > a {
		padding-left: 15px !important;
	}

	.dropdown-menu {
		border: 0px !important;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
	}

		.dropdown-menu[data-bs-popper] {
			margin-top: 0px !important;
		}

		.dropdown-menu.shadow {
			box-shadow: #fff 0px 0px inset !important;
		}

		.dropdown-menu > li > a {
			padding: 3px 12px !important;
		}
}

@media (max-width: 991px) {
	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}

		.navbar-nav > li {
			float: none;
			padding-right: 3px !important;
			padding-left: 23px !important;
		}

			.navbar-nav > li > a {
				padding-left: 5px !important;
				padding-top: 2px !important;
				padding-bottom: 2px !important;
				height: 20px !important;
			}

		.navbar-nav .dropdown-submenu > a {
			padding-left: 15px !important;
		}

	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.collapsing {
		overflow: hidden !important;
	}

	.dropdown-menu {
		border: 0px !important;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
	}

		.dropdown-menu[data-bs-popper] {
			margin-top: 0px !important;
		}

		.dropdown-menu.shadow {
			box-shadow: #fff 0px 0px inset !important;
		}

		.dropdown-menu > li > a {
			padding: 3px 12px !important;
		}
}

/********************************************************/
/*              Calendar Configuration                  */
/********************************************************/
.form-control::-moz-placeholder {
	text-transform: none;
}

.form-control:-ms-input-placeholder {
	text-transform: none;
}

.form-control::-webkit-input-placeholder {
	text-transform: none;
}

.input-group-addon {
	padding: 3px 6px;
	font-size: 12px;
	font-weight: normal;
	/*line-height: 1;
	color: #555;*/
	color: rgb(77,78,78);
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.input-file {
	position: relative;
	overflow: hidden;
}

	.input-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 100px;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
	}


/********************************************************/
/*          Navigation Bar Configuration                */
/********************************************************/

/* Bar Menu Box */
.navbar {
	min-height: 30px;
	margin-bottom: 5px;
}

.navbar-nav > li {
	padding-right: 3px;
	padding-left: 3px;
}

.navbar-expand-lg {
	border: 0px solid rgb(255,255,255);
	background-color: rgb(255,255,255);
	border-color: rgb(255,255,255);
	border-bottom-color: rgb(243,112,56);
	border-bottom-width: 0.2rem;
	border-radius: 0px;
	border-style: solid;
	text-transform: uppercase;
	/*min-height: 0px;*/
	padding: 0px;
}

/* Bar Menu Brand Text */
.navbar-brand {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	padding-left: 8px;
	height: 30px;
	font-size: 13px;
}

.navbar-expand-lg .navbar-brand {
	color: rgb(151,153,153);
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	padding-left: 8px;
	height: 30px;
	font-size: 13px;
	margin: 0px; /*!important;*/
}

	.navbar-expand-lg .navbar-brand:focus, .navbar-expand-lg .navbar-brand:hover {
		color: rgb(255,255,255);
		background-color: rgb(243,112,56);
	}

/* Bar Menu Text */
.navbar-nav > li > a {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	padding-left: 8px;
	height: 30px;
}

.navbar-expand-lg .navbar-text {
	color: rgb(151,153,153);
}

.main-menu-item.show {
	color: rgb(255,255,255) !important;
	background-color: rgb(243,112,56) !important;
}

.navbar-expand-lg .navbar-nav > li > a {
	color: rgb(151,153,153);
	font-size: 12px;
}

	.navbar-expand-lg .navbar-nav > li > a:hover {
		color: rgb(255,255,255);
		background-color: rgb(243,112,56);
	}

	.navbar-expand-lg .navbar-nav > li > a:focus {
		/*color: rgb(151,153,153);
			background-color: transparent;*/
		color: rgb(255,255,255);
		background-color: rgb(243,112,56);
	}

		.navbar-expand-lg .navbar-nav > li > a:focus:hover {
			color: rgb(255,255,255);
			background-color: rgb(243,112,56);
		}

.navbar-expand-lg .navbar-nav > .open > a, .navbar-expand-lg .navbar-nav > .open > a:focus {
	color: rgb(255,255,255);
	background-color: rgb(243,112,56);
	/*font-weight: bold;*/
}

/* Bar Menu Box Collapsed */
.navbar-expand-lg .navbar-collapse, .navbar-expand-lg .navbar-form {
	border-color: rgb(159,204,59);
}

@media (max-width:767px) {
	.navbar-expand-lg .navbar-nav .open .dropdown-menu > li > a {
		color: rgb(151,153,153);
	}

		.navbar-expand-lg .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-expand-lg .navbar-nav .open .dropdown-menu > li > a:hover {
			color: rgb(243,112,56);
			background-color: rgb(239,239,239);
		}
}

.navbar-expand-lg .navbar-toggle {
	border-color: rgb(255,255,255);
	/*	margin: 0px;
	margin-top: -5px;*/
}

	.navbar-expand-lg .navbar-toggle:focus, .navbar-expand-lg .navbar-toggle:hover {
		background-color: rgb(227,229,229);
	}

/* Bar Menu drop-down: Colors */
.dropdown-menu {
	font-size: 11px;
	min-width: 95%;
	border-radius: 0;
	padding-bottom: 5px;
	padding-top: 5px;
}

	.dropdown-menu > li > a {
		display: block;
		padding: 3px 6px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: rgb(151,153,153); /*!important;*/
		white-space: nowrap;
	}

		.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
			color: rgb(243,112,56);
			text-decoration: none;
			background-color: rgb(239,239,239);
			padding-top: 3px;
			padding-bottom: 3px;
			border-left: 2px solid rgb(243,112,56);
		}

		.dropdown-menu > li > a.show {
			color: rgb(151,153,153);
		}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #eee;
	border-color: rgb(243,112,56);
}

/********************************************************/
/*               SUBMENU REPORTS                        */
/********************************************************/
/*.dropdown-menu {
	min-width: fit-content !important;
}*/

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		/*margin-top: -6px;*/
		margin-left: 1px;
		/*-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;*/
		min-width: 0px !important;
		width: auto;
		text-decoration: none;
	}

	.dropdown-submenu:hover > .dropdown-menu {
		display: block;
		text-decoration: none;
	}

	.dropdown-submenu > a:after {
		/*display: none;*/
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-submenu > a:before {
		display: none;
		float: right;
		width: 0;
		height: 0;
		content: "";
		margin-top: 6px;
		margin-right: -8px;
		border-width: 4px 0 4px 4px;
		border-style: solid;
		border-left-style: dashed;
		border-top-color: transparent;
		border-bottom-color: transparent;
	}

	.dropdown-submenu:hover > a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

		.dropdown-submenu.pull-left > .dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}

/********************************************************/
/*                Buttons and Icons                     */
/********************************************************/

.ui-menu .ui-menu-item {
	padding: 0px;
}

.ui-menu .ui-icon {
	position: relative;
	margin: 3px 5px 0px 0px !important;
	top: 5px;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	background-color: rgb(239,239,239);
	color: #4d4e4e !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #495057 !important;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.dropdown-menu[data-bs-popper] {
	left: 3px;
	margin-top: 2px;
}

.dropend .dropdown-menu[data-bs-popper] {
	top: -6px;
	margin-left: 0px;
}

.fa-pulse {
	margin: 0px !important;
	padding: 0px !important;
}

.buttons-textarea {
	position: relative;
	text-align: right;
	margin-bottom: 3px;
}

	.buttons-textarea i {
		color: rgb(243, 112, 56);
		font-size: 15px;
		border-style: solid;
		padding: 2px;
		border-width: 2px;
		border-radius: 5px;
	}

.span-grid span {
	font-size: 14px;
	color: rgb(243, 112, 56);
	display: inline-block;
}

.span-text {
	float: left;
}

/*#carouselCompany .carousel-inner div, #carouselCompany .carousel-inner div img {
	min-height: 100px;
}*/



.link-style-hover:hover {
	border-bottom: 1px solid rgb(6,69,173);
	cursor: pointer;
}

.link-style {
	display: inline-block;
	margin: 0px 5px;
	color: rgb(243,112,56);
}

.status-link {
	display: inline-block;
	margin: 0px 5px;
	border-bottom: 1px solid rgb(243,112,56);
	color: rgb(243,112,56);
}

.radio-button {
	cursor: pointer;
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

	.btn-default.active {
		color: #333;
		background-color: #e6e6e6;
		border-color: #adadad;
	}

/********************************************************/
/*               Grid Configuration                     */
/********************************************************/

.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 4px;
}

.table > thead > tr > th {
	padding: 4px;
	background-color: rgb(77,78,78);
	color: rgb(255,255,255);
}

.table-hover > tbody > tr:hover {
	background-color: rgb(239,239,239);
	color: #4d4e4e;
}

.clickable {
	cursor: pointer;
}

.selected {
	background-color: rgb(159,204,59); /*!important;*/
	color: white;
}

	.selected a {
		color: white;
	}

	.selected:hover a {
		color: rgb(77,78,78);
	}

.selected-dark-text {
	color: rgb(77,78,78);
}

	.selected-dark-text a {
		color: rgb(77,78,78);
	}

/********************************************************/
/*             Font Awesome Icons                       */
/********************************************************/

.box-icon, [class^='box-icon-'], [class*=' box-icon-'] {
	z-index: 2;
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	background: rgb(159,204,59);
	color: rgb(255,255,255);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.box-icon-danger, [class^='box-icon-danger-'], [class*=' box-icon-danger-'] {
	z-index: 2;
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	background: rgb(243,112,56);
	color: rgb(255,255,255);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.box-icon-default, [class^='box-icon-default-'], [class*=' box-icon-default-'] {
	z-index: 2;
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	background: rgb(151,153,153);
	color: rgb(255,255,255);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.box-icon-md {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
}

.box-icon-huge {
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 56px;
}

.box-icon-large {
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 42px;
}

.box-icon-big {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 28px;
}

.box-icon-border, [class^='box-icon-border'], [class*=' box-icon-border'] {
	background: none;
	border: 1px solid rgb(159,204,59);
	color: rgb(159,204,59);
}

	.box-icon-border:focus,
	.box-icon-border.focus {
		color: rgb(255,255,255);
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

	.box-icon-border:hover {
		color: rgb(255,255,255);
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

.box-icon-border-disabled, [class^='box-icon-border-disabled'], [class*=' box-icon-border-disabled'] {
	background: none;
	border: 2px solid rgb(151,153,153);
	color: rgb(151,153,153);
}

	.box-icon-border-disabled:focus,
	.box-icon-border-disabled.focus {
		color: rgb(255,255,255);
		background-color: rgb(151,153,153);
		border-color: rgb(151,153,153);
	}

	.box-icon-border-disabled:hover {
		color: rgb(255,255,255);
		background-color: rgb(151,153,153);
		border-color: rgb(151,153,153);
	}

.box-icon-border-danger, [class^='box-icon-border-danger'], [class*=' box-icon-border-danger'] {
	background: none;
	border: 2px solid rgb(243,112,56);
	color: rgb(243,112,56);
}

	.box-icon-border-danger:focus,
	.box-icon-border-danger.focus {
		color: rgb(255,255,255);
		background-color: rgb(243,112,56);
		border-color: rgb(243,112,56);
	}

	.box-icon-border-danger:hover {
		color: rgb(255,255,255);
		background-color: rgb(243,112,56);
		border-color: rgb(243,112,56);
	}

.box-icon-border-fill, [class^='box-icon-border-fill'], [class*=' box-icon-border-fill'] {
	background: none;
	background-color: rgb(159,204,59);
	border: 1px solid rgb(159,204,59);
	color: rgb(255,255,255);
}

	.box-icon-border-fill:focus,
	.box-icon-border-fill.focus {
		color: rgb(255,255,255);
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

	.box-icon-border-fill:hover {
		color: rgb(255,255,255);
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

.box-icon-border-disabled-fill, [class^='box-icon-border-disabled-fill'], [class*=' box-icon-border-disabled-fill'] {
	background: none;
	background-color: rgb(151,153,153);
	border: 2px solid rgb(151,153,153);
	color: rgb(255,255,255);
}

	.box-icon-border-disabled-fill:focus,
	.box-icon-border-disabled-fill.focus {
		color: rgb(255,255,255);
		background-color: rgb(151,153,153);
		border-color: rgb(151,153,153);
	}

	.box-icon-border-disabled-fill:hover {
		color: rgb(255,255,255);
		background-color: rgb(151,153,153);
		border-color: rgb(151,153,153);
	}

.box-icon-inline {
	display: inline-block;
}

.box-icon-left {
	float: left;
	margin-right: 15px;
}

.box-icon-right {
	float: right;
	margin-left: 15px;
}

.box-icon-center {
	margin: 0 auto;
}

.round {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/********************************************************/
/*                       MODAL                          */
/********************************************************/

/*
.modal{
	position: fixed !important;
	padding: 0px !important;
	overflow: hidden !important;
}

.modal-content{
	height: auto;
	box-shadow: unset;
}

.modal-header{
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 9999;
}

.modal-footer{
	position: absolute; 
	height: 50px; 
	bottom: 0px; 
	width: 100%;
	z-index: 9999;
}

.modal-footer .btn{
	position: relative;
	top: -5px;
}

.modal-body{
	max-height: 95vh;
	overflow: hidden;
	padding: 50px 0px;
}

.modal-body .row{
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
	margin-left: 0px;
	padding: 10px;
}

.closemodal{
	position: absolute;
	top: 18px;
	right: 20px;
	cursor: pointer;
}

.modal-header .fa-refresh{
	border: medium none; 
	position: absolute; 
	margin: 0px; 
	padding: 0px; 
	color: black !important; 
	top: 17px; 
	right: 40px; 
	font-size: 15px;
	opacity: 0.3;
}

.modal-header .fa-refresh:hover{
	opacity: 0.6 !important;
	cursor:pointer;
}

body.modal-open {
	overflow: hidden;
	height: 100% !important;
}
*/

.modal {
	position: fixed !important;
	padding: 0px !important;
	overflow: hidden !important;
	margin: 3vh auto !important;
	max-height: 94vh !important;
	z-index: 9999999;
	max-width: 100% !important;
}

.modal2 {
	position: fixed !important;
	overflow: hidden !important;
	padding: 3vh !important;
	margin: 0px !important;
	max-height: 100vh !important;
	z-index: 9999999;
	max-width: 100vw !important;
}

.modal-content {
	height: auto;
	box-shadow: unset;
	/*width: 600px;
	margin: auto;*/
}

.modal-header {
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
}

.modal-title {
	margin: 0px;
	line-height: 1.42857143;
}

.modal-body {
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 94vh;
}

	.modal-body .row {
		max-height: calc(100vh - 145px);
		max-width: 100%;
		overflow: auto;
		margin-left: 0px;
		padding: 10px;
	}

.modal-footer {
	padding-top: 5px;
	padding-bottom: 5px;
}

	/*	.modal-footer .btn {
		position: relative;
		top: -5px;
	}*/
	.modal-footer .btn {
		margin-top: 0px;
		margin-bottom: 0px;
	}

.closemodal {
	position: absolute;
	top: 18px;
	right: 20px;
	cursor: pointer;
}

.modal-header .reload {
	position: absolute;
	top: 1.5em;
	right: 2em;
}

.modal-header .fa-refresh {
	border: medium none;
	margin: 0px;
	padding: 0px;
	color: black !important;
	font-size: 15px;
	opacity: 0.3;
	position: absolute;
	right: 1.5em;
	top: -3px;
}

	.modal-header .fa-refresh:hover {
		opacity: 0.6 !important;
		cursor: pointer;
	}

body.modal-open {
	overflow: hidden;
	height: 100% !important;
}

.dropdown-menu.open {
	position: absolute;
	z-index: 99999;
}

.modal .paginationControl .pagination {
	margin: 5px 0px 0px 0px;
}

/********************************************************/
/*                 MODAL HISTORICAL                     */
/********************************************************/

#historical-modal .row > div {
	margin: 0px;
}

#historical-modal #mCSB_1_scrollbar_horizontal {
	position: absolute !important;
	bottom: 5px !important;
}

/********************************************************/
/*                 MODAL COMPARE                        */
/********************************************************/

.modalCompare i, .mergeCompare {
	color: black;
	position: absolute;
	right: 10px;
	z-index: 9999;
}

	.modalCompare i:hover, .mergeCompare:hover {
		cursor: pointer;
		color: green;
	}

#compareGrid1 div, #compareGrid2 div {
	padding: 0px !important;
	border-style: none;
	border-radius: 0px !important;
}

.modalCompare {
	z-index: 2000;
	background-color: rgba(122,122,122,0.3)
}

	.modalCompare .compare .equal, #compareMatchMerge .equal {
		background-color: rgb(159,204,59) !important;
		border-radius: 10px;
		padding: 2px 10px;
		margin-right: 10px;
	}

	.modalCompare #mCSB_1_scrollbar_vertical {
		margin-bottom: 55px;
		margin-top: 55px;
		right: 49.3% !important;
	}

	.modalCompare .compare {
		padding: 10px 1%;
	}

	.modalCompare .modal-buttons div {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	.modalCompare .modal-buttons {
		margin: 0px 15px;
	}

.compareGrid div p {
	height: 20px;
}

.compareGrid div label {
	margin-bottom: 15px;
}

/********************************************************/
/*             Extra large modal                        */
/********************************************************/

@media (min-width: 768px) {
	.modal-xl {
		width: 95%;
		max-width: 1600px;
	}
}

/********************************************************/
/*                    DATATABLE                         */
/********************************************************/

.DTTT_container {
	display: none !important;
}

.datatable {
	border: 1px solid rgba(122, 122, 122, 0.3) !important;
	border-width: 1px !important;
	border-color: rgba(122,122,122,0.3) !important;
	border-radius: 0px 0px 10px 10px !important;
	width: 99.8% !important;
}

.tableGrid p {
	margin: 0px 15px 0px 0px;
}

table.dataTable thead {
	background-color: rgba(0,0,0,0.6);
	color: white;
}

	table.dataTable thead tr th {
		white-space: nowrap;
	}

table.dataTable tbody tr.odd {
	background-color: rgba(122,122,122,0.1);
}

table.dataTable tbody tr.even {
	background-color: rgba(222,222,222,0.1);
}

.dataTable tbody tr {
	cursor: pointer !important;
}

table.dataTable tbody td {
	padding: 4px 10px !important;
	border-style: hidden;
}

table.dataTable thead th {
	padding: 5px 10px !important;
}

.sorting_asc::after, .sorting::after, .sorting_desc::after {
	top: 6px !important;
}

.dataTables_paginate {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.dataTables_info {
	display: none;
}

.tableGrid {
	min-height: 65.5px !important;
	width: 100% !important;
	overflow-x: auto;
}

.pagination {
	padding: 20px 0 !important;
	margin: 0px !important;
	display: flex !important;
	justify-content: center !important;
}

	.pagination > li {
		padding: 0px !important;
		margin: 0px !important;
	}

#paginationControl {
	padding: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	max-width: 100% !important;
}

.dataTables_empty {
	display: table-cell !important;
}

#top {
	margin: 0 8px 4px 4px;
	padding: 4px;
	height: 180px;
	border: thin solid #808080;
	border-radius: 0 0 6px 6px;
	overflow: auto;
}

.dr-item p {
	padding-top: 5px !important;
}

.dr-select {
	background-color: rgb(129, 202, 30);
	box-shadow: initial;
}

.option-col-4 thead tr th:nth-child(4), .option-col-4 tbody tr td:nth-child(4) {
	width: 120px !important;
}

.option-col-5 thead tr th:nth-child(5), .option-col-5 tbody tr td:nth-child(5) {
	width: 120px !important;
}

.hidde-3 thead tr th:nth-child(3), .hidde-3 tbody tr td:nth-child(3) {
	width: 120px !important;
}

.hidde-3 thead tr th:nth-child(1), .hidde-1 tbody tr td:nth-child(1) {
	width: 150px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(122,122,122,0.1);
}

.table-striped > tbody > tr {
	background-color: rgba(222, 222, 222, 0.1);
}

.col-xs-center-fixed {
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/********************************************************/
/*                  Required Field                      */
/********************************************************/


.required {
	border-color: #dc3545 !important;
}

.error {
	color: #dc3545 !important;
}

.required:focus, .required:hover {
	border-color: #dc3545 !important;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(129, 0, 0), 0 0 4px rgb(129, 0, 0) !important;
	box-shadow: 0px 1px 1px #dc3545 inset, 0px 0px 4px #dc3545 !important;
}

/********************************************************/
/*                  Hidde Columns                       */
/********************************************************/

.hidde-column > thead > tr th:first-child, .hidde-column > tbody > tr td:first-child {
	display: none !important;
}

.hidde-col-2 thead tr th:nth-child(2), .hidde-col-2 tbody tr td:nth-child(2) {
	display: none !important;
}

.hidde-col-3 thead tr th:nth-child(3), .hidde-col-3 tbody tr td:nth-child(3) {
	display: none !important;
}

.hidde-col-4 thead tr th:nth-child(4), .hidde-col-4 tbody tr td:nth-child(4) {
	display: none !important;
}

.hidde-col-5 thead tr th:nth-child(5), .hidde-col-5 tbody tr td:nth-child(5) {
	display: none !important;
}

.hidde-col-6 thead tr th:nth-child(6), .hidde-col-6 tbody tr td:nth-child(6) {
	display: none !important;
}

.hidde-col-7 thead tr th:nth-child(7), .hidde-col-7 tbody tr td:nth-child(7) {
	display: none !important;
}

.hidde-col-8 thead tr th:nth-child(8), .hidde-col-8 tbody tr td:nth-child(8) {
	display: none !important;
}

.hidde-col-9 thead tr th:nth-child(9), .hidde-col-9 tbody tr td:nth-child(9) {
	display: none !important;
}

.hidde-col-10 thead tr th:nth-child(10), .hidde-col-10 tbody tr td:nth-child(10) {
	display: none !important;
}

/********************************************************/
/*                  Col Width Fix                       */
/********************************************************/

.optionWidth {
	overflow: hidden;
	text-overflow: ellipsis;
}

/********************************************************/
/*                     CHECK BOX                        */
/********************************************************/

.form-group input[type="checkbox"] {
	display: none;
}

	.form-group input[type="checkbox"] + .btn-group > label span {
		width: 25px;
		top: 2px;
	}

		.form-group input[type="checkbox"] + .btn-group > label span:first-child {
			display: none;
		}

		.form-group input[type="checkbox"] + .btn-group > label span:last-child {
			display: inline-block;
			color: black;
		}

	.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
		display: inline-block;
		color: black;
	}

	.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
		display: none;
	}

.disabled, .color-dis button, .disabled-list {
	background-color: #eee !important;
	opacity: 1 !important;
}

	.disabled-list div {
		pointer-events: none;
		cursor: default;
	}

.checkboxDefault {
	position: relative;
	margin-top: -5px;
	margin-bottom: 0px !important;
}

	.checkboxDefault .btn-group label:nth-child(1) {
		width: 20%;
	}

	.checkboxDefault .btn-group label:nth-child(2) {
		width: 80%;
	}

	.checkboxDefault .checkbox {
		border: solid;
		border-width: 1px;
		height: 25px;
		border-radius: 5px 0px 0px 5px;
		border-color: #ccc;
		padding: 5px 0px;
	}

	.checkboxDefault .label {
		height: 25px;
		border-radius: 0px 5px 5px 0px;
		top: 5px;
		padding: 7px 15px 10px;
		color: rgb(85, 85, 85);
		border: 1px solid rgb(204, 204, 204);
	}

/*CheckBox 2*/

.material-switch-label {
	height: 26px !important;
	margin: 0px;
	padding: 5px;
	margin-top: 5px;
}

.material-switch {
	right: 62px;
	position: absolute;
	top: 37px;
	display: inherit;
}

	.material-switch > input[type="checkbox"] {
		display: none;
	}

	.material-switch > label {
		cursor: pointer;
		position: relative;
		display: inline;
	}

		.material-switch > label.label-success {
			background-color: #5cb85c !important;
		}

		.material-switch > label::before {
			background: rgb(0, 0, 0);
			box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
			border-radius: 8px;
			content: '';
			height: 14px;
			margin-top: -8px;
			position: absolute;
			opacity: 0.3;
			transition: all 0.4s ease-in-out;
			width: 40px;
		}

		.material-switch > label::after {
			background: rgb(255, 255, 255);
			border-radius: 14px;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
			content: '';
			height: 20px;
			left: -2px;
			margin-top: -8px;
			position: absolute;
			top: -4px;
			transition: all 0.3s ease-in-out;
			width: 20px;
		}

	.material-switch > input[type="checkbox"]:checked + label::before {
		background: inherit;
		opacity: 0.5;
	}

	.material-switch > input[type="checkbox"]:checked + label::after {
		background: inherit;
		left: 24px;
	}

	.material-switch > label.disabled {
		pointer-events: none;
	}

		.material-switch > label.disabled::after {
			background-color: rgb(181,183,183);
		}

/********************************************************/
/*                      MINIMIZE                        */
/********************************************************/

.minimize {
	position: relative;
	padding: 17px 15px;
	/*overflow:hidden;*/
	box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
}

	.minimize.draggable {
		background-color: rgba(122,122,122,1);
		height: auto;
		position: fixed;
		z-index: 99999;
		bottom: 0px;
		right: 0px;
	}

	.minimize > p {
		color: #f2f2f2;
		margin: -17px -15px 10px -15px;
		padding: 8px;
		padding-right: 25px !important;
		font-weight: normal;
		background-color: rgb(77,78,78);
		line-height: 1.8;
		border-radius: 10px 10px 0px 0px;
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently*/
	}

	.minimize .fa {
		float: right;
		padding: 4px;
		margin-right: 5px;
		cursor: pointer;
	}

	.minimize.min {
		height: 38px;
		overflow: hidden;
	}

	.minimize ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.minimize .fa-window-restore {
		margin-top: 4px;
	}

.containerMinimize {
	position: absolute;
	right: 0px;
	top: 5px;
}

.minimize .subregion {
	max-height: 107px;
	overflow-y: auto;
}

.subregion input {
	margin-bottom: 2px;
}

.minimize .fa-2x {
	padding-top: 0px;
}

.minimize .fas-2x {
	padding-top: 0px;
}

/********************************************************/
/*             PossibleMatchDetailComparison            */
/********************************************************/

#PossibleMatchDetailComparison tbody tr:first-child {
	background-color: rgb(158, 204, 60);
}

	#PossibleMatchDetailComparison tbody tr:first-child td button {
		display: none;
	}

#PossibleMatchDetailComparison.dataTable th::after {
	display: none;
}

#PossibleMatchDetailComparison.dataTable th {
	pointer-events: none;
	cursor: default;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Chrome and Opera */
}

/********************************************************/
/*                    Spell Check                       */
/********************************************************/

.spellcheck-active {
	border-color: rgb(77,78,78) !important;
}

	.spellcheck-active .spellcheck-img {
		background: url("../Images/spellcheck/spellcheck.png") !important;
		background-size: auto auto !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}

.spellcheck-div {
	padding: 2px;
	border-color: rgb(243,112,56);
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	float: right;
	right: 35px;
	top: 11px;
	position: absolute;
}

.spellcheck-img {
	background: url("../Images/spellcheck/spellcheck1.png");
	background-repeat: repeat;
	background-size: auto auto;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

/********************************************************/
/*                 Comments Modal                       */
/********************************************************/

#textDialog .modal-content {
	height: auto !important;
}

#textDialog .modal-body .row {
	position: relative;
	top: 0 !important;
}

.ui-resizable {
	height: 300px;
}

#img-arrow {
	position: absolute;
	height: 23px;
	width: 20px;
	top: -12px;
	left: 0px;
}

	#img-arrow:hover {
		cursor: pointer;
	}

	#img-arrow #top {
		background: url("../Images/arrow/arrow-expand1.png") !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		border: none !important;
	}

	#img-arrow #bottom {
		background: url("../Images/arrow/arrow-expand2.png") !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
	}

	#img-arrow #top:hover {
		background: url("../Images/arrow/arrow-expandtop.png") !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
	}

	#img-arrow #bottom:hover {
		background: url("../Images/arrow/arrow-expandbottom.png") !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
	}

	#img-arrow div {
		height: 10px;
		width: 20px;
		margin-bottom: 3px;
	}

/********************************************************/
/*          Navigation Bar Configuration                */
/********************************************************/

/* Languages */
.displayinlineBlock {
	display: inline-block;
}

.inlineblock {
	display: inline-block !important;
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
}

.navbar > .container-fluid {
	padding-bottom: 0px;
}

/********************************************************/
/*               Carousel Configuration                 */
/********************************************************/

.carousel-item img {
	width: 100%;
}

.carousel-caption {
	bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.carousel-indicators {
	margin-bottom: 0px;
}

/********************************************************/
/*                 General Style                        */
/********************************************************/

#view-close {
	position: relative;
	float: right;
}

.allwidth {
	width: 99.8% !important;
}

.no-padding {
	padding: 0px !important;
}

.no-margin {
	margin: 0px !important;
}

.no-marginBottom {
	margin-bottom: 0px !important;
}

.space .row {
	margin-bottom: 10px;
}

.not-active {
	pointer-events: none;
	cursor: default;
}

.not-active-select {
	color: rgb(182,182,182) !important;
	border-color: rgb(182,182,182) !important;
	background-color: #eee !important;
	pointer-events: none;
	cursor: default;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hidde {
	display: none !important;
}

.no-uppercase {
	text-transform: none !important;
}

.displayNone {
	display: none;
}

.no-opacity {
	opacity: 0 !important;
}

.no-border-left {
	border-radius: 0px 5px 5px 0px !important;
}

.no-border-right {
	border-radius: 5px 0px 0px 5px !important;
}

.button-fix-right {
	width: 150px;
	float: right;
}

.disabled-icon {
	color: #888;
}

.text-notransformation {
	text-transform: none !important;
}

.animated-title {
	animation-duration: 2s;
	display: inline-block;
}

#filters > div label, #Alert > div label {
	height: 16px;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#filters > div input, #filters > div .bootstrap-select {
	height: 25px;
}

.row-padding {
	margin: 15px 0px !important;
}

.icon-header {
	padding-right: 5px;
	cursor: pointer;
}

.label-right {
	text-align: right;
	width: 100%;
}

.create-icon {
	cursor: pointer;
}

/********************************************************/
/*                 Specific Elements                    */
/********************************************************/

#HasPreviousSar {
	display: block;
	width: 100% !important;
	height: 25px !important;
	padding: 3px 5px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #eee;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin: -2px !important;
}

.clickMouse {
	position: absolute;
	z-index: 1000;
	bottom: 10px;
	right: 6px;
	height: 50Px;
	width: 35px;
	background: rgba( 255, 255, 255, .0 ) url('../Images/graph/scroll.png') 100% 100% no-repeat;
	background-size: auto auto;
	background-size: 35px 50px;
	animation-duration: 8s !important;
}

.option1, .option2 {
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/********************************************************/
/*                     Risk Level                       */
/********************************************************/

.riskLevel1 {
	border-style: solid;
	border-radius: 5px;
	border-color: rgb(159,204,59);
}

.riskLevel2 {
	border-style: solid;
	border-radius: 5px;
	border-color: rgb(204,153,0);
}

.riskLevel3 {
	border-style: solid;
	border-radius: 5px;
	border-color: rgb(243,112,56);
}

.riskLevel4 {
	border-style: solid;
	border-radius: 5px;
	border-color: rgb(255,0,0);
}

.riskLevel5 {
	border-style: solid;
	border-radius: 5px;
	border-color: rgb(59,59,59);
}

#riskLevel .fa-exclamation-triangle:hover {
	color: inherit !important;
}

#riskLevelModalLabel .hov:hover {
	cursor: pointer;
	background-color: rgba(129,129,129,0.2) !important;
}

#riskLevelModalLabel span {
	margin-left: 5px;
}

#proposalDiv {
	text-align: center;
	margin-bottom: 20px;
	font-size: 15px;
}

#riskLevelBars .bars {
	height: 17px;
	margin-bottom: 4px;
}

/********************************************************/
/*           Dynamic Report : Generate                  */
/********************************************************/

#fields {
	margin: 0 8px 4px 4px;
	padding: 4px;
	height: 436px;
	border: thin solid #808080;
	border-radius: 0 0 6px 6px;
	overflow: auto;
}

#select {
	margin: 0 4px 4px 8px;
	padding: 4px;
	height: 200px;
	border: thin solid #808080;
	border-radius: 0 0 6px 6px;
	overflow: auto;
	min-height: 160px !important;
}

#where {
	margin: 0 4px 4px 8px;
	padding: 4px;
	height: 200px;
	border: thin solid #808080;
	border-radius: 0 0 6px 6px;
	overflow: auto;
}

#having {
	margin: 0 4px 4px 8px;
	padding: 4px;
	height: 200px;
	border: thin solid #808080;
	border-radius: 0 0 6px 6px;
	overflow: auto;
}

#order-by {
	margin: 0 8px 4px 4px;
	padding: 4px;
	height: 180px;
	border: thin solid #808080;
	border-radius: 0 0 6px 6px;
	overflow: auto;
}

#query {
	margin: 0 4px 4px 8px;
	padding: 4px;
	height: 180px;
	border: thin solid #808080;
	border-radius: 0 0 6px 6px;
	overflow: auto;
}

.dr-section-header {
	margin: 4px 8px 0 8px;
	padding: 4px 10px;
	color: #ffffff;
	border: thin solid #808080;
	border-radius: 6px 6px 0px 0px;
	background-color: rgb(77,78,78);
}

.dr-section-header-left {
	margin: 4px 4px 0 8px;
	padding: 4px 10px;
	color: #ffffff;
	border: thin solid #808080;
	border-radius: 6px 6px 0px 0px;
	background-color: rgb(77,78,78);
}

.dr-section-header-right {
	margin: 4px 8px 0 4px;
	padding: 4px 10px;
	color: #ffffff;
	border: thin solid #808080;
	border-radius: 6px 6px 0px 0px;
	background-color: rgb(77,78,78);
}

.dr-item {
	margin: 0 4px;
	padding: 2px 4px;
	min-height: 26px;
	background-color: white;
	color: black;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 10px 0px rgba(222, 222, 222, 1.0);
	cursor: pointer;
}

	.dr-item:hover {
		border-top: 1px solid rgb(129, 202, 30);
		border-right: 4px solid rgb(129, 202, 30);
		border-bottom: 1px solid rgb(129, 202, 30);
		border-left: 4px solid rgb(129, 202, 30);
	}

.dr-item-checkbox {
	width: 14px;
	height: 14px;
	margin: auto;
	margin-right: 0.2em;
}

.dr-checkbox {
	float: right;
	margin: 2px;
	margin-left: auto;
	padding: 4px 2px;
	height: 14px;
	width: 14px;
}

.dr-item-checkbox:hover {
	border-color: rgb(159,204,59) !important;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(129, 202, 30), 0 2px 2px rgb(129, 202, 30) !important;
	box-shadow: 1px 1px 1px rgb(129, 202, 30) inset, 0 1px 1px rgb(129, 202, 30) !important;
}

.dr-query {
	width: 100%;
	min-height: 150px !important;
	margin: 8px 0;
	padding: 10px;
	border: thin solid gray;
}

span.dr-span {
	float: right;
	display: inline-block;
	margin: 0 2px;
	padding: 4px;
	cursor: pointer;
}

	span.dr-span:hover {
		color: rgb(159,204,59) !important;
	}

button.dr-button {
	float: right;
	display: inline-block;
	margin: 0 4px;
	padding: 4px;
	color: white;
	background-color: transparent;
	box-shadow: none;
	border: none;
	border-radius: 0;
}

	button.dr-button:hover {
		border-color: rgb(159,204,59) !important;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgb(129, 202, 30), 0 2px 2px rgb(129, 202, 30) !important;
		box-shadow: 1px 1px 1px rgb(129, 202, 30) inset, 0 1px 1px rgb(129, 202, 30) !important;
	}


/********************************************************/
/*              Dynamic Report : Others                 */
/********************************************************/

#fieldsContainer {
	border: thin solid #808080;
	border-radius: 0px 0px 5px 5px;
}

#fieldsTitle {
	border: thin solid #808080;
	border-radius: 5px 5px 0px 0px;
}

#fieldsHeader {
	border-left: thin solid #808080;
}

#selectContainer {
	margin: 0;
	padding: 4px 10px 4px 4px;
	height: 360px;
	list-style-type: none;
	position: initial;
}

#selectHeader, #fieldsHeader {
	padding: 4px 10px 4px 4px;
}

#selectContainer, #selectHeader {
	border-right: thin solid #808080;
}


	#selectHeader.selected, #fieldsHeader.selected {
		background-color: rgb(129, 202, 30);
	}

#whereContainer {
	margin: 0;
	padding: 4px;
	height: 240px;
	border: thin solid #808080;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	border-radius: 5px;
}

#Order {
	margin: 0;
	padding: 4px;
	height: 240px;
	border: thin solid #808080;
	overflow-y: auto;
	overflow-x: hidden;
	/*list-style-type: none;*/
	border-radius: 0px 0px 0px 5px;
}


/****************************
	Process Status
*****************************/

#scan-fields {
	border: solid;
	padding: 0px;
	border: 1px solid transparent;
	box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
}

	#scan-fields > div {
		margin-bottom: 5px;
	}

	#scan-fields .form-control {
		background-color: rgba(122,122,122,0.2);
	}

	#scan-fields .data {
		color: #f2f2f2;
		margin: -2px -2px 12px -2px;
		padding: 8px;
		font-weight: normal;
		background-color: rgb(77,78,78);
		line-height: 1.8;
		border-radius: 10px 10px 0px 0px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

/****************************
	Profile Relation
*****************************/

#profile-relation-graph div:nth-child(3) {
	z-index: 9999999 !important;
}

#profile-relation-graph canvas {
	cursor: grab;
}

	#profile-relation-graph canvas:active {
		cursor: grabbing;
	}


/****************************
	Multiple Selection
*****************************/

.optionLine {
	width: 20%;
	display: inline-block;
	text-align: center;
	background-color: rgb(255,255,255);
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border: 1px solid #ccc;
	cursor: pointer;
}

.option2Line {
	display: inline-block;
	text-align: center;
	background-color: rgb(255,255,255);
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border: 1px solid #ccc;
	cursor: pointer;
}

.BaseOnLine div:first-child {
	border-style: solid none solid solid !important;
	border-radius: 5px 0px 0px 5px !important;
}

.BaseOnLine div:nth-child(2), .BaseOnLine div:nth-child(3), .BaseOnLine div:nth-child(4) {
	border-style: solid none solid solid;
}

.BaseOnLine div:last-child {
	border-radius: 0px 5px 5px 0px !important;
	border-style: solid !important;
}

/********************************************************/
/*                     Media Query                      */
/********************************************************/

@media (max-width: 350px) {
	html {
		min-width: 240px;
	}

	#view-close {
		position: relative;
		height: 25px;
	}

	.text-primary.animated-title {
		text-align: center;
		width: 100%;
		height: 15px;
	}

	.navbar-fixed-top {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
}

@media (max-height: 600px) {
	.modal-content {
		min-height: 140px;
	}

	.modal-body .row.space {
		height: 100%;
	}
}

@media (max-width: 500px) {
	.thumbnail div h4, .thumbnail div p {
		text-align: center;
	}

	.col-width-navbar {
		width: 100% !important;
	}

	#view-close {
		text-align: center;
	}

	#close {
		float: none;
	}
}


/*@media (max-width: 992px) {
	.navbar-collapse {
		padding: 0px 15px;
		position: absolute;
		background-color: white;
		width: 100%;
		border-style: none none solid;
		margin-top: 5px;
		border-color: rgb(243, 112, 56) !important;
	}

		.navbar-collapse .navbar-nav {
			padding: 0px 15px;
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}

	#navigationBarItems ul:nth-child(1) {
		margin-bottom: 0px;
	}

	#navigationBarItems ul:nth-child(2) {
		margin-top: 0px;
	}

	#configuration-navbar {
		display: inline-block;
	}

	.configuration-icon {
		margin-right: 3px;
	}

	.navbar-header {
		float: none;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}

		.navbar-nav > li {
			float: none;
		}

			.navbar-nav > li > a {
				padding-top: 10px;
				padding-bottom: 10px;
			}

	.navbar-text {
		float: none;
		margin: 15px 0;
	}*/
/* since 3.1.0 */
/*.navbar-collapse.collapse.in {
		display: block !important;
	}

	.collapsing {
		overflow: hidden !important;
	}
}*/

/***************        Merge                   *****************/

.label-merge {
	height: 19px;
	width: 100%;
	font-weight: bold;
}

.merge-text {
	height: 19px;
	width: 100%;
	text-align: right;
}

/***************        CheckBox         *****************/

.checkbox label:after,
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	background-color: white;
}

.radio .cr {
	border-radius: 50%;
}

	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
		position: absolute;
		font-size: .8em;
		line-height: 0;
		top: 50%;
		left: 10%;
	}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

	.checkbox label input[type="checkbox"] + .cr > .cr-icon,
	.radio label input[type="radio"] + .cr > .cr-icon {
		opacity: 0;
	}

	.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
	.radio label input[type="radio"]:checked + .cr > .cr-icon {
		opacity: 1;
	}

	.checkbox label input[type="checkbox"]:disabled + .cr,
	.radio label input[type="radio"]:disabled + .cr {
		opacity: .5;
	}

input[type="checkbox"] {
	vertical-align: text-bottom;
}

	input[type="checkbox"]:focus {
		border-color: rgba(159, 204, 59, 0.8);
		box-shadow: 0 0 0 0.15rem rgba(159, 204, 59, 0.25) !important;
		outline: 0 none;
	}


/***************        Boostrap General        *****************/

/* Extra small devices */
@media (max-width:768px) {
	.no-padding-xs {
		padding: 0px !important;
	}

/*	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: rgb(151,153,153);
	}

		.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
			color: rgb(243,112,56);
			background-color: rgb(239,239,239);
		}
*/
	.row-bottom-res > div {
		margin-bottom: 10px;
	}

	.row-bottom-res {
		margin-bottom: 0px !important;
	}

	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}

	.button-heigth-res {
		height: 50px;
	}

	.no-height-res {
		min-height: 0px !important;
		height: 0px !important;
		margin: 0px !important;
	}

	.height-min {
		height: 15px !important;
	}

	.min-height-5 {
		min-height: 0px !important;
		height: 5px !important;
	}

	.min-height-15 {
		min-height: 0px !important;
		height: 15px !important;
	}

	#AccountNumber {
		margin-bottom: 15px !important;
	}

	.material-switch {
		top: 65px;
	}

	#historical-modal .row > div > div {
		margin-bottom: 5px !important;
	}
}

/* Small devices */
@media (min-width: 768px) and (max-width: 992px) {
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1200px) {
}

/* Large devices */
@media (min-width: 1200px) {
}


/***********************************************/

.bootstrap-datetimepicker-widget {
	z-index: 999999;
}

.mCustomScrollBox {
	height: auto !important;
}

.background-green {
	background-color: #5cb85c;
	color: white;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
	left: 0px !important;
	right: 0px !important;
	padding: 0px 10px;
}

#selectContainer #mCSB_1, #selectContainer #mCSB_1_container {
	overflow: visible;
}

#sortAlphaDes:hover, #sortAlphaAsc:hover {
	color: rgb(243, 112, 56) !important;
}

.search-icon, .delete-icon, .approve-icon, .download-class, .download-icon, .indicatordownload-icon {
	cursor: pointer;
}

.dashboard-back {
	/*height: 100%;*/
	border-radius: 5px;
	padding: 10px 0px !important;
}

.clock-icon {
	position: absolute;
	top: 5px;
	right: 30px;
	font-size: 20px;
	z-index: 99;
	cursor: pointer;
}

.left-icon {
	position: absolute;
	font-size: 30px;
	z-index: 99;
	margin-top: 148px;
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}

.right-icon {
	position: absolute;
	font-size: 30px;
	z-index: 99;
	margin-top: 148px;
	vertical-align: middle;
	margin-left: 5px;
	right: 20px;
	top: 0px;
	cursor: pointer;
}

.graph1 {
	content: "";
	border-radius: 5px;
	background: url("../Images/demo/graph1.png") !important;
	background-size: auto auto !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.graph2 {
	content: "";
	border-radius: 5px;
	background: url("../Images/Demo/graph2.png") !important;
	background-size: auto auto !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.active-clock {
	color: red;
}

#dynamic-report-table thead tr th:nth-child(8), #dynamic-report-table tbody tr td:nth-child(8) {
	display: none !important;
}

.hidde-col-1 thead tr th:nth-child(1), .hidde-col-1 tbody tr td:nth-child(1) {
	display: none;
}

.hidde-col-4 thead tr th:nth-child(4), .hidde-col-4 tbody tr td:nth-child(4) {
	display: none;
}

.hidde-col-5 thead tr th:nth-child(5), .hidde-col-5 tbody tr td:nth-child(5) {
	display: none;
}

.hidde-col-6 thead tr th:nth-child(6), .hidde-col-6 tbody tr td:nth-child(6) {
	display: none;
}

.hidde-col-8 thead tr th:nth-child(8), .hidde-col-8 tbody tr td:nth-child(8) {
	display: none;
}

#GraphLevel {
	top: 25px;
	position: relative;
	display: inline-block;
}

	#GraphLevel label {
		float: left;
		padding-right: 10px;
		top: 5px;
		position: relative;
	}

	#GraphLevel > div {
		float: right;
		width: 100px !important;
	}

.middle {
	vertical-align: middle !important;
	text-align: center !important;
}

.datatable tbody tr:hover {
	background-color: rgb(159,204,59) !important;
}


table.dataTable tbody tr.selected {
	background-color: rgb(159,204,59) !important;
}

.strong-right div strong {
	position: absolute;
	right: 0px;
}

#NetworkConformation li {
	padding: 5px;
}

	#NetworkConformation li:hover, #NetworkConformation .selected {
		background-color: rgba(122,122,122,0.2);
		cursor: pointer;
		color: rgb(243, 112, 56);
	}

.btn-primary[disabled]:hover {
	color: rgb(243,112,56) !important;
	background-color: rgb(255,255,255) !important;
	border-color: rgb(243,112,56) !important;
}

.icon {
	cursor: pointer;
}

.icon-select {
	color: rgb(159,204,59);
}

.table-border {
	border-style: none solid solid none;
	border-width: 1px;
}

.table-border-end {
	border-style: none none solid none;
	border-width: 1px;
}

.table-value {
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.pagination > li > a, .pagination > li > span {
	height: 30px !important;
}

.checkItem {
	color: rgb(243, 112, 56);
	text-align: center;
	position: relative;
	top: 1px;
	font-size: 15px;
	display: block;
}

.alignCenter {
	text-align: center;
}

.textarea {
	text-transform: unset !important;
}

#autoresizing {
	display: block;
	overflow: hidden;
	resize: none;
}

#AlertIndicatorList tbody tr td:nth-child(5) {
	width: 45px;
}

.autoresizing {
	border-style: none;
	border-radius: 5px;
}

/*.dropdown-menu > li > a {
	display: block;
	padding: 3px 6px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
*/


/*.ui-menu .ui-menu-item {
	padding: 0px;
}*/

/*.ui-menu .ui-icon {
	position: relative;
	margin: 0px 5px 0px 0px !important;
	top: 5px;
}
*/
.text-notransformation {
	text-transform: none !important;
}

.img-thumbnail > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.fade.in {
	opacity: 1;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.hidden, .hide {
	display: none !important;
}

.select-row {
	background-color: rgb(159,204,59) !important;
}

.dropdown-menu.show {
	max-height: 350px !important;
}

/***********************************************************************/
/*                         Switch Component                            */
/***********************************************************************/

.checkbox label .toggle,
.checkbox-inline .toggle {
	margin-left: 0px;
	margin-right: 5px;
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
	border-radius: 20px;
}

	.toggle.ios .toggle-handle {
		border-radius: 20px;
	}

.btn-toggle-success {
	color: rgb(255,255,255);
	background-color: rgb(159,204,59);
	border-color: rgb(159,204,59);
}

	.btn-toggle-success:focus,
	.btn-toggle-success.focus {
		color: rgb(255,255,255);
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

	.btn-toggle-success:hover {
		color: rgb(255,255,255);
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

	.btn-toggle-success:active,
	.btn-toggle-success.active,
	.open > .dropdown-toggle.btn-toggle-success {
		color: #fff;
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

		.btn-toggle-success:active:hover,
		.btn-toggle-success.active:hover,
		.open > .dropdown-toggle.btn-toggle-success:hover,
		.btn-toggle-success:active:focus,
		.btn-toggle-success.active:focus,
		.open > .dropdown-toggle.btn-toggle-success:focus,
		.btn-toggle-success:active.focus,
		.btn-toggle-success.active.focus,
		.open > .dropdown-toggle.btn-toggle-success.focus {
			color: #fff;
			background-color: rgb(159,204,59);
			border-color: rgb(159,204,59);
		}

	.btn-toggle-success.disabled:hover,
	.btn-toggle-success[disabled]:hover,
	fieldset[disabled] .btn-toggle-success:hover,
	.btn-toggle-success.disabled:focus,
	.btn-toggle-success[disabled]:focus,
	fieldset[disabled] .btn-toggle-success:focus,
	.btn-toggle-success.disabled.focus,
	.btn-toggle-success[disabled].focus,
	fieldset[disabled] .btn-toggle-success.focus {
		background-color: rgb(159,204,59);
		border-color: rgb(159,204,59);
	}

.toggleSwitch {
	display: inline-block;
	background-color: transparent;
	color: white;
	height: 30px;
	width: 60px;
	padding: 3px 12px;
	font-weight: bold;
	border: 2px solid;
	border-color: #a7a7a7;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
}

	.toggleSwitch.on {
		border-top-left-radius: 24px;
		border-bottom-left-radius: 24px;
		border-color: #a7a7a7;
		color: #a7a7a7;
		width: auto;
	}

		.toggleSwitch.on.active {
			background-color: #9DCB3B;
			border-color: #9DCB3B;
			color: white;
		}

	.toggleSwitch.off {
		border-top-right-radius: 24px;
		border-bottom-right-radius: 24px;
		margin-left: -6px;
		border-color: #9DCB3B;
		color: #9DCB3B;
		width: auto;
	}

		.toggleSwitch.off.active {
			background-color: #a7a7a7;
			border-color: #a7a7a7;
			color: white;
		}

.form-check {
	min-height: 15px;
	padding-left: 0px;
}

.form-check-input:checked {
	background-color: #9DCB3B;
	border-color: #9DCB3B;
}

.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
	background-position: right center;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/***********************************************************************/
/*                       Tabulator Component                           */
/***********************************************************************/

.tabulator {
	font-size: 11px;
}

	/* Button with number of the page */
	.tabulator .tabulator-footer .tabulator-page.active {
		color: #fff;
		background-color: #555;
	}

/* Row Selected */
.tabulator-row.tabulator-selected {
	background-color: #9DCB3B;
}

	/* :Hover */
	.tabulator-row.tabulator-selected:hover {
		cursor: pointer;
	}


/*.dropdown-menu.show {
	max-height: 350px !important;
	overflow: auto !important;
}*/
/*.dropdown-menu.inner.show {
	overflow: hidden !important;
}

.dropdown-menu .inner {
	overflow-x: hidden;
}*/

/********************************************************/
/*             Model Configuration		                */
/********************************************************/

.container.status {
	width: 100%;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	background: #fafafa;
}

	.container.status p.status {
		padding-top: 8px;
	}

.icon-large {
	font-size: 42px;
	color: rgb(159,204,59);
	padding-top: 6px;
}

.icon-large-disabled {
	font-size: 42px;
	color: rgb(151,153,153);
	padding-top: 6px;
}

	.icon-large-disabled:hover {
		font-size: 42px;
		color: rgb(151,153,153);
		padding-top: 6px;
	}










table .fa:hover, table .fas:hover {
	color: rgb(255,255,255) !important;
}

/*.fa {
	text-decoration: none;
	color: white;
}*/

/*.fa:hover, .fas:hover {
	color: rgb(159,204,59);
}*/

.search {
	text-align: right;
}

.text-normal {
	text-transform: none !important;
}

.fa-icon, .fas-icon {
	color: rgb(243,112,56);
}

.animated .fa-icon {
	color: white !important;
}

.list-group-item {
	border: none !important;
}

/********************************************************/
/*                       ZoomView                       */
/********************************************************/

.jqvsiv_toolbar {
	display: inline-block;
	position: absolute;
	right: 3px;
	top: 3px;
	z-index: 5;
}

.jqvsiv_toolbarButton {
	margin: 0 2px;
	cursor: pointer;
}

/********************************************************/
/*                       DropDown                       */
/********************************************************/

/*.dropdown-menu {
	font-size: 12px !important;
	z-index: 99999;
}*/

.form-select:focus {
	border-color: rgb(159,204,59) !important;
	box-shadow: 0 0 0 0.15rem rgba(159, 204, 59, 0.25) !important;
}

.open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default, .dropdown-toggle.btn-default {
	background-color: transparent;
}

	.form-control:focus, .btn-group.open .dropdown-toggle, .dropdown-toggle.btn-default:hover {
		border-color: rgb(159,204,59) !important;
		/*outline: 0;*/
		/*-webkit-box-shadow: inset 0 1px 1px rgb(129, 202, 30), 0 0 4px rgb(129, 202, 30) !important;*/
		/*box-shadow: 0px 1px 1px rgb(129, 202, 30) inset, 0px 0px 4px rgb(129, 202, 30) !important;*/
		box-shadow: 0 0 0 0.15rem rgba(159, 204, 59, 0.25) !important;
	}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

.dropdown-disabled {
	border-radius: 4px;
	border: 1px solid rgb(204, 204, 204);
}

/*.dropdown-menu > li > a {
	padding: 3px 6px;
	display: inline-block !important;
	width: 100%;
}*/

#master-profile .dropdown-menu > li > a {
	white-space: normal;
}

#Generate .dropdown-menu.inner {
	max-height: 200px !important;
	overflow-x: hidden;
	overflow-y: auto !important;
}

/********************************************************/
/*                     LOADER                           */
/********************************************************/

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}

.animateGif, #BackgroundOptions {
	display: none;
	position: fixed;
	z-index: 99999999 !important;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .2 ) url('../Images/loading.gif') 50% 50% no-repeat;
	background-size: 130px 120px;
}

body.loading, body.preload {
	overflow: hidden
}

	body.loading .animateGif {
		display: block !important;
	}

#please-wait {
	width: 100%;
	position: relative;
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
}

	#please-wait > div {
		font-size: 14px;
		height: 150px;
		width: 150px;
		background-color: rgba(122, 122, 122, 0.2);
		border-radius: 10px;
		vertical-align: bottom;
		padding-bottom: 3px;
		margin-top: 20px;
		font-weight: bold;
	}

		#please-wait > div > p {
			align-items: flex-end;
			justify-content: center;
			position: relative;
			display: flex;
			height: 100%;
			animation-duration: 2.1s;
		}

#loading {
	width: 100%;
	position: fixed;
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
}

	#loading > div {
		font-size: 14px;
		height: 150px;
		width: 150px;
		vertical-align: bottom;
		padding-bottom: 10px;
		margin-top: 20px;
		font-weight: bold;
	}

		#loading > div > p {
			align-items: flex-end;
			justify-content: center;
			position: relative;
			display: flex;
			animation-duration: 2.1s;
		}

/*Preloader*/
#Loader-Background {
	display: none;
}

.preload #Loader-Background {
	display: block;
	background-color: white;
	z-index: 99;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
}

svg {
	position: fixed;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	margin: auto;
	max-height: 100px !important;
	max-width: 350px !important;
	background-color: rgb(255,255,255);
}

/***********************************************/
/*                  Badge                      */
/***********************************************/
.badge {
	display: inline-block;
	padding: .35em .65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}

.badge-pill {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;
	border-width: 0;
	border-style: none;
	background-color: #f37038;
	font-weight: lighter;
	font-size: 12px;
	border-radius: 10px;
	vertical-align: middle;
}