/* Generic */
.error-style {
	color: red;
	font-weight: bold;
}

.dNone {
	display: none;
}

.w100{
	width: 100%;
}

.noneList{
	list-style-type: none;
}

.imgPreviewSig{
	width: 550px !important; 
	height: 450px !important; 
	margin-left: 10px !important;
}

.dt-scroll-head{
display:none;
}

/* Index */
.indexHtml a {
	color: #0080c0;
	text-decoration: none;
}

.indexHtml a:hover {
	color: #0080ff;
	text-decoration: none;
}

.indexHtml .cpcImg {
	width: 400px;
	height: 400px;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media ( max-width : 767.98px) {
	.indexHtml .cpcImg {
		width: 200px;
		height: 200px;
	}
}

/* Forgot Password */
.forgotPasswordHtml .loadingSpinner {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

.forgotPasswordHtml .loadingImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Dashboard */

.dashboardHtml  .collapsible-cards .accordion-list li:not(.pagination li, #accordion-list-3 li) {
	padding: 0 20px 10px 0;
	/* background: #fff; */
	border-radius: 4px;
	border-top: 4px solid #1e5ddd;
}
.dashboardHtml .glass-icon {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(2px);
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	transition: all ease-in-out 0.4s;
}

.dashboardHtml .glass-icon h1 {
	font-size: 24px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.dashboardHtml .dashboards .glass-icon {
	transition: all ease-in-out 0.4s;
}

.dashboardHtml .dashboards .icon-box {
	/* box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1); */
	padding: 5px;
	transition: all ease-in-out 0.4s;
	margin: 0 !important;
}

.dashboardHtml .dashboards .icon-box .icon {
	margin-bottom: 2px;
}

.dashboardHtml .dashboards .icon-box .icon i {
	color: #5e8ce9;
	font-size: 36px;
	transition: 0.3s;
}

.dashboardHtml .dashboards .icon-box h6 {
	/* font-weight: 500;
  font-size: 24px; */
	margin-bottom: 0;
}

.dashboardHtml .dashboards .icon-box h6 a {
	color: #082252;
	transition: ease-in-out 0.3s;
	margin-bottom: 0;
}

.dashboardHtml .dashboards .icon-box p {
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 0;
}

.dashboardHtml .dashboards .icon-box:hover {
	transform: translateY(-10px);
}

.dashboardHtml .dashboards .icon-box:hover h6 a {
	color: #5e8ce9;
}

.dashboardHtml .breadcrumbs {
	background: transparent;
}

.dashboardHtml {
	position: relative;
}

.dashboardHtml::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(to bottom, #5e8ce9, #5e8ce9 1px, white 1px,
		white 2px);
	opacity: 0.5;
	z-index: -1;
}

/* background: #fd746c;
background: -webkit-linear-gradient(to right, #ff9068, #fd746c);
background: linear-gradient(to right, #ff9068, #fd746c); */
.dashboardHtml .title {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	border-radius: 0 0 6px 6px;
	color: white !important;
	background-color: #1e5ddd;
	z-index: 1;
}

.dashboardHtml .title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.dashboardHtml .background>* {
	position: relative;
	z-index: 1;
}

.dashboardHtml .fa-3x {
	color: #175867;
}

.dashboardHtml .categoryName {
	color: #254da6 !important;
}

.dashboardHtml .dashboardLink {
	color: green !important;
}

/* Custom Error */

	

@keyframes rocket-movement {
  100% {
    transform: translate(1200px, -600px);
  }
}

@-moz-keyframes rocket-movement {
  100% {
    -moz-transform: translate(1200px, -600px);
  }
}

.rocket { /* or #rocket, or div, etc. */
  animation: rocket-movement 2s linear infinite;
  -moz-animation: rocket-movement 2s linear infinite;
  -webkit-animation: rocket-movement 2s linear infinite; /* for Safari and Chrome */
}
		@-webkit-keyframes rocket-movement {
			100% {
				-webkit-transform: translate(1200px, -600px);
			}
		}

		@keyframes rocket-movement {
			100% {
				transform: translate(1200px, -600px);
			}
		}

		@-moz-keyframes spin-earth {
			100% {
				-moz-transform: rotate(-360deg);
				transition: transform 20s;
			}
		}

		@-webkit-keyframes spin-earth {
			100% {
				-webkit-transform: rotate(-360deg);
				transition: transform 20s;
			}
		}

		@keyframes spin-earth {
			100% {
				-webkit-transform: rotate(-360deg);
				transform: rotate(-360deg);
				transition: transform 20s;
			}
		}

		@-moz-keyframes move-astronaut {
			100% {
				-moz-transform: translate(-160px, -160px);
			}
		}

		@-webkit-keyframes move-astronaut {
			100% {
				-webkit-transform: translate(-160px, -160px);
			}
		}

		@keyframes move-astronaut {
			100% {
				-webkit-transform: translate(-160px, -160px);
				transform: translate(-160px, -160px);
			}
		}

		@-moz-keyframes rotate-astronaut {
			100% {
				-moz-transform: rotate(-720deg);
			}
		}

		@-webkit-keyframes rotate-astronaut {
			100% {
				-webkit-transform: rotate(-720deg);
			}
		}

		@keyframes rotate-astronaut {
			100% {
				-webkit-transform: rotate(-720deg);
				transform: rotate(-720deg);
			}
		}

		@-moz-keyframes glow-star {
			40% {
				-moz-opacity: 0.3;
			}

			90%,
			100% {
				-moz-opacity: 1;
				-moz-transform: scale(1.2);
			}
		}

		@-webkit-keyframes glow-star {
			40% {
				-webkit-opacity: 0.3;
			}

			90%,
			100% {
				-webkit-opacity: 1;
				-webkit-transform: scale(1.2);
			}
		}

		@keyframes glow-star {
			40% {
				-webkit-opacity: 0.3;
				opacity: 0.3;
			}

			90%,
			100% {
				-webkit-opacity: 1;
				opacity: 1;
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
				border-radius: 999999px;
			}
		}

		.bg-purple .spin-earth-on-hover {

			transition: ease 200s !important;
			transform: rotate(-3600deg) !important;
		}

		.bg-purple  {
			margin: 0;
			width: 100%;
			height: 100%;
			font-family: 'Dosis', sans-serif;
			font-weight: 300;
			-webkit-user-select: none;
			/* Safari 3.1+ */
			-moz-user-select: none;
			/* Firefox 2+ */
			-ms-user-select: none;
			/* IE 10+ */
			user-select: none;
			/* Standard syntax */
		}

		.bg-purple {
			background: url(/cppms/static/Images/bg_purple.png);
			background-repeat: repeat-x;
			background-size: cover;
			background-position: left top;
			height: 100%;
			overflow: hidden;

		}

		.bg-purple .custom-navbar {
			padding-top: 15px;
		}

		.bg-purple .brand-logo {
			margin-left: 25px;
			margin-top: 5px;
			display: inline-block;
		}

		.bg-purple .navbar-links {
			display: inline-block;
			float: right;
			margin-right: 15px;
			text-transform: uppercase;


		}

		.bg-purple ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			/*    overflow: hidden;*/
			display: flex;
			align-items: center;
		}

		.bg-purple li {
			float: left;
			padding: 0px 15px;
		}

		.bg-purple li a {
			display: block;
			color: red;
			text-align: center;
			text-decoration: none;
			letter-spacing: 2px;
			font-size: larger;

			-webkit-transition: all 0.3s ease-in;
			-moz-transition: all 0.3s ease-in;
			-ms-transition: all 0.3s ease-in;
			-o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
		}

		.bg-purple li a:hover {
			color: #ffcb39;
		}

		.bg-purple .btn-request {
			padding: 10px 25px;
			border: 1px solid #FFCB39;
			border-radius: 100px;
			font-weight: 400;
		}

		.bg-purple .btn-request:hover {
			background-color: #FFCB39;
			color: #fff;
			transform: scale(1.05);
			box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
		}

		.bg-purple .btn-go-home {
			position: relative;
			z-index: 200;
			margin: 15px auto;
			width: 100px;
			padding: 10px 15px;
			border: 1px solid #FFCB39;
			border-radius: 100px;
			font-weight: 400;
			display: block;
			color: white;
			background-color: #FFCB39;
			text-align: center;
			text-decoration: none;
			letter-spacing: 2px;
			font-size: 11px;
			-webkit-transition: all 0.3s ease-in;
			-moz-transition: all 0.3s ease-in;
			-ms-transition: all 0.3s ease-in;
			-o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
		}

		.bg-purple p {
			font-weight: 700;
			color: red;
			text-align: center;
			text-decoration: none;
			letter-spacing: 2px;
			font-size: 17px;
		}

		.bg-purple .btn-go-home:hover {
			transform: scale(1.05);
			box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
		}

		.bg-purple .central-body {
			/*    width: 100%;*/
			padding: 17% 5% 10% 5%;
			text-align: center;
		}

		.bg-purple .objects img {
			z-index: 90;
			pointer-events: none;
		}

		.bg-purple .object_rocket {
			z-index: 95;
			position: absolute;
			transform: translateX(-50px);
			top: 75%;
			pointer-events: none;
			animation: rocket-movement 200s linear infinite both running;
		}

		.bg-purple .object_earth {
			position: absolute;
			top: 20%;
			left: 15%;
			z-index: 90;
			animation: spin-earth 100s infinite linear both;
		}

		.bg-purple  .object_moon {
			position: absolute;
			top: 12%;
			left: 25%;

			transform: rotate(0deg);
			transition: transform ease-in 99999999999s;

		}


		.bg-purple  .object_astronaut {
			animation: rotate-astronaut 200s infinite linear both alternate;
		}


		.bg-purple .box_astronaut {
			z-index: 110 !important;
			position: absolute;
			top: 60%;
			right: 20%;
			will-change: transform;
			animation: move-astronaut 50s infinite linear both alternate;
		}

		.bg-purple .image-404 {
			position: relative;
			z-index: 100;
			pointer-events: none;
		}

		.bg-purple .stars {
			background: url(/static/Images/overlay_stars.svg);
			background-repeat: repeat;
			background-size: contain;
			background-position: left top;
		}

		.bg-purple .glowing_stars .star {
			position: absolute;
			border-radius: 100%;
			background-color: #fff;
			width: 3px;
			height: 3px;
			opacity: 0.3;
			will-change: opacity;
		}

		.bg-purple .glowing_stars .star:nth-child(1) {
			top: 80%;
			left: 25%;
			animation: glow-star 2s infinite ease-in-out alternate 1s;
		}

		.bg-purple .glowing_stars .star:nth-child(2) {
			top: 20%;
			left: 40%;
			animation: glow-star 2s infinite ease-in-out alternate 3s;
		}

		.bg-purple .glowing_stars .star:nth-child(3) {
			top: 25%;
			left: 25%;
			animation: glow-star 2s infinite ease-in-out alternate 5s;
		}

		.bg-purple .glowing_stars .star:nth-child(4) {
			top: 75%;
			left: 80%;
			animation: glow-star 2s infinite ease-in-out alternate 7s;
		}

		.bg-purple .glowing_stars .star:nth-child(5) {
			top: 90%;
			left: 50%;
			animation: glow-star 2s infinite ease-in-out alternate 9s;
		}

		@media only screen and (max-width: 600px) {
			.bg-purple .navbar-links {
				display: none;
			}

			.bg-purple .custom-navbar {
				text-align: center;
			}

			.bg-purple .brand-logo img {
				width: 120px;
			}

			.bg-purple .box_astronaut {
				top: 70%;
			}

			.bg-purple .central-body {
				padding-top: 25%;
			}
		}
		
		/* dynamic_form */
		
		
		.dynamicFormHtml .title { 
  position: relative; 
  display: inline-block; 
  padding: 0 10px; 
  border-radius: 0 0 6px 6px; 
  color: white !important; 
  background-color: #1e5ddd; 
  z-index: 1; 
}

.dynamicFormHtml .title::before { 
  content: ''; 
  position: absolute; 
  top: 0; 
  left: 0; 
  padding: 10px; 
  width: 100%; 
  height: 100%; 
  z-index:-1; 
}
.dynamicFormHtml .inline-container {
	display: flex;
	align-items: start;
}

.dynamicFormHtml .inline-container label {
	padding-bottom:0;
}

.dynamicFormHtml .inline-container hr {
	flex-grow: 1;
	margin: 0;
}

.dynamicFormHtml .hrClass{
border: 1px solid #1e5ddd;
}


/* Edit form fields and  generate form fields*/
.row.draggable {
	cursor: move;
}

.scrollable-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}

