* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}

:root {

    --black: #4c4c4c;

    --black_default: #000;



    --gray: #E9E9E9;

    --gray_light: #f3f6f9;

    --gray_default: #f0f0f0;

    --gray_border_elem:#dddddd;

    --gray_border_btn:#a2a2a2;

    --gray_border_input:#dbdbdb;

    --gray_border_input_hover:#b5b5b5;

    /* --gray_3:#cccccc; */

    /* --gray_5:#CFCFCF; */

    



    --orange: #ff7733;

    --orange_2: #fe842f;

    --orange_light: #ffc2a3;



    --white: #fff;

    

    --brown:#7c4c22;

    --brown_2:#662e00;



    --red: #f14668;

    --red_light:#fab8c5;



    --green: #14C38E;

    --green_light: #acf6e0;



    --blue: #5A96E3;

    --blue_light: #b1cdf2;



    --yellow: #FFCC70;

    --yellow_light: #ffe4b3;

}

/* ATTRIBUTES */

[v-cloak] { display: none; }

/* ELEMENTS */

body { font-size: 15px!important; }

a { color: var(--orange) }

/* CLASSES */

.has-background-primary { background-color: var(--orange)!important; }

.has-text-primary { color: var(--orange)!important; }

/* INPUTS */

select { text-transform: uppercase!important; }

/* LAYOUT GRAL */

.is-layout {

    display: grid!important;

    grid-template-rows: auto auto 1fr 5vh;

    grid-template-areas: 'menu'

                        'filters'

                        'content'

                        'footer';

    width: 100vh;

}

[menu] { grid-area: menu; }

[filters] { grid-area: filters; padding: 0 .2em; }

[content] { grid-area: content; padding: 0 .2em; }

[footer] { grid-area: footer; padding: 0 .2em; }