/* preset da homePage */

#home {
  margin: 0px;
  padding: 0px;
  background-color: #eeee;
}

footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 160px;
  background-color: #f5f5f5;
}

.logo-io {
    width: 110px;
}

.fontPurple {
  color: rgb(102, 45, 145);
}

.fontGrey {
  color: rgb(107, 107, 107);
}

.fontSmall {
  font-size: 11px;
}

.fontMedium {
  font-size: 13px;
}

.fontLarge {
  font-size: 14px;
}

.fontExtraLarge {
  font-size: 17px;
}

.fontGreyLight{
    color: rgb(131, 131, 131);
}

.fontGreyDark{
    color: rgb(82, 82, 82);
}

.fontPurple{
    color: #5b2886;
}

.fontSpacing{
    letter-spacing: 3px;
}

.fontItalic{
    font-style: italic;
}

.fontWhite {
  color: rgb(255, 255, 255);
}

.bgDark {
  background-color: rgb(51, 51, 51);
}

.bgPurple {
  background-color: rgb(102, 45, 145);
}

.roundCorner {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.bgGrey{
    background-color: #eeeeee;
}
.bgWhite{
    background-color: #ffffff;
}

.btn-purple {
    color: #fff;
    background-color: #5b2886;
    border-color:  #5b2886;
}

.btn-purple:hover {
    color: #fff;
    background-color: #321649;
    border-color:  #321649;
}

.btn-outline-purple {
    color: #5b2886;
    border-color:  #5b2886;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color:  #5b2886;
    border-color: #5b2886;
}

.roundCorner{
    border-radius: 30px;
}

.boxCard {
    margin-top: 15px;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
}

@media (max-width: 2000px) {
  .fontSmallList {
    font-size: 13px;
  }
}

@media (max-width: 1280px) {
  .fontSmallList {
    font-size: 13px;
  }
}
@media ( max-width: 1200px) {
  .graficos {
    margin-bottom: 30px;
  }
}

@media ( min-width: 1201px) {
  .graficos {
    margin-right: 20px;
  }
}

@media(max-width: 760px) {
  .title-resumo{
    text-align: center;
    font-size: 13px;
  }
  .calendar-init {
    justify-content: center !important;
  }
}

@media (max-width: 600px) {
  .fontSmallList {
    font-size: 10.5px;
  }
}

/* Bandeiras */

.bandeira{
  width: 50px;
}

/* Pagamento */

#pagamento:hover{

  color: rgba(255, 255, 255, 0.5);


}

/* Login */

#login {
  margin: 0px;
  padding: 0px;
}


/* avatar */

.avatar {
  vertical-align: middle;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

/* saudação */

#saudacao {
  height: 200px;
  background: linear-gradient(to right, rgb(102, 45, 145), rgb(70, 30, 100));
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

/* box resumo de vendas */
.boxGraficos {
  justify-content: center !important;
  margin-top: 15px;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
}



.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "e072"; /* "play" icon */
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #454444;
}



.graficos {
  box-shadow: 5px 5px 5px grey;
}
.boxVendas {
  margin-top: 15px;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
}

.boxContas {
    margin-top: 15px;
    padding: 15px;
    margin-left: 10px;
    border-radius: 6px;
    background-color: #95999c;
}

.boxLogin {
  height: auto;
  margin-top: 15px;
  border-radius: 6px;
  background: linear-gradient(to top, rgb(70, 30, 100), rgb(102, 45, 145));
}

.vendas {
  padding: 20px;
}

.tableIo td {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 15px;
  border-top: 0px;
  border-bottom-right-radius: 0px;
}
.tableList td {
  margin-top: 0px;
  padding-top: 13px;
  padding-bottom: 15px;
  border-top: 0px;
  border-bottom: 1px #eeee solid;
}

/* Extrato */

@media (max-width: 600px) {
  .fontSmallExtract {
    font-size: 17px;
  }
}