@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Light"),
		url("/fonts/segoe-ui/light/latest.woff2") format("woff2"),
		url("/fonts/segoe-ui/light/latest.woff") format("woff"),
		url("/fonts/segoe-ui/light/latest.ttf") format("truetype");
	font-weight: 100;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Semilight"),
		url("/fonts/segoe-ui/semilight/latest.woff2") format("woff2"),
		url("/fonts/segoe-ui/semilight/latest.woff") format("woff"),
		url("/fonts/segoe-ui/semilight/latest.ttf") format("truetype");
	font-weight: 200;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI"),
		url("/fonts/segoe-ui/normal/latest.woff2") format("woff2"),
		url("/fonts/segoe-ui/normal/latest.woff") format("woff"),
		url("/fonts/segoe-ui/normal/latest.ttf") format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Bold"),
		url("/fonts/segoe-ui/bold/latest.woff2") format("woff2"),
		url("/fonts/segoe-ui/bold/latest.woff") format("woff"),
		url("/fonts/segoe-ui/bold/latest.ttf") format("truetype");
	font-weight: 600;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Semibold"),
		url("/fonts/segoe-ui/semibold/latest.woff2") format("woff2"),
		url("/fonts/segoe-ui/semibold/latest.woff") format("woff"),
		url("/fonts/segoe-ui/semibold/latest.ttf") format("truetype");
	font-weight: 700;
}

body{
	font-size: 18px;
	font-family: SegoeUI, sans-serif;
	background: url('/images/bg.jpg');
	background-size: cover;
}

label{
	font-weight: 400;
	cursor: pointer;
}


.diss-font-size-14{ font-size: 14px; }

