@import url("open-iconic/font/css/open-iconic-bootstrap.min.css");

html, body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white;
	/*rgba(68, 122, 153, 0.1)  */
	}

a, .btn-link {
	color: white;
	}

/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #1b6ec2;*/
/*    border-color: #1861ac;*/
/*}*/
.btn-primary {
	color: #fff;
	background-color: Var(--parat-primary-bg);
	border-color: Var(--parat-primary-bg);
	}

app {
	display: flex;
	flex-direction: column;
	}

.top-row {
	height: 3.5rem;
	display: flex;
	align-items: center;
	}

.main {
	flex: 1;
	}

.main .top-row {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d6d5d5;
	justify-content: flex-end;
	}

.main .top-row > a, .main .top-row .btn-link {
	white-space: nowrap;
	margin-left: 1.5rem;
	}

.main .top-row a:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	}


.content {
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	}
.no-padding .content {
	padding: 0;
	border: hidden;
}
.parat-Top-Main {
	background-color: Var(--parat-bg-color) !important;
	height: 3.5rem;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d6d5d5;
	padding-bottom: 1px;
	justify-content: flex-end;
	padding-right: 50px;
}
/*.no-padding .parat-Top-Main {*/
/*	border: hidden;*/
/*}*/
/*.no-border .parat-Top-Main {*/
/*	border: hidden;*/
/*}*/
.navbar-toggler {
	background-color: rgba(255, 255, 255, 0.1);
	}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
	}

.invalid {
	outline: 1px solid red;
	}

.validation-message {
	color: red;
	}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
	}

#blazor-error-ui .dismiss {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
	}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
	}

.onepadding {
	padding: 1px !important;
	margin: 0 !important;
	}

.fieldpadding {
	padding: 5px !important;
	margin: 0 !important;
	}

.noselect {
	/* -webkit-touch-callout: none; !* iOS Safari *!
	-webkit-user-select: none; !* Safari *!
	-khtml-user-select: none; !* Konqueror HTML *!
	-moz-user-select: none; !* Firefox *!
	-ms-user-select: none; !* Internet Explorer/Edge *!
	user-select: none;*/
	/* Non-prefixed version, currently
									 supported by Chrome and Opera */
	}


.fix-footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 135px;
	width: 100%;
	z-index: 89999;
	font-size: large;
	color: white;
	padding-left: 30px;
	padding-top: 10px;
	background: rgba(170, 59, 25, 0.62);
	}

.fix-footer-ok {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 135px;
	width: 100%;
	z-index: 89999;
	font-size: large;
	color: white;
	padding-left: 30px;
	padding-top: 10px;
	background: rgba(3, 83, 1, 0.98);
	}


/********************  Preloader Demo-11 *******************/
.loader11 {
	width: 100px;
	height: 70px;
	margin: 50px auto;
	position: relative
	}

.loader11 span {
	display: block;
	width: 5px;
	height: 10px;
	background: transparent;
	position: absolute;
	bottom: 0;
	animation: loading-11 2.25s infinite ease-in-out
	}

.loader11 span:nth-child(2) {
	left: 11px;
	animation-delay: .2s
	}

.loader11 span:nth-child(3) {
	left: 22px;
	animation-delay: .4s
	}

.loader11 span:nth-child(4) {
	left: 33px;
	animation-delay: .6s
	}

.loader11 span:nth-child(5) {
	left: 44px;
	animation-delay: .8s
	}

.loader11 span:nth-child(6) {
	left: 55px;
	animation-delay: 1s
	}

.loader11 span:nth-child(7) {
	left: 66px;
	animation-delay: 1.2s
	}

.loader11 span:nth-child(8) {
	left: 77px;
	animation-delay: 1.4s
	}

.loader11 span:nth-child(9) {
	left: 88px;
	animation-delay: 1.6s
	}

@-webkit-keyframes loading-11 {
	0% {
		height: 10px;
		transform: translateY(0);
		background: #ff4d80
		}
	
	25% {
		height: 60px;
		transform: translateY(15px);
		background: #3423a6
		}
	
	50% {
		height: 10px;
		transform: translateY(-10px);
		background: #e29013
		}
	
	100% {
		height: 10px;
		transform: translateY(0);
		background: #e50926
		}
	}

@keyframes loading-11 {
	0% {
		height: 10px;
		transform: translateY(0);
		background: #ff4d80
		}
	
	25% {
		height: 60px;
		transform: translateY(15px);
		background: #3423a6
		}
	
	50% {
		height: 10px;
		transform: translateY(-10px);
		background: #e29013
		}
	
	100% {
		height: 10px;
		transform: translateY(0);
		background: #e50926
		}
	}

/********************END Preloader*****************************/