:root {
			--primary-color: #0e47a1;
		}

		body {
			background-color: #f5f5f5;
		}

		form {
			padding: 32px;
			margin-bottom: 16px;
		}

		.container {
			background: rgba(14, 71, 161, 0.0500);
			border: 4px solid var(--primary-color);
			border-radius: 16px;
			box-shadow: 0px 0px 8px var(--primary-color),
				0px 0px 16px var(--primary-color),
				0px 0px 32px var(--primary-color);
		}

		@media only screen and (max-width:767px) {
			.container {
				border-radius: 0px;
			}
		}

		#jyHeading {
			border: 5px solid rgba(14, 71, 161, 0.7);
		}

		#jyHeading {
			background: #f5f5f5;
			position: relative;
			top: 25px;
			left: 6%;
			padding: 32px;
			width: 90%;
			text-shadow: 0px 0px 2px var(--primary-color);
			box-shadow: 0px 4px 8px #333;
		}

		#jyHeading:after,
		#jyHeading:before {
			content: '';
			position: absolute;
			top: -46px;
			z-index: -1;
			height: 42px;
			width: 4px;
			background: rgba(14, 71, 161, 0.7);
			box-shadow: 0px -1px 2px #111;
		}

		#jyHeading:after {
			left: 64px;
		}

		#jyHeading:before {
			right: 64px;
		}


		span {
			padding: 3px;
		}

		hr {
			border: 0;
			height: 1px;
			background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		}

		a.jyLinks {
			text-decoration: none;
		}

		.jySupportIcon {
			height: 40px;
			width: 40px;
		}

		.btn {
			transition: all 0.5s ease;
		}

		input,
		select {
			box-shadow: 0px 0px 1px #333 !important;
		}

		input[type="submit"],
		.btn-success {
			box-shadow: 0px 0px 0px 4px rgba(34, 136, 57, 0.5) !important;
		}

		input[type="submit"]:hover,
		.btn-success:hover {
			box-shadow: 0px 0px 0px 4px rgba(34, 136, 57, 0.8) !important;
		}

		.btn-primary {
			box-shadow: 0px 0px 0px 4px rgba(0, 105, 217, 0.5);
		}

		.btn-primary:hover {
			box-shadow: 0px 0px 0px 4px rgba(0, 105, 217, 0.8);
		}

		.impHeading {
			color: #ff1111;
		}

		.blinking {
			animation: blinkingText 1.5s infinite;
		}

		@keyframes blinkingText {
			0% {
				color: #ff1111;
			}

			49% {
				color: #ff1111;
			}

			60% {
				color: transparent;
			}

			99% {
				color: transparent;
			}

			100% {
				color: #ff1111;
			}
		}
		
		
		body {
    background-color: #f9f9fa
}

.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}


.padding {
    padding: 5rem
}

.card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d2d2dc;
    border-radius: 0
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.card .card-body {
    padding: 1.25rem 1.75rem
}


.card .card-title {
    color: #000000;
    margin-bottom: 0.625rem;
    text-transform: capitalize;
    font-size: 0.875rem;
    font-weight: 500
}

.add-items {
    margin-bottom: 1.5rem;
    overflow: hidden
}

.d-flex {
    display: flex !important
}

.add-items input[type="text"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    background: transparent
}

