/* Your app styles here */
.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill {
    display: none;
}

.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) {
    display: none;
}

.md .navbar .title {
    font-size: 26px !important;
}

.md .list .item-media {
    min-width: 20px !important;
}

.md .card-footer,
.md .card-header {
    min-height: 27px !important;
}

.md .list .item-inner {
    min-height: 27px !important;
}

.md .media-list .item-inner,
.md li.media-item .item-inner {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.md .media-list .item-media,
.md li.media-item .item-media {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.md .list .item-content {
    min-height: 27px !important;
}

.md .chip {
    line-height: 19px !important;
    height: 24px !important;
}

.md .chip-media {
    width: 28px !important;
    height: 28px !important;
}

.md .card-header {
    padding: 10px 30px !important;
    font-size: 14px !important;
}

.cantico {
    font-size: 13px !important;
    padding: 0px 6px !important;
    background-color: #206cab !important;
}

.sala {
    background-color: #4f9494 !important;
    font-size: 12px !important;
    padding: 0px 6px !important;
}

.ajudante {
    font-size: 20px;
    float: left;
    padding-right: 4px;
    color: cadetblue;
}

.md .list {
    font-size: 13px !important;
}

.md .list .item-subtitle {
    font-size: 12px !important;
}

.md .item-media .material-icons {
    font-size: 21px;
    width: 21px;
    height: 21px;
    color: #2196f3;
}

.md .row .col-30 {
    width: 30% !important;
}

.md .row .col-40 {
    width: 40% !important;
}

.md .row .col-33 {
    width: 33.333333333333336% !important;

    /* width: calc((100% - 11px*2)/ 3); */
}

h1,
h2 {
    font-family: 'Montserrat', sans-serif;
}

h3,
h5 {
    font-family: 'Nunito', sans-serif;
}

.font-login {
    font-family: 'Nunito', sans-serif !important;
}

@media only screen and (min-width: 361px) {
    .container {
        margin: 0px 50px 0px 50px;
    }
}

@media only screen and (max-width: 360px) {
    .container {
        margin: 0px 24px 0px 24px;
    }
}

.vermelho {
    color: #e53935;
}

.azul {
    color: #2196f3;
}

.green {
    color: green;
}

.verde {
    background-color: #8bc34a;
}

.amarelo {
    background-color: #ffa726;
}

.font-branco {
    color: white;
}

.cor-padrao {
    background-color: #5b3c88;
}

.redondo {
    border-radius: 50% !important;
}

.sombra:hover {
    transition: .3s ease-in-out;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
}

.espaco-direita {
    margin-right: 30px;
}

@media only screen and (max-width: 1024px) {
    .input-tablet {
        margin: 0px !important;
    }
}

.espaco-lista {
    margin-left: 10px !important;
}

@media only screen and (min-width: 630px) {
    .espaco-anuncios {
        /*margin-bottom: 200px;*/
    }
}

@media only screen and (min-width: 630px) {
    .espaco-cartas {
        margin-bottom: 170px;
    }
}

.imagem-menu {
    width: 260px;
}

.abrir-menu {
    padding-left: 15px !important;
    padding-top: 8px !important;
}

.deslogar {
    margin-right: 35px !important;
}

@media only screen and (max-width: 360px) {
    .deslogar {
        margin-right: 11px !important;
    }
}

.cabecalho-home {
    margin-top: 15px;
    margin-bottom: 40px;
}

.boas-vindas {
    margin: 0px 0px 20px 5px;
}

.bem-vindo {
    color: #adadad;
    margin: 20px 0px 0px 0px;
}

.nome-usuario {
    color: #607d8b;
    font-size: 35px;
    margin: 0px;
    line-height: 30px;
}

.coluna-cong {
    margin: 0px 0px 20px 5px;
    text-align: right;
}

.nome-cong {
    color: #607d8b;
    margin: 20px 7px 0px 0px;
}

.bloco-secoes {
    margin-bottom: 30px;
}

.textura-blocos {
    background-image: url('../img/textura.png');
    background-color: #eceff1;
}

.icone-bloco {
    text-align: center;
}

.tamanho-icone-bloco {
    height: 80px;
}

.texto-bloco {
    text-align: right;
}

.editar-bloco {
    margin: 0px;
    color: black;
}

.titulo-bloco {
    margin: 0px;
    font-size: 20px;
    color: black;
}

.espaco-pagina {
    padding-bottom: 80px !important;
}

.linha-designacoes {
    max-width: 1100px !important;
    margin: 0 auto !important;
}

.cartao {
    margin-top: 50px !important;
}

.cabecalho-designacoes {
    background-color: #466f8a !important;
    color: white;
}

.titulo-cards {
    margin: 0px;
}

.conteudo-card {
    padding-top: 10px;
}

.padding-none {
    padding-left: 0px !important;
}

.espaco-embaixo {
    padding-bottom: 20px !important;
}

.cabecalho-tesouros {
    background-color: #4a5355;
    color: white;
}

.cabecalho-ministerio {
    background-color: #ac7325;
    color: white;
}

.cabecalho-vida {
    background-color: #741a24;
    color: white;
}

.cabecalho-cristao {
    background-color: #eceff1 !important;
}

.espaco-personalizado {
    padding-top: 10px;
    padding-bottom: 20px;
}

.cabecalho-sentinela {
    background-color: #9e6b12;
    color: white;
}

.espaco-botao {
    margin-top: 50px !important;
}

.botao-salvar-programacao {
    width: 75% !important;
    min-width: 250px !important;
    max-width: 350px !important;
}

.espaco-emabixo-anuncios {
    padding-bottom: 80px !important;
}

.alinhar-organizar {
    text-align: right;
}

.tamanho-organizar {
    margin-top: 30px;
}

.sem-margem {
    margin-top: 0px !important;
}

.linha-botoes {
    max-width: 1200px;
}

.espaco-botoes-anuncios {
    margin-top: 30px;
}

.tamanho-botoes-anuncios {
    width: 75% !important;
    min-width: 250px !important;
    max-width: 350px !important;
}

@media only screen and (min-width: 767px) {
    .margin-organizar {
        margin-top: 42px !important;
    }
}

.tamanho-total {
    width: 100% !important;
}

.alinhar-direita {
    text-align: right !important;
}

@media only screen and (max-width: 586px) {
    .sumir {
        display: none;
    }
}

@media only screen and (max-width: 406px) {
    .sumir-programacao {
        display: none;
    }
}

@media only screen and (min-width: 407px) {
    .mostrar-programacao {
        display: none;
    }
}

@media only screen and (max-width: 370px) {
    .sumir-arranjos {
        display: none;
    }
}

@media only screen and (min-width: 370px) {
    .mostrar-arranjos {
        display: none;
    }
}

.margin-salvar {
    margin-bottom: 45px;
}

@media only screen and (min-width: 1180px) {
    .tamanho-card-anuncios {
        max-width: 1100px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1180px) {
    .tamanho-tabela-campo {
        max-width: 1100px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1180px) {
    .tamanho-list-cartas {
        max-width: 1100px;
        margin: 0 auto;
    }
}

.botao-redondo {
    width: 45px !important;
    height: 45px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    min-width: inherit !important;
    float: right !important;
    /*margin-left: 10px;*/
}

.md .list ul:before {
    background-color: transparent !important;
}

.md .list ul:after {
    background-color: transparent !important;
}

.desativado {
    transition: 1s;
    color: grey !important;
    cursor: no-drop;
}

.desativado-redondo {
    color: black !important;
    cursor: no-drop;
    background-color: grey !important;
    transition: 50s;
}

.cor-laranja {
    transition: 10s !important;
    background-color: #ff9800 !important;
    color: white;
}

.imagem-fundo {
    background-image: linear-gradient(to top, transparent 0%, #fff 60%), url('../img/poly.png');
}

.menu-lateral {
    background: linear-gradient(rgb(135, 95, 241) 30%, rgb(186, 101, 173) 60%, rgb(131, 76, 210));
    color: white;
}

.icone-branco {
    color: white !important;
}

.logo-menu {
    height: 180px;
    text-align: center;
    padding-top: 20px;
}

.tamanho-logo {
    width: 60%;
}

.espaco-limpeza {
    padding: 8px;
}

.linha-icone {
    line-height: 45px;
}

.secao-anuncio {
    margin: 5px;
}

.sem-padding {
    padding: 0px;
}

.espaco-ministerio {
    padding-bottom: 80px;
}

.card-ministerio {
    margin-top: 30px;
}

.ministerio-input {
    padding-left: 0px !important;
}

.espaco-cartas {
    padding-bottom: 80px;
}

.input-carta {
    margin: 5px !important;
}

@media only screen and (max-width: 766px) {
    .espaco-pagina-mobile {
        margin-top: 25px !important;
    }
}

.subcor {
    background-color: #864dcf;
}

.titulo-popup {
    padding-left: 15px !important;
}

.espaco-popup-campo {
    padding-bottom: 90px !important;
}

.menu-sair {
    position: absolute;
    left: 20px;
    padding-top: 92vh;
    width: 80% !important;
    text-align: right;
}

.linha-menu {
    border-top: 1px solid #ccc;
    width: 100%;
    padding-top: 10px;
}

.icone-menu {
    margin-right: 10px;
}

/* TOOLTIP */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 9999999;
    top: 115%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -1px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* FIM TOOLTIP */
@media only screen and (min-height: 585px) {
  .corpo-login {
      background-color: #ffffff;
      max-width: 1200px;
      margin: 0 auto !important;
      height: 80%;
      padding-top: 45px;
      border-radius: 35px;
      box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
  }
}

.fundo-login {
  background-image: url('../img/poly.png');
  height: 100%;
  padding-top: 5%;
}

.alinhar-centro {
  text-align: center !important;
}

.logo-login {
  height: 23vh !important;
  min-height: 155px !important;
}

.sombra-menu {
    box-shadow: 0 0 20px rgba(0,0,0,.5) !important;
}

.lstDestaque:hover {
    background-color: #eee1ff !important;
}