@import url("reset.css");
@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("cas.css");
@import url("tcesp.css");
@import url("index.css");


.menu-superior-itens {
    display: inline-flex;
    vertical-align: baseline;
}

.redes-sociais {
    display: inline-flex;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

@media (min-width: 640px) {
    .sm\:py-16 {
        padding-bottom: 0;
        padding-top: 0;
    }
}

body {
    margin-top: 150px;
}

.container-main {
    min-height: calc(100vh - 150px);
    display: flex;
    flex-direction: column;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    align-items: center;
}

.container-content {
    flex: 1;
    min-width:425px;
    margin-top: 25px;
}

.min-h-screen {
    min-height: unset;
}

@media (max-height: 640px) {
	.fixed-top {
		position: relative;
	}
	body {
		padding-top: 0px;
		margin-top: 0px;
	}
	.container-main {
		min-height: 100vh;
	}
}

@media (max-width: 1070px) {
	body {
		padding-top: 175px
	}
}

@media (max-width: 830px) {
	.barra-menu {
		display: none;
	}
	.fixed-top {
		position: relative;
	}
	
	body {
		padding-top: 0px;
		margin-top: 0px;
	}
	.container-main {
		min-height: 100vh;
	}
}

@media ( max-width : 640px) {
	.fixed-top {
		position: relative;
	}
	
	body {
		padding-top: 0px;
		margin-top: 0px;
	}
	.container-main {
		min-height: 100vh;
	}
	.container-content {
		min-width: 375px;
	}	
	.tcesp-icon-button {
		right:0;
		width:100%;
	}
	.tcesp-buttons-container {
		right: 0;
		width: 100%;
		margin-bottom: 5px;
	}
	.tcesp-content {
		padding: 5px;
	}
	.tcesp-fieldset {
		padding: 0em;
	}
	.tcesp-content-full-width {
		width: 100%;
		padding: 7px;
		overflow-x: hidden;
	}
	.tcesp-top-menu {
		right: 0;
	}
	.tcesp-top-menu ul {
		text-align: center;
	}
	.tcesp-top-menu li a {
		text-transform: capitalize;
		font-size: 12px;
		font-weight: 100;
	}
	.tcesp-top-social {
		visibility: hidden;
		margin: 0;
		padding: 0;
		height: 0;
	}
	.tcesp-top-menu li+li:before {
		padding: 0 5px;
	}
	.tcesp-clock {
		top: 35px;
		font-size: 11px;
		text-align: center;
	}
	.tcesp-middle h1 {
		font-size: 1.4em;
	}
	.tcesp-footer {
		padding: 15px 20px;
	}
	.tcesp-composite-cpf-label {
		font-size: 14px;
		display: flex;
		margin-top: 10px;
	}
	.tcesp-composite-cpf .ui-inputfield, .tcesp-composite-cpf-field {
		padding: 5px;
		font-size: 17px;
	}
	.tcesp-composite-cpf .ui-widget-content, .tcesp-composite-cpf .ui-panelgrid-cell {
		padding: 0 2px;
	}
	.ui-datatable table {
		font-size: 12px;
	}
	.ui-datatable tbody td {
		padding: 4px 2px;
		font-size: 11px;
		text-overflow: ellipsis;
		word-wrap: break-word;
		vertical-align: middle;
	}
	.tcesp-selected-user .ui-widget-content:after {
		font-size: 70px;
		margin-left: -69px;
		top: 39px;
	}
	.tcesp-selected-user .ui-widget-content {
		width: inherit;
		padding: 10px 0 10px 90px;
	}
	.tcesp-grid-div {
		width: 80%;
	}
	.tcesp-perfil {
		width: 100%;
	} 
	.tcesp-perfil .ui-selectonemenu {
		width: 86%
	} 
	.tcesp-column-actions .tcesp-button-actions {
		width: 21px;
		height: 22px;
	}
	.pe-fluidgrid-item {
		min-width: 50%;
		width: 50%;
		padding: 2px;
	}
	.tcesp-grid .tcesp-item-system .tcesp-icon-container img {
		max-width: 80%;
		height: 80px;
	}
	.tcesp-grid .tcesp-item-system .tcesp-icon-container {
		margin: 5px auto 10px auto;
		display: flex;
		width: inherit;
		height: inherit;
		background-size: contain;
	}
	.tcesp-grid .tcesp-item-system .ui-outputlabel {
		font-size: 12px;
	}
	.tcesp-grid-small .ui-panelgrid-content {
		width: 80%;
	}
	.ui-fluid .tcesp-button-command-default, .tcesp-fieldset .tcesp-button-command-default {
		min-width: 100px;
	}
	.tcesp-panel-buttons {
		max-width: 100%;
	}
	.tcesp-panel-buttons .ui-grid-row:first-child {
		display: flex;
	}
	.tcesp-boxbg .ui-widget-content {
		width: 80%;
	}
	.tcesp-grid .tcesp-item-system .tcesp-item-label {
		max-width: inherit;
	}
	.tcesp-fieldset-small {
		width: 90%;
	}
	.ui-panelgrid .ui-grid-responsive .ui-grid-row {
		border-top: 1px solid #eeeeee;
	}
	.tcesp-grid-captcha {
		width: 100%;
		padding: 0;
		margin: 0;
		display: block;
	}
	.tcesp-grid-captcha .ui-panelgrid-content {
		width: 100%;
		display: initial;
		padding: 10px 0;
	}
	#rc-imageselect, .g-recaptcha {
		transform: scale(0.90);
		-webkit-transform: scale(0.90);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	.barra-selecao {
		display:block;
	}
}