@font-face{
	font-family: Brush;
	font-style: normal;
	font-weight: 100;
	src: url(../font/BRUSHSCI.TTF);
}

.body{
	background: #07074e;
	background-image: url("../img/cdao.webp");
	background-size: 100%;
	transition: all .5s;
	padding: 1px;
	min-height: 100vh;
	border-radius: 0px 0px 0px 0px;
  /*margin-left: 15vh;*/
	display: flex;
	align-items: center;
	justify-content: center;
}

.barfica{
	display: block;
	width:100%;
	height: 10px;
	margin: 10px 0px;
	background-color: #07074e40;
	border-radius: 5px;
}
.barfice{
	width:0%;
	margin: 0px 0px;
	background-color: #07074e;
	margin-top: -20px;
}
.forgrouppers{
	margin-bottom: 0px;
}
.ficha{
	border-radius: 15px;
  box-shadow: 1px 1px 3px #000;
  height: 300px;
  padding: 15px !important;
  margin: 0px 5px;
}
.txtfc{
/*	font-weight: bold;
	font-size: 18px;*/
	display: inline-block;
}

.fecven{
	font-weight: bold;
	color: #ff0000;
}

.obcen{
	width: 100%;
  height: 100%;
  margin-top: 70px;
  text-align: center;
  color: #6d786f;
}

.boxven{
	background-color: #ff0000;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px #000, 0px 0px 2px #000,0px 0px 2px #000;
	text-shadow: 0px 0px 2px #000, 0px 0px 3px #000;
}

.btndg{
	border-radius: 6px;
	background:#ffd800;
	font-weight:bold;
	border: 1px solid #07074e;
	margin-bottom: 3px;
}

.txtven{
	margin: 0px 0px 0px 8px;
}

		.veen{
			width: 30%;
			margin: 90px auto;
			right: 10px;
			/*background: rgba(255,255,255,.5);
			min-height: 400px;
			display:table;
			position: relative;
			box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);*/
		}
		.veen > div {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			color: #fff;
		}
		.veen button{
			background: transparent;
			//background-image: linear-gradient(90deg, #e0b722, #ff4931);
			display: inline-block;
			padding: 10px 30px;
			border: 3px solid #fff;
			border-radius: 50px;
			background-clip: padding-box;
			position: relative;
			color: #FFF;
			//box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
			transition: all .25s;
		}
		.veen button.dark{
			border-color: #ff4931;
			background: #ff4931;
		}
		.veen .move button.dark{
			border-color: #e0b722;
			background: #e0b722;
		}
		.veen .splits p{
			font-size: 18px;
		}
		.veen button:active{
			box-shadow: none;			
		}
		.veen button:focus{
			outline: none;			
		}
		.veen > .wrapper {
			position: absolute;
			width: 100%;
			height: 120%;
			top: -10%;
			right: 0px;
			/*left: 5%;*/
			background: #fff;
			box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
			transition: all .5s;
			color: #303030;
			overflow: hidden;
		}
		.veen .wrapper > form{
			padding: 15px 30px 30px;
			width: 100%;
			transition: all .5s;
			background: #fff;
			width: 100%; 
		}
.veen .wrapper > form:focus{
  outline: none;
}
		.veen .wrapper #login{
			padding-top: 20%;
      visibility: visible;
		}
		.veen .wrapper #register{
			transform: translateY(-80%) translateX(100%);
      visibility: hidden;
		}
		.veen .wrapper.move #register{
			transform: translateY(-80%) translateX(0%);
      visibility: visible;
		}
		.veen .wrapper.move #login{
			transform: translateX(-100%);
      visibility: hidden;
		}
		.veen .wrapper > form > div {
			position: relative;
			margin-bottom: 15px;
		}
		.veen .wrapper label{
			position: absolute;
			top: -7px;
			font-size: 12px;
			white-space: nowrap;
			background: #fff;
			text-align: left;
			left: 15px;
			padding: 0 5px;
			color: #999;
			pointer-events: none;
		}
		.veen .wrapper h3{
			margin-bottom: 25px;
		}
		.veen .wrapper input{
			height: 40px;
			padding: 5px 15px;
			width: 100%;
			border: solid 1px #999;
		}
