@charset "UTF-8";

/* ----------confi-1------ */
.blackTopo {
  background-color: #000;
  color: rgb(244, 247, 245);
}

.sombreado-blackTopo li.active a {
  background-color: #302e2e;
  color: #fff;
}

.sombreado-blackTopo li.active a:hover {
  background-color: #000;
  color: #fff;
}

.sombreado-blackTopo li.active a:focus {
  background-color: #000;
  color: #fff;
}

button.blackTopo {
  background-color: #302e2e;
}

a.blackTopo {
  background-color: #302e2e;
}

button.blackTopo:hover {
  background-color: #000000;
  color: rgb(244, 247, 245);
}

a.blackTopo:hover {
  background-color: #000000;
  color: rgb(244, 247, 245);
}

.blackTopo img {
  margin: -20px -15px 30px -20px;
}

/* 
.blackTopo li#fonte{
    padding-right: 5px;
    color:rgb(0, 255, 55);
} */
.blackTopo li>a#fonte:hover {
  color: rgb(255, 255, 255);
  background-color: #302e2e;

}

/**/
.blackTopo .open>a#fonte:focus {
  color: rgb(255, 255, 255);
  background-color: #302e2e;
}

.panel-blackTopo {
  border-color: #bfbfbf;
}

.panel-blackTopo>.panel-heading {
  background-color: #302e2e;
  color: #fff;
  border-color: #bfbfbf;
}

.panel-blackTopo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfbfbf;
}

.panel-blackTopo>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-blackTopo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bfbfbf;
}

.label-blackTopo {
  background-color: #242a35;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #242a35;
}

/* ----------confi-2------ */
.sombreado.blueTopo {
  background-color: #fff;
  color: #000;
}

.blueTopo {
  background-color: #367fa9;
  color: rgb(255, 255, 255);
}

button.blueTopo:hover {
  background-color: #275c7a;
  color: rgb(255, 255, 255);
}

a.blueTopo:hover {
  background-color: #275c7a;
  color: rgb(255, 255, 255);
}

.blueTopo img {
  margin: -20px -15px 30px -20px;
}

.blueTopo li>a:hover {
  color: rgb(255, 255, 255);
  background-color: #307196;

}

.blueTopo .open>a:focus {


  color: rgb(255, 255, 255);
  background-color: #307196;
}


.panel-blueTopo {
  border-color: #bfbfbf;
}

.panel-blueTopo>.panel-heading {
  background-color: #307196;
  color: #fff;
  border-color: #bfbfbf;
}

.panel-blueTopo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfbfbf;
}

.panel-blueTopo>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #307196;
}

.panel-blueTopo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bfbfbf;
}


.label-blueTopo{
  background-color: #307196;
}



/* ----------confi-3------ */
.sombreado.orangeTopo {
  background-color: #fff;
  color: #000;
}

.sombreado-orangeTopo li.active a {
  background-color: #d68a0f;
  color: #fff;
}

.sombreado-orangeTopo li.active a:hover {
  background-color: #b87d1e;
  color: #fff;
}

.sombreado-orangeTopo li.active a:focus {
  background-color: #b87d1e;
  color: #fff;
}

.orangeTopo {
  background-color: #d68a0f;
  color: rgb(255, 255, 255);
}

button.orangeTopo:hover {
  background-color: #b87d1e;
  color: rgb(255, 255, 255);
}

a.orangeTopo:hover {
  background-color: #b87d1e;
  color: rgb(255, 255, 255);
}

.orangeTopo img {
  margin: -20px -15px 30px -15px;
}

/* 
.blackTopo li#fonte{
    padding-right: 5px;
    color:rgb(0, 255, 55);
} */
.orangeTopo li>a:hover {
  color: rgb(255, 255, 255);
  background-color: #cf8815;

}

.label-orangeTopo{
  background-color: #cf8815;
}

/**/
.orangeTopo .open>a:focus {


  color: rgb(255, 255, 255);
  background-color: #cf8815;
}


.panel-orangeTopo {
  border-color: #bfbfbf;
}

.panel-orangeTopo>.panel-heading {
  background-color: #cf8815;
  color: #fff;
  border-color: #bfbfbf;
}

