/* backgrounds */

.login-body {
	background-image: url("../resources/images/background.jpg");
}

.bc-green {
	background-color: #96C93E !important;
}

.bc-white {
	background-color: #FFFFFF !important;
}


/* colors */

.c-white {
	color: white !important;	
}


/* alert */

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: .5rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

	.alert-warning {
	    color: #856404;
	    background-color: #fff3cd;
	    border-color: #ffeeba;
	}
	
		.alert-warning .ft-bold {
			color: #533f03;
		}
		
	.alert-primary {
	    color: #004085;
	    background-color: #cce5ff;
	    border-color: #b8daff;
	}
	
		.alert-primary .ft-bold {
			color: #002752;
		}
		
	
	.alert-danger {
	    color: #721c24;
	    background-color: #f8d7da;
	    border-color: #f5c6cb;
	}

		.alert-danger .ft-bold {
			color: #491217;
		}

/*
* @datagrid columns
*/

.action-column {
    width: 110px !important;
}

.one-column {
	width: 30px !important;
}

.two-column {
	width: 70px !important;
}

.image-column {
	width: 50px !important;
}

.toggler-column {
	text-align: center;
    width: 15px !important;    
}

	.toggler-column div {
		color: #000 !important;
	}

/*
* @output valores
*/

.ot-red {
	color: #e74c3c;
}

.ot-green {
	color: #2ecc71;
}

/*
* @grid solicitacao
*/

.solicitacao-limite-viagem td:first-child {
	border-left: .5em solid #e74c3c; 
	background-image: none !important;
}

	.solicitacao-limite-viagem-label {
		color: #e74c3c;
	}
	
.solicitacao-limite-prestacoes-contas td:first-child {
	border-left: .5em solid #f1c40f;
    background-image: none !important;
}

	.solicitacao-limite-prestacoes-contas-label {
		color: #f1c40f;
	}

.solicitacao-limite-saldo-orcamentario td:first-child {
	border-left: .5em solid #9b59b6;
    background-image: none !important;
}

	.solicitacao-limite-saldo-orcamentario-label {
		color: #9b59b6;
	}

.profile-image img {
    width: 36px;
    height: 36px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.profile-image-lg img {
	width: 4em;
    height: 4em;
    border-radius: 4em;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
}


/******************Css Login *****************************/
.menu{
	background-color: #2F2A60;
	height: 40px;
}
@media only screen and (max-width: 850px){
.login_page .logo {
	width: 103px;
    z-index: 972;
}
.brand {
	background-color: #96C93E;
    text-align: center;
    padding-top: 2px;
	    
}
.brand img {
	background-color: #96C93E;
    height: 6em;
}
.titulo-app{
	margin-bottom: -100px;
}
}
@media only screen and (min-width: 851px){
.login_page .logo {
    width: auto;
    background-color: #96C93E;
    padding: 17px;
    z-index: 988;
    float: left;
    border-radius: 0px 0px 20px;
    width: 129px;
}
.brand {
	float: left;
}
.titulo-app{
	margin-top: -45px;
}
.brand img {
	background-color: #96C93E;
    padding: 0.1em 1em;
    border-radius: 0em 0em 3em 0em;
    height: 8em;
}
.link-button{
	 width: auto;
}
.link-button:hover{
	background: aliceblue;
    border-radius: 3px;
}
.link-button:hover a{
	color:#597CB2;
}
.contorno{
	box-shadow: 0 0 6px 0px #dcdcdc !important;
    border-radius: 2em;
    padding: 26px !important;
    background-color: #FFF
}
.contorno h2{
	font-weight: 500;
}
}
.menu  ul {
    list-style-type: none;
    margin: 0;
    padding: 0vw 3vw;
    overflow: hidden;
    /* background-color: #14093c; */
    position: relative;
    top: 0vh;
    /* width: 100%; */
    width: -20.3vw;
    z-index: 950;
    left: 0vw;
    float: right;
}


.menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px 0px;
    text-decoration: none;
}

.menu li a:hover:not (.active ) {
	background-color: #111;
}
/*****************************header******************************/
.pg-info img{
	    height: 80px;
}

.acesso {
	min-height: 52vh;
	box-shadow: 0px 0px 6px 4px #fff;
}

.intro{
  /*  position: realtive;*/
    /* left: 20vw; */
    /* width: 50vw; */
    /* top: 96vh; */
    height: 90vh;
    /* right: 20%; */
    background-color: #09041d8c;
    /* border-radius: 12px; */
    padding: 25px;
    color: #fff;
    text-align: center;
    /* z-index: 900; */
	}
.intro_text{
	padding-top: 25vh;
}
.setas {
    width: 65px;
    height: 94px;
    /* position: sticky; */
    /* left: 49%; */
    /* margin-left: -14px; */
    bottom: 79px;
}

.setas path {
	stroke: #96C93E;
	fill: transparent;
	stroke-width: 4px;	
	animation: seta 2s infinite;
	-webkit-animation: seta 2s infinite; 
}

@keyframes seta
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes seta /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.setas path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.setas path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.setas path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}
.scrolling-box {
  height: 100vh;
  overflow-y: scroll;
  scroll-behavior: smooth;
  width: 100vw;
}
/*****************************footer******************************/
.rodape {
    color: #fff;
}

.rodape a {
	color: #fff !important;
	float: none !important;
	font-size: 14px !important;
}

.rodape .powered {
	width: 100%;
    text-align: center;
    /* clear: both; */
    background-color:  #140A3C;
    /* padding: 5px; */
    box-shadow: -1px 0px 8px 0px #0a051a;
	
}
 .blue-btn{
	background-color: #37569e !important;
	
}
.blue-btn span{
	color: #FFF !important;
}
.rodape .powered_by{
	background-color: #302e645c;
	box-shadow: 0px 0px 1px 0px #0e0833fa;
	color: #8f8b9e;
}
.powered img {
	opacity: 1;
    width: auto;
    left: 50vw;
    vertical-align: middle;
    padding: 0px 4px;	
    height: 3em;
}

.login-header-desktop-display {
	display: initial;
}

.login-header-mobile-display {
	display: none;	
}

@media (max-width: 640px) {
	
	.login-body {
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
	}
	
	.login-header-desktop-display {
		display: none;
	}
	
	.login-header-mobile-display {
		display: inline;	
	}
	
	.login-body .login-panel {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;		
	}
	
	.login-body .login-panel .ui-g-12 {
	    padding: 0.5em !important;
	    margint: 0 !important;
	}

}