.alert-explain {
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e7e7e7 100%);
  background-image:      -o-linear-gradient(top, #f2f2f2 0%, #e7e7e7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e7e7e7));
  background-image:         linear-gradient(to bottom, #f2f2f2 0%, #e7e7e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e7e7e7', GradientType=0);
  background-repeat: repeat-x;
  border-color: #c7c7c7;
}

body {
	background-color: #FFF;
}

label.required:after {
	content: '*';
	color: red
}



.center-block {
   margin-left:auto;
   margin-right:auto;
   display:block;
   margin-bottom: 35px;
}

.navbar-app {
	color: #FFF;
	background-color: #006699;
}

.sidebar-app {
	background-color: #006699;
}

.opcoes {
	background-color: #222 !important;
}

.opcaoTitle {
	background-color: #222 !important;
	color: #FFF !important;
	border: none !important;
}

.opcaoTitle a:link, .opcaoTitle a:active, .opcaoTitle a:visited,
	.opcaoTitle a:hover {
	text-decoration: none;
	color: #FFF;
}

.opcaoBorder {
	border: none !important;
}

.sidebar-app>li.active>a:hover, .sidebar-app>li.active>a:focus,
	.sidebar-app>li>a:hover, .sidebar-app>li>a:focus, .sidebar-app>li.active>a
	{
	background-color: #0099CC !important;
}

.opcoes>li.active>a:hover, .opcoes>li.active>a:focus, .opcoes>li>a:hover,
	.opcoes>li>a:focus, .opcoes>li.active>a {
	background-color: #0099CC !important;
}

.sidebar-app>li>a:hover, .sidebar-app>li>a:focus, .sidebar-app>li>a {
	color: #FFF !important;
}

.opcoes>li>a:hover, .opcoes>li>a:focus, .opcoes>li>a {
	color: #FFF !important;
}

.brand-app {
	color: #FFF !important;
}

.top-nav>li>a {
	color: #FFF;
	/*line-height: 20px;*/
	/*padding-bottom: 15px;*/
	/*padding-top: 15px;*/
}

.top-nav>li>span {
	color: #FFF;
	line-height: 20px;
	padding: 15px;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.footer {
	padding-top: 15px;
}

.central {
	margin: 10px 0 10px 0px;
	text-align: center;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: 1px #B43B2F;
}

.dl-horizontal dt {
	white-space: normal;
	width: 260px;
}

.dl-horizontal dd {
	margin-left: 280px;
}
/*@media (max-width: 480px) {
    body{font-size: 10px;}
    input[type=text]{     
        font-size: 10px;
    }
    .form-control{
        font-size: 10px;
    }
}*/
.td-wrap>p {
	width: 100%; /* adjust to desired wrapping */
	display: table;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* AQUI EU COLEI O CSS*/
.listarVinculosBtn {
	padding: 25px;
	position: relative;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	font-family: Helvetica, sans-serif;
}

.selecioneAviso {
	overflow: hidden;
	color: #fff;
}

.selecioneAviso .layer {
	color: #3c763d;
	position: absolute;
	top: -70px;
	width: 100%;
	left: 0;
	padding: 4px 0;
	background-color: #dff0d8;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.selecioneAviso:hover .layer {
	top: 0px;
}

.botaoReabrir{

}

.overrideTableDefault table, .overrideTableDefault tbody, .overrideTableDefault thead, .overrideTableDefault th, .overrideTableDefault td{
    padding: 8px;
    vertical-align: middle;
    border: 1px solid #000000;
    text-align: center;
}

.rotated{
    transform: rotate(90deg);
}

/** Tentando ajustar o loading no final de um input
@see https://stackoverflow.com/questions/18838964/add-bootstrap-glyphicon-to-input-box
*/
.inner-loading {
  position: relative;
  display: flex;
}

.inner-loading img {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-inner-loading  img  { left:  0px;}
.right-inner-loading img  { right: 0px;}

/* add padding  */
.left-inner-loading  input  { padding-left:  30px; }
.right-inner-loading input { padding-right: 30px; }

/* tirar decoração de link*/
.remove-decoracao{
    text-decoration: none !important
}

/* a ancora precisa ser deslocada para cima para fugir do título do RAD quando for usada*/
.anchor{
    position:relative;
    top:-50px;
}

@media(min-width:992px){
    .footer .footer-imgs{
        display:flex;
        align-items: center;
    }
}
