/**
 * @author Marcel Aimar <marcel_aimar@hotmail.com>
 * @date 13/02/2022 15:04
 * 
 * Alípio Isoldi da Cunha, 19 - Jardim Paineiras
 * Presidente Venceslau, CEP 19400-000, Brasil
 * Telefone: +55(18)98825-8193
 * marcel_aimar@hotmail.com  | @marcelaimar
 *  
 * @package paginas
 * @file musica-formulario.css
 * @encoding UTF-8
 * @access public 
 
 * @license https://creativecommons.org/licenses/by-nc-nd/4.0/legalcode CC BY-NC-ND
 * @copyright (c) 2021
 */


/* Página */


#pagina-musica-formulario .card.conteudo .item-input .item-inner{
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
#pagina-musica-formulario .card.conteudo .item-input .item-inner::-webkit-scrollbar {
    display: none;
}
#pagina-musica-formulario .card.conteudo .item-input-wrap {
    overflow: hidden;
    min-width: 500px;

}


#pagina-musica-formulario .formulario-padrao{
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: calc(100% - 15px);
    margin: 0;
    overflow: hidden;
}
#pagina-musica-formulario .formulario-padrao input[type=file]{
    visibility: hidden;
    position: absolute;
}
#pagina-musica-formulario .formulario-padrao ul:before,
#pagina-musica-formulario .formulario-padrao ul:after{
    display: none;
}
#pagina-musica-formulario .formulario-padrao ul li ul li:first-of-type{
    width: 65px;
    flex: none;
}
#pagina-musica-formulario .formulario-padrao ul li ul li:nth-of-type(2){
    width: 95px;
    flex: none;
}
#pagina-musica-formulario .formulario-padrao .list>.block-title:first-child{
    margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
}
#pagina-musica-formulario .formulario-padrao .bloco:first-of-type .card{
    margin-bottom: 0;
}
#pagina-musica-formulario .formulario-padrao textarea.cifra{
    /*min-height: 100px;*/
    font-size: 12px;
    height: 100%;
    padding: 12px 15px;
}
#pagina-musica-formulario .formulario-padrao textarea.cifra::-webkit-scrollbar {
  display: none;
}
#pagina-musica-formulario .formulario-padrao .bloco.letra-cifra{
    flex: 1;
    display: flex;
    flex-direction: column;
}
#pagina-musica-formulario .formulario-padrao .bloco.letra-cifra .card{
    flex: 1;
}


#popup-musica-letra-alteracao{
    top: auto;
    bottom: 0;
    height: 85%;
    --espaco-lateral:20px;
}
#popup-musica-letra-alteracao .page-content{
    background: #fff;
}
#popup-musica-letra-alteracao textarea{
    height: calc(100% - 81px);
    margin: 10px var(--espaco-lateral);
    font-size: 12px;
    width: calc(100% - calc(var(--espaco-lateral) * 2));
}
#popup-musica-letra-alteracao textarea::-webkit-scrollbar {
  display: none;
}
#popup-musica-letra-alteracao button{
    margin-left: var(--espaco-lateral);
    width: calc(100% - calc(var(--espaco-lateral) * 2));
}

html.theme-dark #popup-musica-letra-alteracao .page-content{
    background: #3e3e3e;
}

/* Quando está pelo PC com screen > 900px */
@media (min-width: 900px) {
    #pagina-musica-formulario .formulario-padrao{
        flex-direction: row;
    }
    #pagina-musica-formulario .formulario-padrao .bloco:first-of-type{
        width: 30%;
    }
    #pagina-musica-formulario .formulario-padrao button{
        position: absolute;
        width: calc(30% - 30px);
        top: 460px;
    }
}