.form-control {
    border: 1px solid #f3f3f3;
    font-weight: 400;
    font-size: 0.875rem
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.875rem 1.375rem;
    font-size: 1rem;
    line-height: 1;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.add-items .btn {
    margin-left: .5rem
}

.btn {
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 400;
    padding: .7rem 1.5rem;
    border-radius: 0.1275rem
}

.list-wrapper {
    height: 100%;
    max-height: 100%
}

.bg-primary {
    background-color: #ff9800a6!important;
}
.readonlyTextbox {
  border: 0;
  box-shadow: none;
  background-color: #ccc;
}

.is-loading {
  position: relative;
}
.is-loading > .form-control,
.is-loading > .form-control-plaintext,
.is-loading > .form-select,
.is-loading > .form-select[size] {
  padding-right: calc(1.5em + 0.75rem);
}
.is-loading > .form-control ~ .spinner-border,
.is-loading > .form-control ~ .spinner-grow,
.is-loading > .form-control-plaintext ~ .spinner-border,
.is-loading > .form-control-plaintext ~ .spinner-grow,
.is-loading > .form-select ~ .spinner-border,
.is-loading > .form-select ~ .spinner-grow,
.is-loading > .form-select[size] ~ .spinner-border,
.is-loading > .form-select[size] ~ .spinner-grow {
  position: absolute;
  top: 3px;
  right: calc(0.375em + 0.1875rem);
  z-index: 4;
}
.is-loading > .form-control ~ .spinner-border.spinner-border-sm, .is-loading > .form-control ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-control ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-control ~ .spinner-grow.spinner-grow-sm,
.is-loading > .form-control-plaintext ~ .spinner-border.spinner-border-sm,
.is-loading > .form-control-plaintext ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-control-plaintext ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-control-plaintext ~ .spinner-grow.spinner-grow-sm,
.is-loading > .form-select ~ .spinner-border.spinner-border-sm,
.is-loading > .form-select ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-select ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-select ~ .spinner-grow.spinner-grow-sm,
.is-loading > .form-select[size] ~ .spinner-border.spinner-border-sm,
.is-loading > .form-select[size] ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-select[size] ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-select[size] ~ .spinner-grow.spinner-grow-sm {
  top: calc( (0.375em + 0.1875rem) + 2px );
}
.is-loading > .form-select:not([multiple]):not([size]),
.is-loading > .form-select:not([multiple])[size="1"] {
  padding-right: 4.125rem;
}
.is-loading > .form-select:not([multiple]):not([size]) ~ .spinner-border,
.is-loading > .form-select:not([multiple]):not([size]) ~ .spinner-grow,
.is-loading > .form-select:not([multiple])[size="1"] ~ .spinner-border,
.is-loading > .form-select:not([multiple])[size="1"] ~ .spinner-grow {
  top: 3px;
  right: calc(2.25rem + 2px);
}
.is-loading > .form-select:not([multiple]):not([size]) ~ .spinner-border.spinner-border-sm, .is-loading > .form-select:not([multiple]):not([size]) ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-select:not([multiple]):not([size]) ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-select:not([multiple]):not([size]) ~ .spinner-grow.spinner-grow-sm,
.is-loading > .form-select:not([multiple])[size="1"] ~ .spinner-border.spinner-border-sm,
.is-loading > .form-select:not([multiple])[size="1"] ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-select:not([multiple])[size="1"] ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-select:not([multiple])[size="1"] ~ .spinner-grow.spinner-grow-sm {
  top: calc( (0.375em + 0.1875rem) + 2px );
}
.is-loading > .form-select[multiple] ~ .spinner-border,
.is-loading > .form-select[multiple] ~ .spinner-grow,
.is-loading > .form-select[size] ~ .spinner-border,
.is-loading > .form-select[size] ~ .spinner-grow {
  top: calc( (0.375em + 0.1875rem) + 2px );
  right: calc(2.25rem - 10px);
}
.is-loading > .form-select[multiple][size="1"] ~ .spinner-border,
.is-loading > .form-select[multiple][size="1"] ~ .spinner-grow {
  top: 3px;
}
.is-loading > .form-select[multiple][size="1"] ~ .spinner-border.spinner-border-sm, .is-loading > .form-select[multiple][size="1"] ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-select[multiple][size="1"] ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-select[multiple][size="1"] ~ .spinner-grow.spinner-grow-sm {
  top: calc( (0.375em + 0.1875rem) + 2px );
}
.is-loading > .form-control-sm ~ .spinner-border,
.is-loading > .form-control-sm ~ .spinner-grow, .is-loading.input-group-sm > .form-control ~ .spinner-border,
.is-loading.input-group-sm > .form-control ~ .spinner-grow {
  top: -0.5px;
}
.is-loading > .form-control-sm ~ .spinner-border.spinner-border-sm, .is-loading > .form-control-sm ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-control-sm ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-control-sm ~ .spinner-grow.spinner-grow-sm, .is-loading.input-group-sm > .form-control ~ .spinner-border.spinner-border-sm, .is-loading.input-group-sm > .form-control ~ .spinner-border.spinner-grow-sm,
.is-loading.input-group-sm > .form-control ~ .spinner-grow.spinner-border-sm,
.is-loading.input-group-sm > .form-control ~ .spinner-grow.spinner-grow-sm {
  top: 8px;
}
.is-loading > .form-control-lg ~ .spinner-border,
.is-loading > .form-control-lg ~ .spinner-grow, .is-loading.input-group-lg > .form-control ~ .spinner-border,
.is-loading.input-group-lg > .form-control ~ .spinner-grow {
  top: 8px;
}
.is-loading > .form-control-lg ~ .spinner-border.spinner-border-sm, .is-loading > .form-control-lg ~ .spinner-border.spinner-grow-sm,
.is-loading > .form-control-lg ~ .spinner-grow.spinner-border-sm,
.is-loading > .form-control-lg ~ .spinner-grow.spinner-grow-sm, .is-loading.input-group-lg > .form-control ~ .spinner-border.spinner-border-sm, .is-loading.input-group-lg > .form-control ~ .spinner-border.spinner-grow-sm,
.is-loading.input-group-lg > .form-control ~ .spinner-grow.spinner-border-sm,
.is-loading.input-group-lg > .form-control ~ .spinner-grow.spinner-grow-sm {
  top: 16px;
}

.was-validated .is-loading > .form-control:valid, .is-loading > .form-control.is-valid {
  padding-right: calc( (1.5em + 0.75rem) + 31px );
}
.was-validated .is-loading > .form-control:valid ~ .spinner-border,
.was-validated .is-loading > .form-control:valid ~ .spinner-grow, .is-loading > .form-control.is-valid ~ .spinner-border,
.is-loading > .form-control.is-valid ~ .spinner-grow {
  right: calc(2.25rem + 2px);
}
.was-validated .is-loading > .form-select:not([multiple]):not([size]):valid, .is-loading > .form-select:not([multiple]):not([size]).is-valid,
.was-validated .is-loading > .form-select:not([multiple])[size="1"]:valid,
.is-loading > .form-select:not([multiple])[size="1"].is-valid {
  padding-right: calc(4.125rem + 31px);
}
.was-validated .is-loading > .form-select:not([multiple]):not([size]):valid ~ .spinner-border,
.was-validated .is-loading > .form-select:not([multiple]):not([size]):valid ~ .spinner-grow, .is-loading > .form-select:not([multiple]):not([size]).is-valid ~ .spinner-border,
.is-loading > .form-select:not([multiple]):not([size]).is-valid ~ .spinner-grow,
.was-validated .is-loading > .form-select:not([multiple])[size="1"]:valid ~ .spinner-border,
.was-validated .is-loading > .form-select:not([multiple])[size="1"]:valid ~ .spinner-grow,
.is-loading > .form-select:not([multiple])[size="1"].is-valid ~ .spinner-border,
.is-loading > .form-select:not([multiple])[size="1"].is-valid ~ .spinner-grow {
  right: calc( (2.25rem + 2px) + 31px );
}
.was-validated .is-loading > .form-control-lg:valid ~ .spinner-border,
.was-validated .is-loading > .form-control-lg:valid ~ .spinner-grow, .is-loading > .form-control-lg.is-valid ~ .spinner-border,
.is-loading > .form-control-lg.is-valid ~ .spinner-grow, .was-validated .is-loading.input-group-lg > .form-control:valid ~ .spinner-border,
.was-validated .is-loading.input-group-lg > .form-control:valid ~ .spinner-grow, .is-loading.input-group-lg > .form-control.is-valid ~ .spinner-border,
.is-loading.input-group-lg > .form-control.is-valid ~ .spinner-grow {
  right: 38px;
}

.was-validated .is-loading > .form-control:invalid, .is-loading > .form-control.is-invalid {
  padding-right: calc( (1.5em + 0.75rem) + 31px );
}
.was-validated .is-loading > .form-control:invalid ~ .spinner-border,
.was-validated .is-loading > .form-control:invalid ~ .spinner-grow, .is-loading > .form-control.is-invalid ~ .spinner-border,
.is-loading > .form-control.is-invalid ~ .spinner-grow {
  right: calc(2.25rem + 2px);
}
.was-validated .is-loading > .form-select:not([multiple]):not([size]):invalid, .is-loading > .form-select:not([multiple]):not([size]).is-invalid,
.was-validated .is-loading > .form-select:not([multiple])[size="1"]:invalid,
.is-loading > .form-select:not([multiple])[size="1"].is-invalid {
  padding-right: calc(4.125rem + 31px);
}
.was-validated .is-loading > .form-select:not([multiple]):not([size]):invalid ~ .spinner-border,
.was-validated .is-loading > .form-select:not([multiple]):not([size]):invalid ~ .spinner-grow, .is-loading > .form-select:not([multiple]):not([size]).is-invalid ~ .spinner-border,
.is-loading > .form-select:not([multiple]):not([size]).is-invalid ~ .spinner-grow,
.was-validated .is-loading > .form-select:not([multiple])[size="1"]:invalid ~ .spinner-border,
.was-validated .is-loading > .form-select:not([multiple])[size="1"]:invalid ~ .spinner-grow,
.is-loading > .form-select:not([multiple])[size="1"].is-invalid ~ .spinner-border,
.is-loading > .form-select:not([multiple])[size="1"].is-invalid ~ .spinner-grow {
  right: calc( (2.25rem + 2px) + 31px );
}
.was-validated .is-loading > .form-control-lg:invalid ~ .spinner-border,
.was-validated .is-loading > .form-control-lg:invalid ~ .spinner-grow, .is-loading > .form-control-lg.is-invalid ~ .spinner-border,
.is-loading > .form-control-lg.is-invalid ~ .spinner-grow, .was-validated .is-loading.input-group-lg > .form-control:invalid ~ .spinner-border,
.was-validated .is-loading.input-group-lg > .form-control:invalid ~ .spinner-grow, .is-loading.input-group-lg > .form-control.is-invalid ~ .spinner-border,
.is-loading.input-group-lg > .form-control.is-invalid ~ .spinner-grow {
  right: 38px;
}

#txtDate .datepicker table tr td.new, .datepicker table tr td.old {
    height: 0;
    line-height: 0;
    visibility: hidden;
}