.panel-orangeTopo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfbfbf;
}

.panel-orangeTopo>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #cf8815;
}

.panel-orangeTopo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bfbfbf;
}




/* ----------confi-4------ */
.sombreado.greenTopo {
  background-color: #fff;
  color: #000;
}

.sombreado-greenTopo li.active a {
  background-color: #00a65a;
  color: #fff;
}

.sombreado-greenTopo li.active a:hover {
  background-color: #067c47;
  color: #fff;
}

.sombreado-greenTopo li.active a:focus {
  background-color: #067c47;
  color: #fff;
}
.label-greenTopo{
  background-color: #00a65a;
}

.greenTopo {
  background-color: #00a65a;
  color: rgb(255, 255, 255);
}

button.greenTopo:hover {
  background-color: #067c47;
  color: rgb(255, 255, 255);
}

a.greenTopo:hover {
  background-color: #067c47;
  color: rgb(255, 255, 255);
}

.greenTopo img {
  margin: -20px -15px 30px -15px;
}

.greenTopo li>a:hover {
  color: rgb(255, 255, 255);
  background-color: #069758;

}

/**/
.greenTopo .open>a:focus {


  color: rgb(255, 255, 255);
  background-color: #069758;

}


.panel-greenTopo {
  border-color: #bfbfbf;
}

.panel-greenTopo>.panel-heading {
  background-color: #069758;
  color: #fff;
  border-color: #bfbfbf;
}

.panel-greenTopo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfbfbf;
}

.panel-greenTopo>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #069758;
}

.panel-greenTopo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bfbfbf;
}



/* ----------confi-5------ */
.sombreado.purpleTopo {
  background-color: #fff;
  color: #000;
}

.label-purpleTopo{
  background-color: #555299;
}

.sombreado-purpleTopo li.active a {
  background-color: #555299;
  color: #fff;
}

.sombreado-purpleTopo li.active a:hover {
  background-color: #3e3b72;
  color: #fff;
}

.sombreado-purpleTopo li.active a:focus {
  background-color: #3e3b72;
  color: #fff;
}

.purpleTopo {
  background-color: #555299;
  color: rgb(255, 255, 255);
}

button.purpleTopo:hover {
  background-color: #3e3b72;
  color: rgb(255, 255, 255);
}

a.purpleTopo:hover {
  background-color: #3e3b72;
  color: rgb(255, 255, 255);
}

.purpleTopo img {
  margin: -20px -15px 30px -15px;
}

.purpleTopo li>a:hover {
  color: rgb(255, 255, 255);
  background-color: #494585;

}

/**/
.purpleTopo .open>a:focus {


  color: rgb(255, 255, 255);
  background-color: #494585;

}


.panel-purpleTopo {
  border-color: #bfbfbf;
}

.panel-purpleTopo>.panel-heading {
  background-color: #494585;
  color: #fff;
  border-color: #bfbfbf;
}

.panel-purpleTopo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfbfbf;
}

.panel-purpleTopo>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #494585;
}

.panel-purpleTopo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bfbfbf;
}



/* ----------confi-6------ */
.sombreado.pinkTopo {
  background-color: #fff;
  color: #000;
}

.label-pinkTopo{
  background-color: #a336ad;
}

.sombreado-pinkTopo li.active a {
  background-color: #a336ad;
  color: #fff;
}

.sombreado-pinkTopo li.active a:hover {
  background-color: #77287e;
  color: #fff;
}

.sombreado-pinkTopo li.active a:focus {
  background-color: #77287e;
  color: #fff;
}

.pinkTopo {
  background-color: #a336ad;
  color: rgb(255, 255, 255);
}

button.pinkTopo:hover {
  background-color: #77287e;
  color: rgb(255, 255, 255);
}

a.pinkTopo:hover {
  background-color: #77287e;
  color: rgb(255, 255, 255);
}

.pinkTopo img {
  margin: -20px -15px 30px -15px;
}

.pinkTopo li>a:hover {
  color: rgb(255, 255, 255);
  background-color: #862a8f;

}

.panel-pinkTopo {
  border-color: #bfbfbf;
}

.panel-pinkTopo>.panel-heading {
  background-color: #862a8f;
  color: #fff;
  border-color: #bfbfbf;
}

