.alert {
	height: 6em;
	text-align: center;
	padding: 0px;
}

.alert-danger {
	color: white;
	background-color: #F44336;
	border-color: #F44336;
}

.alert-0 {
	color: white;
	background-color: #008000;
	border-color: #008000;
}

.alert-25 {
	color: white;
	background-color: #FFC107;
	border-color: #FFC107;
}

.alert-50 {
	color: white;
	background-color: #fd5d00;
	border-color: #fd5d00;
}

.alert-75 {
	color: white;
	background-color: #F44336;
	border-color: #F44336;
}

.alert-100 {
	color: white;
	background-color: #000000;
	border: red 2px solid;
}

.alert-warning {
	color: white;
	background-color: #FFC107;
	border-color: #FFC107;
}

.alert-info {
	color: white;
	background-color: #3F51B5;
	border-color: #3F51B5;
}

.alert-success {
	color: white;
	background-color: #4CAF50;
	border-color: #4CAF50;
}

.alert-uni {
	color: white;
	background-color: #9E9E9E;
	border-color: #9E9E9E;
}

h2 {
	color: white;
	font-size: 20px;
	margin-top: 15px;
	letter-spacing: -0.5px;
}

.info-alert>h2 {
	height: 26px;
	overflow: hidden;
}

/*body{
    background-image: url('../imagens/bckgr.jpg');
    min-height: 100vh;
    height: 100vh;
}*/

.div_badge {
	float: right;
	padding-top: 0.5em;
	padding-right: 0.5em;
}

.badge {
	font-size: 2em;
}

.verificar_chamados {
	font-size: 4em;
}

.info-alert {
	cursor: default;
}

.info-alert:hover {
	background-color: rgb(209, 209, 195);
	cursor: pointer;
}

.ponteiro {
	cursor: pointer;
}

.div_login {
	display: table;
	margin: 25vh auto;
	float: none;
}

.form-control:focus {
	border-color: #FF6600;
}

.btn_login,
btn_login:hover {
	background-color: #FF6600 !important;
	border-color: #FF6600;
	color: #fff !important;
}

.logo_login {
	width: 330px;
	margin: 0 auto 20px;
	display: table;
}

.mudacor {
	background-color: #9E9E9E;
	position: relative;
	-webkit-animation-name: example;
	/* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s;
	/* Safari 4.0 - 8.0 */
	/*-webkit-animation-iteration-count: 3;  Safari 4.0 - 8.0 */
	animation-name: example;
	animation-duration: 4s;
	/*animation-iteration-count: 3;*/
}

@keyframes example {
	0% {
		background-color: red;
	}

	10% {
		background-color: #9E9E9E;
	}

	20% {
		background-color: red;
	}

	30% {
		background-color: #9E9E9E;
	}

	40% {
		background-color: red;
	}

	50% {
		background-color: #9E9E9E;
	}

	60% {
		background-color: red;
	}

	70% {
		background-color: #9E9E9E;
	}

	80% {
		background-color: red;
	}

	90% {
		background-color: #9E9E9E;
	}

	100% {
		background-color: red;
	}
}

@-webkit-keyframes example {
	0% {
		background-color: red;
	}

	10% {
		background-color: #9E9E9E;
	}

	20% {
		background-color: red;
	}

	30% {
		background-color: #9E9E9E;
	}

	40% {
		background-color: red;
	}

	50% {
		background-color: #9E9E9E;
	}

	60% {
		background-color: red;
	}

	70% {
		background-color: #9E9E9E;
	}

	80% {
		background-color: red;
	}

	90% {
		background-color: #9E9E9E;
	}

	100% {
		background-color: red;
	}
}


body {
	min-height: 100vh;
	height: 100vh;
	background-size: cover;
	transition: 0.5s !important;
}

@keyframes backmuda {
	0% {
		background: url('../imagens/bckgr_9.jpg') no-repeat fixed;
	}

	25% {
		background: url('../imagens/bckgr_11.jpg') no-repeat fixed;
	}

	50% {
		background: url('../imagens/bckgr_10.jpg') no-repeat fixed;
	}

	75% {
		background: url('../imagens/bckgr_9.jpg') no-repeat fixed;
	}

	100% {
		background: url('../imagens/bckgr_6.jpg') no-repeat fixed;
	}
}

.fw-bold {
	font-weight: bold;
}

.bg-danger>td {
	font-weight: bold;
	background-color: #d9534f;
	color: #fff;
}

.bg-warning{
	font-weight: bold;
	background-color: #FF9800 !important;
	color: #fff;
}

#tbl-info-chamado td {
	cursor: pointer;
}

.text-center {
	text-align: center !important;
}

.badge {
	border: #000 solid 0.1px !important;
	font-size: smaller;
}

.badge-success {
	color: #fff;
	background-color: #28a745 !important;
}

.badge-alert {
	color: #000;
	background-color: #EBF400
}

.badge-warning {
	color: #212529;
	background-color: #FAA300;
}

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}

.ponteiro img {
	right: 10%;
	position: absolute;
}

.cl-dourado {
	color: #FF9A00;
}

.cl-verde {
	color: #0caa33;
}

.cl-vermelho {
	color: #aa0c0c;
}

.mfp-wrap {
	z-index: 999999 !important;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	z-index: 999999;
	position: absolute;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	z-index: 999999;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	z-index: 999999;
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	z-index: 999999;
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	z-index: 999999;
	opacity: 0;
}

.zoom-gallery {
	z-index: 999999;

	img {
		z-index: 999999;
		width: 75px;
		aspect-ratio: auto 75 / 75;
		height: 75px;
		object-fit: cover;
		border-radius: 5px;
	}
}

.parent {
	position: relative;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.parent .two {
	text-align: center;
	width: 100%;
	height: 100%;
}

.parent .one {
	text-align: center;
	color: #fff;
	position: absolute;
	background-color: #3F51B5;
	width: 35%;
	border-radius: 0 10px 10px 0;
	left: 0;
}

.parent .two {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: space-between;
	padding-right: 15%;
}

.parent .two div {
	font-size: 3rem;
	display: flex;
	align-items: center;
	justify-content: end;
	height: 50%;
	width: 100%;
}
