/* VARIAVEIS CSS */

:root {
    --cor-fundo-laranja: #e65100;
    --cor-fundo-branca: #e65100;
    --cor-fundo-vermelho:  #B71C1C;
}

body {
    min-height: 100vh;
}

.container { text-align: center; }

li.li-banda {
    background-color: #e7e7ee7;
}

li.li-banda > a {
    color: #fff !important;
}


li.li-paroquia {
    background-color: var(--cor-fundo-vermelho);
}

li.li-paroquia > a {
    color: rgb(0, 0, 0) !important;
}

li.li-config > a {
    color: #fff !important;
}

i.fas#icon-banda {
    color: #fff;
}


#linha-topo {
    padding-top: 15%;
}

img.img-icon {
    width: 80px;
}

span.flow-text.txt-icon {
    background-color: var(--cor-fundo-laranja);
    padding: 5px 15px 5px 15px;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
}

h6#titulo {
    color: var(--cor-fundo-vermelho);
    font-weight: 700;
}

.espaco-topo{
    padding-top: 30px;
}

.card-title{
    font-weight: 600 !important;
}

a.brand-logo {
    font-size: 18px !important;
}

.input-field .prefix.active {
    color: var(--cor-fundo-laranja) !important;
}

input.valid {
    border-bottom: 1px solid var(--cor-fundo-laranja) !important;
    box-shadow: 0 1px 0 0 #faad83 !important;
}

.logo-round {
    background-color: var(--cor-fundo-laranja);
    border-radius: 10px;
    height: 200px;
    margin-top: 10%;
}

.logo-round img{
    padding-top: 70px;
}

.card .card-image img {
    top: 12px !important;    
}

.card-content {
    text-align: justify;
}

.card.horizontal .card-image img {
    width: 20% !important;
}


.txt-escala {
    text-align: start;
}

.collapsible-header strong {
    text-align: start;
}

.bloco-dia {
    padding: 10px;
    background-color: antiquewhite;
}

.card-panel {
    padding: 5px !important;
}

.txt-agenda span {
    line-height: 20px;
}

/*####### CSS ESCALA #######*/
#calendar-container {
    top: 55px !important;
}
.fc-event-title-container {
    background-color: var(--cor-fundo-branca); !important;
}

a.btn.addEscala {
    position: relative;
    top: 24px;
    width: 100%;
}

select.browser-default.inputHora {
    background-color: rgb(255 180 147 / 90%);
}

/*####### LITURGIA ########*/
.bs-callout.bs-callout-info > h2 {
    font-size: 20px;
}

h3.title-leitura {
    font-size: 25px;
    font-weight: 700;
}

div#corpo_leituras {
    text-align: justify;
}

.parallax-container {
    padding-top: 50px;
}

div.float-btn {
    display: inline;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 9999;
}

.sidenav .user-view {
    position: static !important;
}

.fc-daygrid-day-top a {
    width: 100%;
    text-align: right;
}

li.link-menu1 {
    background-color: #afafaf;
}

li.link-menu2 {
    background-color: #c1c1c1;
}

li#li-disp {
    background-color: rgb(82 82 82);
}

li#li-disp a {
    color: #fff !important;
}

li#li-admin {
    background-color: rgb(0, 0, 0);
}

li#li-admin a {
    color: #fff !important;
}

li#li-admin i {
    color: #fff !important;
}

li.li-admin-claro {
    background: #4d4d4d;
}

li.li-admin-escuro {
    background: #1a1a1a;
}

.i-oracao {
    color: #000 !important;
}

ul#slide-out {
    background-color: #c1c1c1;
}

.card-panel#nivers, #escalasMin, #bem-vindo, div.escalasMin {
    border-radius: 10px;
}


.card-panel#bem-vindo .conteudo-bem-vindo {
    margin: 10px;
}

#titulo-pag {
    border-radius: 8px;
}

#titulo-pag span {
    font-size: 18px;
    font-weight: 700;
    color: var(--cor-fundo-vermelho) !important;    
}

input#icon_prefix_data, #data {
    background-color: antiquewhite;
}

input#datap {
    background-color: antiquewhite;
}

nav {
    position: fixed;    
    z-index: 998;
}

ul#slide-out {
    z-index: 999;
}

.section {
    padding-top: 4rem !important;
}

.chip.chip-escala {
    width: 80%;
}

span.btn-float {
    position: absolute;
    top: 0;
    right: 10px;
}

li.collection-item {
    text-align: initial;
}

@media screen and (min-width: 1200px) {
    body {
      display: none;
    }
  }


.modal {
    width: 80%;
    min-height: 250px;
    height: auto;
}

.tox-notifications-container {
    display: none;
}

.tox-notification {
    display: none;
}


/*######### LITURGIA ########*/
.branca .day, .branca .month, .branca .year {
    color: #888888;
}

.roxa .day, .roxa .month, .roxa .year {
    color: #673ab7;
}

.verde .day, .verde .month, .verde .year {
    color: #26a65b;
}

.vermelha .day, .vermelha .month, .vermelha .year {
    color: #d32f2f;
}

.date, .color, .title {
text-align: center;
}

.date {
margin-bottom: 1em;
}
.color {
text-transform: uppercase;
font-size: 0.85em;
float: none;
margin: 0;
}

.title {
font-size: 1.5em;
margin: 0.3em 0 1em;
}

.day, .month, .year {
font-family: -apple-system, sans-serif;
font-weight: normal;
line-height: 1em;
}
.day, .m-y {
position:relative;
display:inline-block;
}
.day {
font-size: 3em;
letter-spacing: -0.05em;
padding-right: 0.1em;
line-height: 0.8em;
margin-top: .1em;
}
.m-y {
margin-top:0.2em;
}
.month, .year {
font-size: 1.25em;
position: relative;
display: block;
text-transform: uppercase;
}
p {
position: relative;
float: left;
width: 100%;
margin-bottom: 1.5em;
margin-top: 0;
}

div#tab1 p, #tab2 p, #tab3 p, #tab4 p {
    text-align: justify !important;
}

div.black-white {
    filter: grayscale(100%);
}