.scrollable-menu li:hover {
	cursor: pointer;
}
.addDropdown .dropdown {
	position: absolute;
}

/* Application Process */
.applicationProcessHtml .collapsible-cards .accordion-list li:not(.pagination li, .card li, #accordion-list-3 li) {
	padding: 0 20px 10px 0;
	/* background: #fff; */
	border-radius: 4px;
	border-top: 4px solid #1e5ddd;
}

.applicationProcessHtml .title {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	border-radius: 0 0 6px 6px;
	color: white !important;
	background-color: #1e5ddd;
	z-index: 1;
}

.applicationProcessHtml .title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.applicationProcessHtml .thumbnail {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
	cursor: pointer;
}

.applicationProcessHtml .accordion-button {
	padding: 0.3rem;
}

.applicationProcessHtml .accordion-list li:not(.pagination li, #accordion-list-3 li) {
	background: #fff;
}

.applicationProcessHtml .pdfThumbnail {
	cursor: pointer;
}
/* .accordion-item{
margin-top: 0.3rem;
} */
.applicationProcessHtml  #police-table {
	width: 100%;
	border-collapse: collapse;
}

.applicationProcessHtml #police-table th, #police-table td {
	border: 1px solid black;
	padding: 8px;
	text-align: left;
}

.applicationProcessHtml #police-table th {
	background-color: #f2f2f2;
}