.veen .wrapper input{
			height: 40px
			padding: 5px 15px;
			width: 100%;
			border: solid 1px #999;
		}
		.veen .wrapper input:focus{
			outline: none;
			border-color: #ff4931;
		}
		.veen > .wrapper.move{
			left: 45%;
		}
		.veen > .wrapper.move input:focus{
			border-color: #e0b722;
		}
		@media (max-width: 767px){
			.veen{
				padding: 5px;
				margin: 60px -10px;
				width: 100%;
				display: block;
			}
			.veen > .wrapper{
				position: relative;
				height: 120%;
				top: 0;
				left: 0;
				width: 100%;
			}
			.veen > div{
				display: inline-block;
			}
			.splits{
				width: 50%;
				background: #fff;
				float: left;
			}
			.splits button{
				width: 100%;
				border-radius: 0;
				background: #505050; 
				border: 0;
				opacity: .7;
			}
			.splits button.active{
				opacity: 1;
			}
			.splits button.active{
				opacity: 1;
				background: #ff4931;
			}
			.splits.rgstr-btn button.active{
				background: #e0b722;
			}
			.splits p{
				display: none;
			}
			.veen > .wrapper.move{
				left: 0%;
			}
			.m-tb-40{
				margin-top: 0px;
			}
		}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
  box-shadow: inset 0 0 0 50px #fff
}


.fotveh{
	display: inline;
    float: left;
    padding: 10px 10px 10px 10px;
    text-align: right;
    width: 340px;
    margin: 0px auto;
}
.fotveh img{
    padding: 0px 0px 0px 0px;
    border: 2px solid #07074e;
    border-radius: 10px;
}
.btndel{
	display: inherit;
	margin: -40px 10px 10px 10px;
	text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;
}

	.site-link{
    padding: 5px 15px;
		position: fixed;
		z-index: 99999;
		background: #fff;
		box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
		right: 30px;
		bottom: 30px;
		border-radius: 10px;
	}
	.site-link img{
		width: 30px;
		height: 30px;
	}


	.banusu{
		display: inherit;
		position: fixed;
		top: 5px;
		right: 0px;
		padding: 10px 5px 10px 15px;
		background-color: #07074e;
		color:  #fff;
		border-radius: 31px 0px 0px 31px;
		font-size: 11px;
		font-weight: bold;
		box-shadow: 2px 2px 5px #000;
		z-index: 2;
	}

	.banint{
		display: inline-block;
		float: left;
		padding: 0px 0px 0px 10px;
	}

	.contenido{
		margin: 70px 20px 0px 70px;
		font-size: 14px;
		font-weight: normal;
	}

.form-select, .form-control, .btn{
	font-size: inherit;
}

h1{
	font-size: 40px;
  color: #07074e;
  font-weight: bold;
  /*text-shadow: 1px 1px 2px #000;*/
  font-family: Brush;
}

.lintit{
	width: 30%;
	border: 2px solid #07074e;
	margin-bottom: 30px;
}
.tit{
	margin-top: -60px;
}
.btnven{
	color: #07074e;
	background-color: #fff;
	border-radius: 10px;
	font-size: 28px;
	padding: 3px 6px 0px 6px;
	margin-right: 20px;
	border: 2px solid #07074e;
	text-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
}

.txtfot1{
	display: inline-block;
	float: left;
	width: 100px;
	text-align: center;
	margin-right: 20px;
}
.txtfot2{
	display: inline-block;
	float: left;
}
.foto{
	width: 100px;
}

@media (max-width: 800px){
	.tit{
		margin-top: 10px;
	}
	.foto{
		width: 100px;
		display: none;
	}
	i.fa.fa-solid.fa-user.fa-3x {
    display: none;
}
}


.faok{
	margin: 5px 5px;
	text-decoration: none;
}
#ocultar{
	margin-bottom: 10px;
}

#venflo{
	transition: all .5s;
	position: absolute;
	z-index: 5;
	display: inherit;
}

.cnbtn{
	position: absolute;
	right: 0px;
	background-color: #07074e;
}
.btninp{
	display: inline-block;
	font-size: 20px;
	color: #ffff00;
	font-weight: bold;
	padding: 5px 30px;
	margin:  15px 0px;
	border-right: 1px #fff solid;
	text-shadow: 0px 0px 8px #000;
}

.btning{
	display: inline-block;
	background-color: #07074e;
	font-size: 20px;
	color: #ffff00;
	font-weight: bold;
	padding: 20px 30px;
	margin:  15px 0px;
	text-shadow: 0px 0px 8px #000;
	border-radius: 5px;
}

