.ms-preload {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #eee;
	z-index: 50000;
	height: 100%;
	width: 100%
}
.spinner {
	width: 60px;
	height: 60px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	animation: sk-rotate 2.0s infinite linear
}
.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #607d8b;
	border-radius: 100%;
	animation: sk-bounce 2.0s infinite ease-in-out
}
.dot2 {
	top: auto;
	bottom: 0;
	animation-delay: -1.0s
}
@keyframes sk-rotate {
100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg)
}
}
@keyframes sk-bounce {
0%, 100% {
transform:scale(0);
-webkit-transform:scale(0)
}
50% {
transform:scale(1);
-webkit-transform:scale(1)
}
}

html, body {
/*  overflow-x: hidden; */
}
body{
	margin:0;
	padding:0;
}
.hr {
	margin-top: 2px;
	margin-left: 15px;
	margin-right: 15px;
	border-top: 2px solid #414141;
}

.flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.menu-content h4 > i{

  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.icon-rotate{
  transform: rotate(-180deg) !important;
}
#header-admin{  
  background-color: #444444;
}
.iconlogo-header{
  position: relative;
  top: 10px;
}
.logo-header{
  position: relative;
  float: right;
  right: 10px;
  top: 10px;
  width: 174px;
  height: 67px;
}
.center-block{
  width: 100%;
  text-align: center;
  padding: 15px 0;
}
.menu-content{
  font-weight: normal;  
  padding: 5px;  
}
.menu-content .panel-heading, .menu-content h4{
  cursor: pointer;
  font-weight: bold;
  color: #fff;
}
.main-content{
  font-weight: normal;  
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  border:1px solid #c9c9d0;
/*  box-shadow: 5px 5px 10px gray; */
   margin-top: 10px; 

}
.center-content{
  font-weight: normal;
  float: right;
}
.header-pages{
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 5px;
  margin-top: 5px;
  padding: 1px;
  color: #00703A;
  font-weight: bold;
  font-size: 16px;
  float: left;
  width: 100%;
}
.header-pages div{
  float: left;
}
.text-pages{
  text-align: left;
  padding-top: 8px;
  padding-left: 10px;
}
#full-list-admin{
  width: 100%;
  float: left;
}
.item-list-text{
  padding-top: 7px ;
}
.ajax-popup-link:hover
{
  opacity: 0.8
}

/* LGPD */
.banner-lgpd {
	position: fixed;
	bottom: 1em;
	margin: auto 1em;
	width: auto;
	border-radius: 4px;
	background-color: #fff;
	z-index: 1000000;
	box-shadow: rgba(0,0,0,.35) 0 5px 15px;
	transition: transform .3s ease-in-out;
	transform: translateY(140%)
}
.banner-lgpd--visible {
	transform: translateY(0)
}
.banner-lgpd__container {
	padding: 1em;
	display: flex;
	align-items: center;
	flex-direction: column
}
.banner-lgpd__text {
	font-size: 14px;
	color: #333;
	line-height: normal
}
.banner-lgpd__button {
	margin-top: 1em;
	flex-shrink: 0
}
.banner-lgpd__button>button {
	border: 0;
	background-color: #126d97;
	border-radius: 2px;
	padding: .5em 1em;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer
}

@media screen and (min-width:768px) {
.banner-lgpd {
	width: 100%;
	max-width: 700px;
	left: 1em;
	right: 1em;
	margin: auto
}
.banner-lgpd__container {
	flex-direction: row
}
.banner-lgpd__button {
	margin-left: 1em;
	margin-top: 0
}
}

@media screen and (min-width:1200px) {
.banner-lgpd {
	max-width: 1100px;
	width: 50%;
	left: auto
}
.banner-lgpd__container {
	flex-direction: column
}
.banner-lgpd__button {
	margin-left: 0;
	margin-top: 1em
}
}

@media screen and (min-width:1366px) {
.banner-lgpd {
	max-width: 1300px;
	width: 25%
}
}
/* LGPD */ 

@media (max-width:767px) {
.hidden-xs {
	display: none!important
}
}

@media (min-width:768px)and (max-width:991px) {
.hidden-sm {
	display: none!important
}
}

@media (min-width:992px)and (max-width:1199px) {
.hidden-md {
	display: none!important
}
}

@media (min-width:1200px) {
.hidden-lg {
	display: none!important
}
}