.applicationProcessHtml #police-table tfoot {
	font-weight: bold;
}

.applicationProcessHtml .deployed1 {
	display: none;
}

.applicationProcessHtml .list-group-item {
	padding: 1px;
	font-size: x-small;
}

/* ApplicationProcessDash */
.applicationProcessDash .thumbnail {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
	cursor: pointer;
}

.applicationProcessDash .accordion-button {
	padding: 0.3rem;
}

.applicationProcessDash .accordion-list li:not(.pagination li, #accordion-list-3 li) {
	background: #fff;
}

/* Design Workflow */
.designWorkflowHtml .stage-label {
	width: 25px;
	height: 25px;
	background-color: green;
	color: white !important;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.designWorkflowHtml .reject-stage-label {
	width: 25px;
	height: 25px;
	background-color: red;
	color: white !important;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.designWorkflowHtml .quickLinks .row {
	padding-top: 0px;
}

.designWorkflowHtml .controlsBtns.active {
	background-color: #42DCA3;
}

.designWorkflowHtml .controlsBtns {
	color: #0c2557;
	border-color: #0c2557;
	border-style: solid;
}

.designWorkflowHtml .horizontalScroll {
  overflow-x: auto !important;
}

.designWorkflowHtml .horizontalScroll select {
  overflow-x: auto !important;
}

/* forms Workflows */
.formWorkflowsMappingHtml .btn-check:checked+label .toolbarIcon {
	color: white;
}

.formWorkflowsMappingHtml .toolbarBtn {
	box-shadow: inset 0 0 5px #1e5ddd;
}

/* Pending */
.pendingHtml td.details-control::before {
	font-family: "Font Awesome 5 Free";
	content: "\f055";
	font-weight: 900;
	cursor: pointer;
}

.pendingHtml tr.shown td.details-control::before {
	font-family: "Font Awesome 5 Free";
	content: "\f056";
	font-weight: 900;
	cursor: pointer;
}

.pendingHtml .expanded {
	margin-bottom: 0;
}

/* View application */

.viewApplicationHtml .thumbnail {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
	cursor: pointer;
}

.viewApplicationHtml .accordion-button {
	padding: 0.3rem;
}

.viewApplicationHtml .accordion-list li:not(.pagination li, #accordion-list-3 li) {
	background: #fff;
}

/* Dynamic Certificate */


.dynamicCertHtml .arrow-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100px;
	margin-top: -10px;
	margin-left: -80px;
}

.dynamicCertHtml .arrow-container input {
	position: absolute;
	width: calc(50% - 100px);
	height: 25px;
	border-radius: 5px;
}

.dynamicCertHtml .textbox-top {
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.dynamicCertHtml .textbox-left {
	top: 50%;
	left: 70px;
	transform: translateY(-50%);
}

.dynamicCertHtml .textbox-right {
	top: 50%;
	right: 70px;
	transform: translateY(-50%);
}

.dynamicCertHtml .textbox-bottom {
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

/* .fa-arrows {
            font-size: 24px;
        } */

/* .borderOn-left {
            border-right: 1px dashed #ccc;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        } */
.dynamicCertHtml #police-table table {
	width: 100%;
	border-collapse: collapse;
}

.dynamicCertHtml #police-table th, td {
	/* border: 1px solid black; */
	padding: 8px;
	text-align: left;
}

.dynamicCertHtml #police-table th {
	background-color: #f2f2f2;
}

.dynamicCertHtml #police-table tfoot {
	font-weight: bold;
}

.dynamicCertHtml .deployed1 {
	display: none;
}

/* userAccess */

.userAccess .contact .contact-form label {
	padding-bottom: 0;
}

.userAccess .list-group-item:nth-child(even) {
	background-color: #f2f2f2;
}