.bus{
	display: inherit;
  position: fixed;
  left: 0px;
  height: 70vh;
  bottom: 10px;
  z-index: -1;
  opacity: 0.8;
}
.frob{
	color: #fff;
}
.tnom{
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 4px #000;
	text-align: center;
	width: 100%;
}
.fotusi{
	width: 230px;
	border: 1px solid #000;
  border-radius: 50px;
  box-shadow: 2px 2px 4px #000;
  margin-top: 10px;
}
.row{
	--bs-gutter-x: 0.0rem;
}
.timen{
	display: inline-block;
	font-family: Brush;
	text-shadow: 0px 0px 4px #000;
	color: #fff;
}

.dt-buttons{
	position: absolute;
}

.form-group{
	padding: 0px 5px 0px 5px;
}

.fa-2x{
	color: #07074e;
}

.btnact{
	color: #07074e;
}

.btndesact{
	color: #ff0000;
}

.btn-primary{
	background-color: #07074e;
	margin-top: 26px;
	padding: 6px 50px;
}

.btn-primary:hover{
	background-color: #02026a;
	font-weight: bold;
}

.btn-primary:active, .btn-primary:link, .btn-primary:visited, .btn-primary:focus{
	background-color: #02026a;
}

.page-item.active .page-link {
  background-color: #07074e;
  border-color: #07074e;
}

.page-item.active:hover .page-link:hover {
  background-color: #bb1108;
  border-color: #bb1108;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgb(230 230 230 / 20%);
}

.msgConf{
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	border-radius: 50px;
}

.msgConfA{
	background-color: #07074e;
}

.msgConfD{
	background-color: #07074e;
}

.btnpin{
	text-align: center;
  font-size: 15px;
  color: #000;
  text-shadow: 0px 0px 2px #fff;
  font-weight: bold;
}

.agrrut{
	background-color: rgba(255,255,255,0.8);
  border-radius: 15px;
  box-shadow: 0px 0px 5px #000;
  padding-top: 10px;
}

.marfot{
	border-radius: 10px;
  border: 1px solid #07074e;
  box-shadow: 0px 0px 3px #000;
}

.maresp{
	margin-top: 20px;
	box-shadow: 0px 0px 0px #000;
}
.sobtxt{
	text-shadow: 2px 2px 2px #000,2px 2px 2px #000,2px 2px 2px #000;
}
.cce1{
	display: inline-block;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 2px 5px;
}
.ccres{
	background-color: #fff;
	color: #000;
	font-weight: bold;
	text-shadow: 2px 2px 2px #fff,2px 2px 2px #fff,2px 2px 2px #fff;
	box-shadow: 2px 2px 2px #000,2px 2px 2px #000,2px 2px 2px #000;
	border-radius: 5px;
}
.tinew{
	color: #fff;
	font-weight: 100 !important;
	text-shadow: 1px 1px 2px #000;
	padding-top: 30px;
}
.txtract{
	font-size: 18px;
	text-align: justify;
	margin-top: 30px;
	padding: 20px;
	background-color: rgba(0,0,0,0.8);
	border-radius: 20px;
}
.algizq{
	text-align: left;
}
.algder{
	text-align: right;
}
.btnayu{
	display: inherit;
	position: fixed;
	top: 70px;
	right: 10px;
	z-index: 3;
}

.pie2{
/*	display: block;*/
  padding: 0px 10px;
  width: 250px;
  text-align: center;
  color: rgba(255,255,255,0.5);
  font-size: 9px;
}

@media (max-width: 600px){
	.txtfot1{
		display: block;
		width: 100%;
		text-align: center;
	}
	.sindt{
		display: none;
	}
	.qsfr{
		margin-top: 0px;
	}
	.btninp{
		display: inline-block;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 5px 20px;
		margin:  10px 0px;
		border-right: 1px #fff solid;
		text-shadow: 0px 0px 8px #000;
	}
	.algizq{
		text-align: center;
	}
	.algder{
		text-align: center;
	}
	.dt-buttons {
    position: inherit;
    display: block;
    text-align: center;
	}
	.btn-primary{
		margin-top: 0px;
	}
	table{
		font-size: 10px;
	}
	.panel-body {
    padding: 0px;
	}
}

.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
}
.custom-combobox-input {
margin: 0;
padding: 5px 10px;
}
.mycmb{
/*	width: 245px;*/
	background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}