.panel-pinkTopo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfbfbf;
}

.panel-pinkTopo>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #862a8f;
}

.panel-pinkTopo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bfbfbf;
}




/**/
.redTopo .open>a:focus {


  color: rgb(255, 255, 255);
  background-color: #a336ad;

}
.label-redTopo{
  background-color: #cf4938;
}

/* ----------confi-6------ */
.sombreado.redTopo {
  background-color: #fff;
  color: #000;
}

.sombreado-redTopo li.active a {
  background-color: #cf4938;
  color: #fff;
}

.sombreado-redTopo li.active a:hover {
  background-color: #a33628;
  color: #fff;
}

.sombreado-redTopo li.active a:focus {
  background-color: #a33628;
  color: #fff;
}

/* 
.sombreado-redTopo li>a:hover
{
    background-color:#a33628;
    color:#fff;
} */
.redTopo {
  background-color: #cf4938;
  color: rgb(255, 255, 255);
}

button.redTopo:hover {
  background-color: #a33628;
  color: rgb(255, 255, 255);
}

a.redTopo:hover {
  background-color: #a33628;
  color: rgb(255, 255, 255);
}

.redTopo img {
  margin: -20px -15px 30px -15px;
}

.redTopo li>a:hover {
  color: rgb(255, 255, 255);
  background-color: #b14233;

}

/**/
.redTopo .open>a:focus {


  color: rgb(255, 255, 255);
  background-color: #b14233;

}

.panel-redTopo {
  border-color: #bfbfbf;
}

.panel-redTopo>.panel-heading {
  background-color: #b14233;
  color: #fff;
  border-color: #bfbfbf;
}

.panel-redTopo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfbfbf;
}

.panel-redTopo>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #b14233;
}

.panel-redTopo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bfbfbf;
}

.panel-black{
  background-color: #3e434b;
  color:#fff;
}

/* #4c4d65; */
input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f00c";
    font-size: 1.2em;
    color: darkgreen;
    letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {        
    content: "\f096";
}
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f046";        
    color: darkgreen;
}
input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label
{                
    color: green;
}
.row.text-center > div {
  display: inline-block;
  float: none;
}

.col-xs-11{
  padding-left:0;
  padding-right:0;
  float:none;
  margin:auto
}
.disable{
  pointer-events: none;
  cursor: default;
  background-color: #B0C4DE;
}

a.pillCinza {
  background: #d6d6d6;
  color: #5a5f65;  
}

/* radio button com fontawesome */
input[type=radio].with-font,
input[type=checkbox].with-font {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

input[type=radio].with-font~label:before,
input[type=checkbox].with-font~label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1db";
  letter-spacing: 10px;
  font-size: 1.2em;
  color: #535353;
  width: 1.4em;
}

input[type=radio].with-font:checked~label:before,
input[type=checkbox].with-font:checked~label:before {
  content: "\f00c";
  font-size: 1.2em;
  color: #367fa9;
  letter-spacing: 5px;
}

input[type=checkbox].with-font~label:before {
  content: "\f096";
}

input[type=checkbox].with-font:checked~label:before {
  content: "\f046";
  color: #367fa9;
}

input[type=radio].with-font:focus~label:before,
input[type=checkbox].with-font:focus~label:before,
input[type=radio].with-font:focus~label,
input[type=checkbox].with-font:focus~label {
  color: #367fa9;
}

input[type=checkbox].with-font:disabled~label {
  color:#535353;
  cursor: default;
  text-decoration:line-through;
}

input[type=checkbox].with-font:disabled~label:before {
  color:#535353;
  cursor: default;
  text-decoration:line-through;
}

.badge-notify{
  background:rgb(219, 63, 63);
  position:relative;
  top: -30px;
  /* left: -16px; */
 }

 .fa-stack[data-count]:after{
  position:absolute;
  right:0%;
  top:1%;
  content: attr(data-count);
  font-size:30%;
  padding:.6em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width:2em;
  font-weight:bold;
}

.center-things {
    height: 100%;
    top: 50%;
    position: relative; 
}
.center-things p {
    margin: 0;
    background: none;
    position: absolute;
    top: 50%;
    left: 50%;
}