.loading-general{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:99999;display:none}.loading-general .loader-inner{position:fixed;top:45%;width:70px;margin:0 auto;left:0;right:0}.loading-general .loader-texto{position:fixed;top:50%;margin-left:0;margin-right:0;left:0;right:0}.loading-general .loader-texto p{font-size:25px;text-align:center;color:#fff}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ball-pulse > div:nth-child(1){-webkit-animation:scale .75s -.24s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:scale .75s -.24s infinite cubic-bezier(0.2,0.68,0.18,1.08)}.ball-pulse > div:nth-child(2){-webkit-animation:scale .75s -.12s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:scale .75s -.12s infinite cubic-bezier(0.2,0.68,0.18,1.08)}.ball-pulse > div:nth-child(3){-webkit-animation:scale .75s 0 infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:scale .75s 0 infinite cubic-bezier(0.2,0.68,0.18,1.08)}.ball-pulse > div{background-color:#fff;width:15px;height:15px;border-radius:100%!important;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}

/* Bootstrap Customization */

.btn-outline-primary {
	--bs-btn-color: #2c4177;
	--bs-btn-border-color: #2c4177;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #2c4177;
	--bs-btn-hover-border-color: #2c4177;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2c4177;
	--bs-btn-active-border-color: #2c4177;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #2c4177;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #2c4177;
	--bs-gradient: none;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #2c4177;
	--bs-btn-border-color: #2c4177;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #2c4177;
	--bs-btn-disabled-border-color: #2c4177;
}

.modal-dialog {
    max-width: 720px;
}

.alert {
    padding: 4px 10px;
    font-size: 16px;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
	background-color: #2c4177 !important;
}

div:where(.swal2-icon).swal2-error {
    border-color: rgb(220, 53, 69) !important;
    color: rgb(220, 53, 69) !important;
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{
	background-color: rgb(220, 53, 69) !important;
}

.fs-18{
	font-size: 16px;
}

/* END Bootstrao Customization */

.diss-content-form {
    max-width: 724px;
    margin: 0 auto;
    padding: 24px;
}

.diss-form-register{
	border-radius: 1rem !important;
}

.left-panel {
	background-color: #2c4177;
	color: white;
	padding: 16px;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

/*background-color: #2c4177;*/
/*color: white;*/

.step-indicator .circle {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.step-indicator .circle a {
	width: 42px;
	height: 42px;
	text-align: center;
	font-size: 24px;
	border-radius: 50%;
	font-weight: bold;
	color: rgba(33, 37, 41, 1);
    background-color: rgba(248, 249, 250, 1);
    border: 1px solid #dee2e6;
    text-decoration: none;
}

.step-indicator .line {
	flex: 1;
	height: 2px;
	background-color: #dee2e6;
	margin: 0 0.5rem;
}

.form-section {
	padding: 16px;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	background-color: #f8f9fa;
}

.form-label {
    margin-bottom: 2px;
}
.form-text {
    margin-top: 0;
}

.diss-logo-content {
    background: white;
    border-radius: 1rem;
    padding: 10px;
    height: 156px;
}

.diss-logo-content img {
/*    max-width: 95px;*/
    margin: 0 auto;
    display: block;
}

.form-section{
	min-height: 728px;
}

.diss-card {
	-webkit-transform: translate3d(0,48px,0);
	transform: translate3d(0,48px,0);
	-webkit-transition: opacity .3s cubic-bezier(.1,.9,.2,1) 50ms,-webkit-transform .3s cubic-bezier(.1,.9,.2,1);
	transition: opacity .3s cubic-bezier(.1,.9,.2,1) 50ms,-webkit-transform .3s cubic-bezier(.1,.9,.2,1);
	transition: transform .3s cubic-bezier(.1,.9,.2,1),opacity .3s cubic-bezier(.1,.9,.2,1) 50ms;
	transition: transform .3s cubic-bezier(.1,.9,.2,1),opacity .3s cubic-bezier(.1,.9,.2,1) 50ms,-webkit-transform .3s cubic-bezier(.1,.9,.2,1);
	overflow: hidden;
}

.diss-card-off .diss-card{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition-delay: 0s;
}

/* ALERT ERROR  */
.alert-custom {
	border-left: 6px solid #dc3545;
	background: #fff5f5;
	color: #842029;
	padding: 1.5rem;
	position: relative;
	border-radius: 1rem;
	box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15);
	font-size: 18px;
}
.alert-success-custom {
	border-left: 6px solid #198754;
	background: #f0fdf4;
	color: #0f5132;
	padding: 1.5rem;
	position: relative;
	border-radius: 1rem;
	box-shadow: 0 4px 12px rgba(25, 135, 84, 0.15);
	font-size: 18px;
}
.alert-custom h5 {
	font-weight: bold;
	font-size: 1.25rem;
}
.alert-icon {
	font-size: 1.8rem;
	margin-right: 0.5rem;
}
.btn-redirect {
	margin-top: 1.5rem;
}
.progress-info {
	font-weight: 600;
	margin-top: 1rem;
}

.verification-container {
	padding: 24px;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	text-align: center;
}

.code-input {
	width: 48px;
	height: 48px;
	text-align: center;
	font-size: 24px;
	border-radius: 8px;
}
.code-input:focus {
	border-color: #4a90e2;
	box-shadow: 0 0 0 0.25rem rgba(74, 144, 226, 0.25);
}

.wizard > .steps{
	margin-bottom: 2rem;
}

.actions ul {
    text-align: center;
}

.actions ul li {
    display: inline-block;
    margin: 0 15px;
}

/* Errors */
label.error {
    font-size: 14px;
    margin-top: -2px;
}

li.error:before{
	content: " ";
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path></svg>');
	background-repeat: no-repeat;
  	background-size: 40px 40px;
  	vertical-align: -.125em;
  	display: inline-block;
  	width: 40px;
    height: 40px;
    position: absolute;

}

li.error.diss-no-x:before{
	display: none;
}

li.current.diss-no-x a{
	background: #2c4177 !important;
    color: #fff !important;
    border: 1px solid #2c4177 !important;
}

.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active{
	color: transparent;
}

/* END ERRORS */

.diss-to-end{
	padding: 0 !important;
}

.form-check-input-lg {
	width: 1.5em;
	height: 1.5em;
}

.form-check-input-md {
	width: 1.25em;
	height: 1.25em;
	margin-top: 0.15em;
}

/* Loading two */
@keyframes dataLoaderFadeIn{0%,50%{opacity:0}100%{opacity:1}}

@keyframes circulo {
	0% {
		transform: rotate(225deg);
		opacity: 1;
		animation-timing-function: ease-out;
	}
	7% {
		transform: rotate(345deg);
		animation-timing-function: linear;
	}
	30% {
		transform: rotate(455deg);
		animation-timing-function: ease-in-out;
	}
	39% {
		transform: rotate(690deg);
		animation-timing-function: linear;
	}
	70% {
		transform: rotate(815deg);
		opacity: 1;
		animation-timing-function: ease-out;
	}
	75% {
		transform: rotate(945deg);
		animation-timing-function: ease-out;
	}
	76% {
		transform: rotate(945deg);
		opacity: 0;
	}
	100% {
		transform: rotate(945deg);
		opacity: 0;
	}
}

.diss-loading {
    z-index: 3;
}

.diss-loader-spinner {
	text-align: center;
	/*animation: dataLoaderFadeIn 1s ease;*/
	background-color: #fff;
	margin: 0;
	max-width: 330px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
}

.powerbi-spinner {
	display: inline-block !important;
	width: 48px;
	height: 48px;
	text-align: initial !important;
	vertical-align: middle;
}

.powerbi-spinner.xlarge .spinner {
	transform: scale(0.85714286);
}
.powerbi-spinner.xmedium .spinner {
	transform: scale(0.45714286);
}

.diss-loader-spinner .powerbi-spinner {
	margin: 20px 0 10px 0;
}

.powerbi-spinner .spinner .circle {
	position: absolute;
	width: 38px;
	height: 38px;
	opacity: 0;
	transform: rotate(225deg);
	animation-iteration-count: infinite;
	animation-name: circulo;
	animation-duration: 5.5s;
}

.powerbi-spinner .spinner .circle:nth-child(2) {
	animation-delay: 360ms;
}

.powerbi-spinner .spinner .circle:nth-child(3) {
	animation-delay: 720ms;
}

.powerbi-spinner .spinner .circle:nth-child(4) {
	animation-delay: 1080ms;
}

.powerbi-spinner .spinner .circle:nth-child(5) {
	animation-delay: 1440ms;
}

.powerbi-spinner .spinner .circle:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #666;
}


/* Steps Contents V  */

.diss-content-steps {
    position: relative;
    min-height: 522px;
}

.diss-content-steps .diss-content-item {
    position: absolute;
    width: 100%;
    display: none;
}
.diss-content-steps .diss-content-item.active{
	display: block;
}

.diss-content-steps .diss-content-item,
.diss-content-steps .alert{
	height: 100%;
}