@charset "utf-8";
/* CSS Document */
.pensionista {
	background-color: #44ffff;
}
.beneficiario{
	background-color: #eff2d1;
	padding-top: 5px;
}

.beneficiario .form-row{
	margin-top: 5px;
}

.card{
	/* padding-top: 10px; */
}



.container{
	padding-top: 10px;
}

.primeiroContainer {
	display: flow-root!important;
}

#wrapper{	
	text-align: inherit!important;	
}

.beneficiario .form-group {
    margin-bottom: inherit;
}

#btnAdicionarBeneficiario{
	max-width: 500px;
    width: 100%;
    display: block;
    margin: 0px auto 10px auto;
}

.resposta {
	font-weight: bold;	
}

.ass{
	line-height: 0.5;
	font-size: xx-small;	
}

.cardDoc{
	display: flex;
	margin: 5px 10px;
	background-color: rgb(224, 237, 251);
}


.numeroProtocolo {
    float: right;
    width: max-content;
    padding: 0px;
    display: block;
    z-index: 10;
    background-color: whitesmoke;
    height: auto;
}

#divResposta{
	vertical-align: bottom;
    display: inline-block;
    position: relative;	
    font-weight: bold;
    margin-left: 5px;
}

.formOculto{
	display: none;
}

.lnkAbrirUpload {
	display: inline-block;
    /*background-color: #007bff;*/
    color: white!important;
    height: 25px;
    width: 80px;
    padding: 3px;
    text-align: center;
    font-size: small;
    margin: -2px 3px;
    vertical-align: middle;
    cursor: pointer;
    float: right;
}

.ticAzul {
	height: 32px;
	display: inline; 
	border: none; 
	margin: -14px 3px 0 5px;
}

.clip {
	height: 100px;
    float: right;
}

.btnAgendar {
	
}

.botoesSuperiores{
	margin: 0px 20px 5px 0;
	float: right;
    height: min-content;

    /* max-width: 315px; 
    width: max-content; */
    
}

.alerta-top{	
    width: calc(100% - 300px);
    /* height: 50px; */
	
}


.vtop{
	height: 100%;
    vertical-align: top;	
}

.red{
	color: red;
}

.lnkAbrirUpload:hover {
	background-color: #3797ff;
}

.cardDoc li {
    /* width: 90%; */
    margin: 7px;
    display: flow-root;
}

.ativo{
	background-color: #2bc9e229!important;
}
.ativo:hover{
	
}


.msgAgendamento {
	display: contents;
	font-size: smaller;
	color: #4a4a4a;
	margin-top: 50px;
	position: relative;
}

.dialogoComunicacao {
    float: right;
    margin: 10px 20px;
}




.divStatusSolicitacao {
	background-color: #3581cb;
	color: white;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	border: thin solid black;
	display: block;
}

#pageWrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fc {
	display: flex;
	flex-direction: column;
}
.fc-r {
	display: flex;
	flex-direction: column-reverse;
}
.fr {
	display: flex;
	flex-direction: row;
}
.ai-c {
	align-items: center;
}
.ai-s {
	align-items: flex-start;
}
.ai-e {
	align-items: flex-end;
}
.jc-c {
	justify-content: center;
}
.jc-s {
	justify-content: flex-start;
}
.jc-e {
	justify-content: flex-end;
}

.f1 {
	display: flex;
	flex: 1;
}
.w {
	flex-wrap: wrap;
}
.n {
	display: none;
}
.fixed-container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
}

.w-fit {
	width: fit-content !important;
}

.c {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.minimal-grey-bg {
	background-color: rgba(194, 190, 190, 0.17);
}
.light-grey-bg {
	background-color: rgba(0,0,0,0.68);
}
.bg-white {
	background-color: white;
}

.quarterSpinner {
	width: 60px;
	height: 60px;
	border: 5px solid #FFF;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#pageWrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto;
	font-family: arial;
}

#requerimentoFormLoading {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999999999999;
	background-color: rgba(0,0,0,0.54);
}



.docRow:hover {
	background-color: white;
	transition: 0.3s;
}



.file-input file-input-new {
	display: none;
}
.form-control {
	margin: 0 !important;
}

.docInputContainer {
	display: flex;
	flex-direction: column;
	height: 120px;
	width: 100%;
	background-color: #f9f8e8;
	padding: 14px;
	position: relative;
}
.checkedAzul {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	justify-content: center;
	align-items: center;
	padding: 5px;
}
.abrirUploadBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: auto;
	padding: 5px 40px;
	cursor: pointer;
	color: #fff !important;
}
.fileInputGroup {
	display: none;
	flex-direction: row;
	height: 40px;
	width: auto;
	margin-top: 5px;
	/*border: 1px solid yellow;*/
}
.procurarBtn {
	display: flex;
	flex-direction: row;
	height: 35px;
	width: auto;
	padding: 5px;
	cursor: pointer;
	margin-top: 1px;
}
.procurarBtn > i {
	display: flex !important;
	justify-content: center;
	align-items: center;
	height: auto !important;
	width: auto !important;
	text-align: center;
	padding-bottom: 4px !important;
	margin-right: 9px;
}
.progress, .progress-bar-success {
	display: none;
}
.progress-bar-processing {
	display: none;
	width: 100%;
	background-color: #F7EB83;
	color: rgba(0,0,0, 0.6);
	font-weight: bold;
}
.progress-bar-failed {
	display: none;
	width: 100%;
	background-color: #FF0000;
	color: rgba(255,255,255, 0.95);
	font-weight: bold;
}
.input-group file-caption-main {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}


@keyframes modalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

#trocarExigenciaModal {
	position: fixed !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh !important;
	width: 100vw !important;
	max-width: 100vw !important;
	background-color: rgba(0,0,0,0.54);
	transition: 0.3s all;
}
#trocarExigenciaModal > .modal-content {
	max-width: 900px !important;
	min-height: auto !important;
	overflow-y: auto;
}

#requerimentoFormLoading {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: 100vw;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999999999999;
	background-color: rgba(0,0,0,0.54);
}
.quarterSpinner {
    width: 60px;
    height: 60px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#chatMessages {
	background: url(../../imagens/logoPrefeituraAzulpqtransp.png) beige;
}


@media screen and (max-width: 950px) {
	
	.req {
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% important;
	}

}


@media print {
	.cardDoc{
		display: none;
	}
	
	.noPrint{
		display: none!important;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	  float: left!important;
	}
	.col-sm-12, .col-md-12 {
	  width: 100%;
	}
	.col-sm-11, .col-md-11 {
	  width: 91.66666666666666%;
	}
	.col-sm-10, .col-md-10 {
	  width: 83.33333333333334%;
	}
	.col-sm-9, .col-md-9 {
	  width: 75%;
	}
	.col-sm-8, .col-md-8 {
	  width: 66.66666666666666%;
	}
	.col-sm-7, .col-md-7 {
	  width: 58.333333333333336%;
	}
	.col-sm-6, .col-md-6 {
	  width: 50%;
	}
	.col-sm-5, .col-md-5 {
	  width: 41.66666666666667%;
	}
	.col-sm-4, .col-md-4 {
	  width: 33.33333333333333%;
	}
	.col-sm-3, .col-md-3 {
	  width: 25%;
	}
	.col-sm-2, .col-md-2 {
	  width: 16.666666666666664%;
	}
	.col-sm-1, .col-md-1 {
	  width: 8.333333333333332%;
	}

}