/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}






.badgeRed {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ff0000;
  border-radius: 10px;
}

.badgeRed:empty {
  display: none;
}

a.badgeRed:hover,
a.badgeRed:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.btn .badgeRed {
  position: relative;
  top: -1px;
}

a.list-group-item.active > .badgeRed,
.nav-pills > .active > a > .badgeRed {
  color: #428bca;
  background-color: #ffffff;
}

.nav-pills > li > a > .badgeRed {
  margin-left: 3px;
}





.badgeOrange {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #efb939;
  border-radius: 10px;
}

.badgeOrange:empty {
  display: none;
}

a.badgeOrange:hover,
a.badgeOrange:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.btn .badgeOrange {
  position: relative;
  top: -1px;
}

a.list-group-item.active > .badgeOrange,
.nav-pills > .active > a > .badgeOrange {
  color: #428bca;
  background-color: #ffffff;
}

.nav-pills > li > a > .badgeOrange {
  margin-left: 3px;
}




.badgeGreen {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #0e9221;
  border-radius: 10px;
}

.badgeGreen:empty {
  display: none;
}

a.badgeGreen:hover,
a.badgeGreen:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.btn .badgeGreen {
  position: relative;
  top: -1px;
}

a.list-group-item.active > .badgeGreen,
.nav-pills > .active > a > .badgeGreen {
  color: #428bca;
  background-color: #ffffff;
}

.nav-pills > li > a > .badgeGreen {
  margin-left: 3px;
}








.badgeBlue {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #1634c4;
  border-radius: 10px;
}

.badgeBlue:empty {
  display: none;
}

a.badgeBlue:hover,
a.badgeBlue:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.btn .badgeBlue {
  position: relative;
  top: -1px;
}

a.list-group-item.active > .badgeBlue,
.nav-pills > .active > a > .badgeBlue {
  color: #428bca;
  background-color: #ffffff;
}

.nav-pills > li > a > .badgeBlue {
  margin-left: 3px;
}

/* Box Animado usado incialmente no _Comunicados.asp  */ 
.overlay{
    background:transparent url(images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.boxAnimadoMSG{
    position:fixed;
    top:-200px;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #99ccff;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
a.boxAnimadoMSGclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}
.boxAnimadoMSG h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#99ccff;
    color:#0033cc;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
    font-size: 25px !important;
}

/*Box animado Lateral Pequeno MODELO 1 */
.BoxLateralPequenoModelo1{
	height:100px; 
	width:150px; 
	background-color:green; 
	position:fixed; 
	right:-150px; 
	display:none;
}	
.BoxLateralPequenoModelo1_Texto{
	font-size:12px;
	color:white;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 15px; 
	padding-right: 15px;
}

/*Box animado Lateral Pequeno MODELO 2 */
.BoxLateralPequenoModelo2{
	top:120;
	height:100px; 
	width:150px; 
	background-color:blue; 
	position:fixed; 
	right:-150px; 
	display:none;
}	
.BoxLateralPequenoModelo2_Texto{
	font-size:12px;
	color:white;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 15px; 
	padding-right: 15px;
}

/*Box animado Lateral Pequeno MODELO 3 */
.BoxLateralPequenoModelo3{
	top:220;
	height:100px; 
	width:150px; 
	background-color:orange; 
	position:fixed; 
	right:-150px; 
	display:none;
}	
.BoxLateralPequenoModelo3_Texto{
	font-size:12px;
	color:white;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 15px; 
	padding-right: 15px;
}

/*Box animado Lateral Pequeno MODELO 4 */
.BoxLateralPequenoModelo4{
	top:320;
	height:100px; 
	width:150px; 
	background-color:red; 
	position:fixed; 
	right:-150px; 
	display:none;
}	
.BoxLateralPequenoModelo4_Texto{
	font-size:12px;
	color:white;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 15px; 
	padding-right: 15px;
}






/*css Loading - inicio */
.sk-circle {
  margin: 250px 0 0 500px;
  width: 50px;
  height: 50px;
  position: absolute;
	z-index: 9999;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: blue;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*css Loading - fim */



/*css Loading2 - inicio */
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.se-pre-con {
	/*margin: 100px 0 0 150px;	*/
	position: fixed;
	left: 0px;
	top: 0px;
	width: 90%;
	height: 100%;
	z-index: 9999;
	background: url(../images/Preloader_3.gif) center no-repeat #fff;
	
}
/*css Loading2 - fim */



/* inicio - input checkbox checbox, formato de bolinha */

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.container {
	border-width:0px;
	border-style:solid;
	padding:5px;
	padding-top:0px;
	max-width:90%;
}



/* fim - input checkbox checbox, formato de bolinha */