@charset "UTF-8";

/* ****************** FONT-FACE */
@font-face {
    font-family: 'Fredoka';
    src: url('../fonts/Fredoka-VariableFont_wdth\,wght.ttf') format(truetype);
}

@font-face {
    font-family: 'Dancing';
    src: url('../fonts/DancingScript-VariableFont_wght.ttf') format(truetype);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pacifico';
    src: url('../fonts/Pacifico-Regular.ttf') format(truetype);
    font-weight: normal;
    font-style: normal;
}

/* ****************** ROOT */
:root {

    /* ****************** HEIGHT */
    --height_120: 120px;
    --height_84: 84px;
    --height_60: 60px;
    --height_42: 42px;
    --height_35: 35px;
    --height_30: 30px;
    --height_15: 15px;
    --height_10: 10px;

    /* ****************** FONT */
    --fonte-padrao: "Fredoka", "Open Sans", "Helvetica Neue", sans-serif;
    --fonte-dancing: "Dancing", "Open Sans", "Helvetica Neue", sans-serif;
    --fonte-pacifico: "Pacifico", "Open Sans", "Helvetica Neue", sans-serif;
    --fonte-normal: Arial, Verdana, Helvetica, sans-serif;

    --bg-system: linear-gradient(90deg, var(--color-n7-black) 30%, var(--color-n7-dark) 40%, var(--color-n7-middle) 50%, var(--color-n7-dark) 60%, var(--color-n7-black) 70%);

    --bg-apresenta-texto: linear-gradient(90deg, #9b6739 1%, #fde7d4 6%, #fff 30%, #fff 70%, #fde7d4 94%, #9b6739 99%);

    --bg-gradient: linear-gradient(90deg, var(--color-n7-dark) 10%, var(--color-n7-middle) 20%, var(--color-n7-light) 50%, var(--color-n7-middle) 80%, var(--color-n7-dark) 90%);

    --color-n7-light: #00f5d0;
    /* ************************** rgb(104, 175, 217); */
    --color-n7-light-hover: #00f5d0cd;
    /* ************************** rgba(104, 175, 217, 0.804); */
    --color-n7-light-hover-sidebar: #87bfe1;
    /* ************************** rgb(135, 191, 225); */
    --color-n7-middle: #00a39d;
    /* ************************** rgb(77, 129, 159); */
    --color-n7-middle-hover: #00a39dcd;
    /* ************************** rgba(77, 129, 159, 0.804); */
    --color-n7-middle-hover-sidebar: #6196b3;
    /* ************************** rgb(97, 150, 179); */
    --color-n7-dark: #007670;
    /* ************************** rgb(2, 40, 68); */
    --color-n7-dark-hover: #007670cd;
    /* ************************** rgba(2, 40, 68, 0.804); */
    --color-n7-dark-hover-sidebar: #033b65;
    /* ************************** rgb(3, 59, 101); */

    --color-n7-gray-light: #efefef;
    /* ************************** rgb(239, 239, 239); */
    --color-n7-gray-light-hover: #efefefcd;
    /* ************************** rgba(239, 239, 239, 0.804); */
    --color-n7-gray-middle: #cdcdcd;
    /* ************************** rgb(205, 205, 205); */
    --color-n7-gray-middle-hover: #cdcdcdcd;
    /* ************************** rgba(205, 205, 205, 0.804); */
    --color-n7-gray-dark: #ababab;
    /* ************************** rgb(171, 171, 171); */
    --color-n7-gray-dark-hover: #abababcd;
    /* ************************** rgba(171, 171, 171, 0.804); */

    --color-n7-black: #000000;
    /* ************************** rgb(0, 0, 0); */
    --color-n7-black-hover: #000000cd;
    /* ************************** rgba(0, 0, 0, 0.804); */
    --color-n7-white: #ffffff;
    /* ************************** rgb(255, 255, 255); */
    --color-n7-white-hover: #ffffffcd;
    /* ************************** rgba(255, 255, 255, 0.804); */
    --color-n7-red: #dc3545;
    /* ************************** rgb(220, 53, 69); */
    --color-n7-red-hover: rgba(220, 53, 69, 0.804);
    /* ************************** rgb(220, 53, 69, 0.804); */
    --color-n7-green: #198754;
    /* ************************** rgb(25, 135, 84); */
    --color-n7-green-hover: #198754cd;
    /* ************************** rgba(25, 135, 84, 0.804); */
    --color-n7-blue: #0d6efd;
    /* ************************** rgb(13, 110, 253); */
    --color-n7-blue-hover: #0d6efdcd;
    /* ************************** rgba(13, 110, 253, 0.804); */
    --color-n7-yellow: #ffc107;
    /* ************************** rgb(255, 193, 7); */
    --color-n7-yellow-hover: #ffc107cd;
    /* ************************** rgba(255, 193, 7. 0.804); */

    --color-n7-transparent: #00000000;
    /* ************************** rgba(0, 0, 0, 0); */

    /* ****************** COLOR-FONT */
    --color-n7-font-light: #999;
    --color-n7-font-middle: #777;
    --color-n7-font-dark: #222;
}

/* ****************** (*) (TODOS OS ELEMENTOS) */
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: var(--fonte-padrao);
    box-sizing: border-box;
}

/* ****************** BODY */
body {
    margin: 0;
    padding: 0;
    background-color: var(--color-n7-white);
}

/* ********************************** INÍCIO - SCROLLBAR ******************************* */

/* ****************** ::-WEBKIT-SCROLLBAR */
::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

/* ****************** ::-WEBKIT-SCROLLBAR-TRACK */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--color-n7-gray-dark);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* ****************** ::-WEBKIT-SCROLLBAR-THUMB */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--color-n7-5);
    -webkit-box-shadow: inset 0 0 6px var(--color-n7-dark);
}

/* ****************** ::-WEBKIT-SCROLLBAR-THUMB:WINDOW-INACTIVE */
::-webkit-scrollbar-thumb:window-inactive {
    background-color: var(--color-n7-gray-light);
}

/* ********************************** FIM - SCROLLBAR ********************************** */

/* ********************************** INÍCIO - TELA_LOADING **************************** */

/* ****************** TELA_LOADING */
.tela_loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 1100;
}

/* ****************** SPINNER */
.spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    font-size: 1.5rem;
    font-weight: 400;
    color: cyan;
}

/* ****************** SPINNER / I */
.spinner>i {
    font-size: 3rem;
    margin: 10px auto;
    text-align: center;
}

/* ********************************** FIM - TELA_LOADING ******************************* */

/* ****************** BG-N7-SYSTEM */
.bg-n7-system {
    background-image: var(--bg-system);
}

/* ****************** BG-N7-GRADIENT */
.bg-n7-gradient {
    background-image: var(--bg-gradient);
}

/* ********************************** INÍCIO - COLOR-N7-LIGHT ************************** */

/* ****************** FONT-N7-LIGHT */
.font-n7-light {
    color: var(--color-n7-font-light);
}

/* ****************** TEXT-N7-LIGHT */
.text-n7-light {
    color: var(--color-n7-light);
}

/* ****************** BG-N7-LIGHT */
.bg-n7-light {
    background-color: var(--color-n7-light);
}

/* ****************** BTN-N7-LIGHT */
.btn-n7-light {
    color: var(--color-n7-dark);
    background-color: var(--color-n7-light);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-LIGHT > SPAN */
.btn-n7-light>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-LIGHT / :HOVER & :FOCUS */
.btn-n7-light:hover,
.btn-n7-light:focus {
    color: var(--color-n7-dark);
    background-color: var(--color-n7-light-hover);
}

/* ****************** BTN-N7-LIGHT-CIRCLE */
.btn-n7-light-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-dark);
    background-color: var(--color-n7-light);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-LIGHT-CIRCLE / :HOVER & :FOCUS */
.btn-n7-light-circle:hover,
.btn-n7-light-circle:focus {
    color: var(--color-n7-dark);
    background-color: var(--color-n7-light-hover);
}

/* ****************** BTN-N7-LIGHT-OUT */
.btn-n7-light-out {
    color: var(--color-n7-light);
    background-color: transparent;
    border: 1px solid var(--color-n7-light);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-LIGHT-OUT > SPAN */
.btn-n7-light-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-LIGHT-OUT / :HOVER & :FOCUS */
.btn-n7-light-out:hover,
.btn-n7-light-out:focus {
    color: var(--color-n7-dark);
    background-color: var(--color-n7-light);
}

/* ****************** A / LINK-N7-LIGHT */
a.link-n7-light {
    color: var(--color-n7-light);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-LIGHT:HOVER */
a.link-n7-light:hover {
    color: var(--color-n7-light-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-LIGHT:FOCUS */
a.link-n7-light:focus {
    color: var(--color-n7-light-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-LIGHT ***************************** */

/* ********************************** INÍCIO - COLOR-N7-MIDDLE ************************* */

/* ****************** FONT-N7-MIDDLE */
.font-n7-middle {
    color: var(--color-n7-font-middle);
}

/* ****************** TEXT-N7-MIDDLE */
.text-n7-middle {
    color: var(--color-n7-middle);
}

/* ****************** BG-N7-MIDDLE */
.bg-n7-middle {
    background-color: var(--color-n7-middle);
}

/* ****************** BTN-N7-MIDDLE */
.btn-n7-middle {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-MIDDLE > SPAN */
.btn-n7-middle>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-MIDDLE / :HOVER & :FOCUS */
.btn-n7-middle:hover,
.btn-n7-middle:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle-hover);
}

/* ****************** BTN-N7-MIDDLE-CIRCLE */
.btn-n7-middle-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-MIDDLE-CIRCLE / :HOVER & :FOCUS */
.btn-n7-middle-circle:hover,
.btn-n7-middle-circle:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle-hover);
}

/* ****************** BTN-N7-MIDDLE-OUT */
.btn-n7-middle-out {
    color: var(--color-n7-middle);
    background-color: transparent;
    border: 1px solid var(--color-n7-middle);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-MIDDLE-OUT > SPAN */
.btn-n7-middle-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-MIDDLE-OUT / :HOVER & :FOCUS */
.btn-n7-middle-out:hover,
.btn-n7-middle-out:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle);
}

/* ****************** A / LINK-N7-MIDDLE */
a.link-n7-middle {
    color: var(--color-n7-middle);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-MIDDLE:HOVER */
a.link-n7-middle:hover {
    color: var(--color-n7-middle-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-MIDDLE:FOCUS */
a.link-n7-middle:focus {
    color: var(--color-n7-middle-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-MIDDLE **************************** */

/* ********************************** INÍCIO - COLOR-N7-DARK *************************** */

/* ****************** FONT-N7-DARK */
.font-n7-dark {
    color: var(--color-n7-font-dark);
}

/* ****************** TEXT-N7-DARK */
.text-n7-dark {
    color: var(--color-n7-dark);
}

/* ****************** BG-N7-DARK */
.bg-n7-dark {
    background-color: var(--color-n7-dark);
}

/* ****************** BTN-N7-DARK */
.btn-n7-dark {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-dark);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-DARK > SPAN */
.btn-n7-dark>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-DARK / :HOVER & :FOCUS */
.btn-n7-dark:hover,
.btn-n7-dark:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-dark-hover);
}

/* ****************** BTN-N7-DARK-CIRCLE */
.btn-n7-dark-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-dark);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-DARK-CIRCLE / :HOVER & :FOCUS */
.btn-n7-dark-circle:hover,
.btn-n7-dark-circle:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-dark-hover);
}

/* ****************** BTN-N7-DARK-OUT */
.btn-n7-dark-out {
    color: var(--color-n7-dark);
    background-color: transparent;
    border: 1px solid var(--color-n7-dark);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-DARK-OUT > SPAN */
.btn-n7-dark-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-DARK-OUT / :HOVER & :FOCUS */
.btn-n7-dark-out:hover,
.btn-n7-dark-out:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-dark);
}

/* ****************** A / LINK-N7-DARK */
a.link-n7-dark {
    color: var(--color-n7-dark);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-DARK:HOVER */
a.link-n7-dark:hover {
    color: var(--color-n7-dark-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-DARK:FOCUS */
a.link-n7-dark:focus {
    color: var(--color-n7-dark-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-DARK ****************************** */

/* ********************************** INÍCIO - COLOR-N7-GRAY-LIGHT ********************* */

/* ****************** TEXT-N7-GRAY-LIGHT */
.text-n7-gray-light {
    color: var(--color-n7-gray-light);
}

/* ****************** BG-N7-GRAY-LIGHT */
.bg-n7-gray-light {
    background-color: var(--color-n7-gray-light);
}

/* ****************** BTN-N7-GRAY-LIGHT */
.btn-n7-gray-light {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-light);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-LIGHT > SPAN */
.btn-n7-gray-light>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GRAY-LIGHT / :HOVER & :FOCUS */
.btn-n7-gray-light:hover,
.btn-n7-gray-light:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-light);
}

/* ****************** BTN-N7-GRAY-LIGHT-CIRCLE */
.btn-n7-gray-light-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-light);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-LIGHT-CIRCLE / :HOVER & :FOCUS */
.btn-n7-gray-light-circle:hover,
.btn-n7-gray-light-circle:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-light);
}

/* ****************** BTN-N7-GRAY-LIGHT-OUT */
.btn-n7-gray-light-out {
    color: var(--color-n7-gray-light);
    background-color: transparent;
    border: 1px solid var(--color-n7-gray-light);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-LIGHT-OUT > SPAN */
.btn-n7-gray-light-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GRAY-LIGHT-OUT / :HOVER & :FOCUS */
.btn-n7-gray-light-out:hover,
.btn-n7-gray-light-out:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-light);
}

/* ****************** A / LINK-N7-GRAY-LIGHT */
a.link-n7-gray-light {
    color: var(--color-n7-gray-light);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-GRAY-LIGHT:HOVER */
a.link-n7-gray-light:hover {
    color: var(--color-n7-gray-light-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-GRAY-LIGHT:FOCUS */
a.link-n7-gray-light:focus {
    color: var(--color-n7-gray-light-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-GRAY-LIGHT ************************ */

/* ********************************** INÍCIO - COLOR-N7-GRAY-MIDDLE ******************** */

/* ****************** TEXT-N7-GRAY-MIDDLE */
.text-n7-gray-middle {
    color: var(--color-n7-gray-middle);
}

/* ****************** BG-N7-GRAY-MIDDLE */
.bg-n7-gray-middle {
    background-color: var(--color-n7-gray-middle);
}

/* ****************** BTN-N7-GRAY-MIDDLE */
.btn-n7-gray-middle {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-middle);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-MIDDLE > SPAN */
.btn-n7-gray-middle>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GRAY-MIDDLE / :HOVER & :FOCUS */
.btn-n7-gray-middle:hover,
.btn-n7-gray-middle:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-middle-hover);
}

/* ****************** BTN-N7-GRAY-MIDDLE-CIRCLE */
.btn-n7-gray-middle-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-middle);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-MIDDLE-CIRCLE / :HOVER & :FOCUS */
.btn-n7-gray-middle-circle:hover,
.btn-n7-gray-middle-circle:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-middle-hover);
}

/* ****************** BTN-N7-GRAY-MIDDLE-OUT */
.btn-n7-gray-middle-out {
    color: var(--color-n7-gray-middle);
    background-color: transparent;
    border: 1px solid var(--color-n7-gray-middle);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-MIDDLE-OUT > SPAN */
.btn-n7-gray-middle-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GRAY-MIDDLE-OUT / :HOVER & :FOCUS */
.btn-n7-gray-middle-out:hover,
.btn-n7-gray-middle-out:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-gray-middle);
}

/* ****************** A / LINK-N7-GRAY-MIDDLE */
a.link-n7-gray-middle {
    color: var(--color-n7-gray-middle);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-GRAY-MIDDLE:HOVER */
a.link-n7-gray-middle:hover {
    color: var(--color-n7-gray-middle-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-GRAY-MIDDLE:FOCUS */
a.link-n7-gray-middle:focus {
    color: var(--color-n7-gray-middle-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-GRAY-MIDDLE *********************** */

/* ********************************** INÍCIO - COLOR-N7-GRAY-DARK ********************** */

/* ****************** TEXT-N7-GRAY-DARK */
.text-n7-gray-dark {
    color: var(--color-n7-gray-dark);
}

/* ****************** BG-N7-GRAY-DARK */
.bg-n7-gray-dark {
    background-color: var(--color-n7-gray-dark);
}

/* ****************** BTN-N7-GRAY-DARK */
.btn-n7-gray-dark {
    color: var(--color-n7-white);
    background-color: var(--color-n7-gray-dark);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-DARK > SPAN */
.btn-n7-gray-dark>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GRAY-DARK / :HOVER & :FOCUS */
.btn-n7-gray-dark:hover,
.btn-n7-gray-dark:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-gray-dark-hover);
}

/* ****************** BTN-N7-GRAY-DARK-CIRCLE */
.btn-n7-gray-dark-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-white);
    background-color: var(--color-n7-gray-dark);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-DARK-CIRCLE / :HOVER & :FOCUS */
.btn-n7-gray-dark-circle:hover,
.btn-n7-gray-dark-circle:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-gray-dark-hover);
}

/* ****************** BTN-N7-GRAY-DARK-OUT */
.btn-n7-gray-dark-out {
    color: var(--color-n7-gray-dark);
    background-color: transparent;
    border: 1px solid var(--color-n7-gray-dark);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GRAY-DARK-OUT > SPAN */
.btn-n7-gray-dark-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GRAY-DARK-OUT / :HOVER & :FOCUS */
.btn-n7-gray-dark-out:hover,
.btn-n7-gray-dark-out:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-gray-dark);
}

/* ****************** A / LINK-N7-GRAY-DARK */
a.link-n7-gray-dark {
    color: var(--color-n7-gray-dark);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-GRAY-DARK:HOVER */
a.link-n7-gray-dark:hover {
    color: var(--color-n7-gray-dark-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-GRAY-DARK:FOCUS */
a.link-n7-gray-dark:focus {
    color: var(--color-n7-gray-dark-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-GRAY-DARK ************************* */

/* ********************************** INÍCIO - COLOR-N7-BLACK ************************** */

/* ****************** TEXT-N7-BLACK */
.text-n7-black {
    color: var(--color-n7-black);
}

/* ****************** BG-N7-BLACK */
.bg-n7-black {
    background-color: var(--color-n7-black);
}

/* ****************** BTN-N7-BLACK */
.btn-n7-black {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-black);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-BLACK > SPAN */
.btn-n7-black>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-BLACK / :HOVER & :FOCUS */
.btn-n7-black:hover,
.btn-n7-black:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-black-hover);
}

/* ****************** BTN-N7-BLACK-CIRCLE */
.btn-n7-black-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-black);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-BLACK-CIRCLE / :HOVER & :FOCUS */
.btn-n7-black-circle:hover,
.btn-n7-black-circle:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-black-hover);
}

/* ****************** BTN-N7-BLACK-OUT */
.btn-n7-black-out {
    color: var(--color-n7-black);
    background-color: transparent;
    border: 1px solid var(--color-n7-black);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-BLACK-OUT > SPAN */
.btn-n7-black-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-BLACK-OUT / :HOVER & :FOCUS */
.btn-n7-black-out:hover,
.btn-n7-black-out:focus {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-black);
}

/* ****************** A / LINK-N7-BLACK */
a.link-n7-black {
    color: var(--color-n7-black);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-BLACK:HOVER */
a.link-n7-black:hover {
    color: var(--color-n7-black-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-BLACK:FOCUS */
a.link-n7-black:focus {
    color: var(--color-n7-black-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-BLACK ***************************** */

/* ********************************** INÍCIO - COLOR-N7-WHITE ************************** */

/* ****************** TEXT-N7-WHITE */
.text-n7-white {
    color: var(--color-n7-white);
}

/* ****************** BG-N7-WHITE */
.bg-n7-white {
    background-color: var(--color-n7-white);
}

/* ****************** BTN-N7-WHITE */
.btn-n7-white {
    color: var(--color-n7-black);
    background-color: var(--color-n7-white);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-WHITE > SPAN */
.btn-n7-white>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-WHITE / :HOVER & :FOCUS */
.btn-n7-white:hover,
.btn-n7-white:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-white-hover);
}

/* ****************** BTN-N7-WHITE-CIRCLE */
.btn-n7-white-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-black);
    background-color: var(--color-n7-white);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-WHITE-CIRCLE / :HOVER & :FOCUS */
.btn-n7-white-circle:hover,
.btn-n7-white-circle:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-white-hover);
}

/* ****************** BTN-N7-WHITE-OUT */
.btn-n7-white-out {
    color: var(--color-n7-white);
    background-color: transparent;
    border: 1px solid var(--color-n7-white);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-WHITE-OUT > SPAN */
.btn-n7-white-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-WHITE-OUT / :HOVER & :FOCUS */
.btn-n7-white-out:hover,
.btn-n7-white-out:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-white);
}

/* ****************** A - LINK-N7-WHITE */
a.link-n7-white {
    color: var(--color-n7-white);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A - LINK-N7-WHITE:HOVER */
a.link-n7-white:hover {
    color: var(--color-n7-white-hover);
    cursor: pointer;
}

/* ****************** A - LINK-N7-WHITE:FOCUS */
a.link-n7-white:focus {
    color: var(--color-n7-white-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-WHITE ***************************** */

/* ********************************** INÍCIO - COLOR-N7-RED **************************** */

/* ****************** TEXT-N7-RED */
.text-n7-red {
    color: var(--color-n7-red);
}

/* ****************** BG-N7-RED */
.bg-n7-red {
    background-color: var(--color-n7-red);
}

/* ****************** BTN-N7-RED */
.btn-n7-red {
    color: var(--color-n7-white);
    background-color: var(--color-n7-red);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-RED > SPAN */
.btn-n7-red>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-RED / :HOVER & :FOCUS */
.btn-n7-red:hover,
.btn-n7-red:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-red-hover);
}

/* ****************** BTN-N7-RED-CIRCLE */
.btn-n7-red-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-white);
    background-color: var(--color-n7-red);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-RED-CIRCLE / :HOVER & :FOCUS */
.btn-n7-red-circle:hover,
.btn-n7-red-circle:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-red-hover);
}

/* ****************** BTN-N7-RED-OUT */
.btn-n7-red-out {
    color: var(--color-n7-red);
    background-color: transparent;
    border: 1px solid var(--color-n7-red);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-RED-OUT > SPAN */
.btn-n7-red-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-RED-OUT / :HOVER & :FOCUS */
.btn-n7-red-out:hover,
.btn-n7-red-out:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-red);
}

/* ****************** A / LINK-N7-RED */
a.link-n7-red {
    color: var(--color-n7-red);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-RED:HOVER */
a.link-n7-red:hover {
    color: var(--color-n7-red-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-RED:FOCUS */
a.link-n7-red:focus {
    color: var(--color-n7-red-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-RED ******************************* */

/* ********************************** INÍCIO - COLOR-N7-GREEN ************************** */

/* ****************** TEXT-N7-GREEN */
.text-n7-green {
    color: var(--color-n7-green);
}

/* ****************** BG-N7-GREEN */
.bg-n7-green {
    background-color: var(--color-n7-green);
}

/* ****************** BTN-N7-GREEN */
.btn-n7-green {
    color: var(--color-n7-white);
    background-color: var(--color-n7-green);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GREEN > SPAN */
.btn-n7-green>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GREEN / :HOVER & :FOCUS */
.btn-n7-green:hover,
.btn-n7-green:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-green-hover);
}

/* ****************** BTN-N7-GREEN-CIRCLE */
.btn-n7-green-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-white);
    background-color: var(--color-n7-green);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GREEN-CIRCLE / :HOVER & :FOCUS */
.btn-n7-green-circle:hover,
.btn-n7-green-circle:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-green-hover);
}

/* ****************** BTN-N7-GREEN-OUT */
.btn-n7-green-out {
    color: var(--color-n7-green);
    background-color: transparent;
    border: 1px solid var(--color-n7-green);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-GREEN-OUT > SPAN */
.btn-n7-green-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-GREEN-OUT / :HOVER & :FOCUS */
.btn-n7-green-out:hover,
.btn-n7-green-out:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-green);
}

/* ****************** A / LINK-N7-GREEN */
a.link-n7-green {
    color: var(--color-n7-green);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-GREEN:HOVER */
a.link-n7-green:hover {
    color: var(--color-n7-green-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-GREEN:FOCUS */
a.link-n7-green:focus {
    color: var(--color-n7-green-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-GREEN ***************************** */

/* ********************************** INÍCIO - COLOR-N7-BLUE *************************** */

/* ****************** TEXT-N7-BLUE */
.text-n7-blue {
    color: var(--color-n7-blue);
}

/* ****************** BG-N7-BLUE */
.bg-n7-blue {
    background-color: var(--color-n7-blue);
}

/* ****************** BTN-N7-BLUE */
.btn-n7-blue {
    color: var(--color-n7-white);
    background-color: var(--color-n7-blue);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-BLUE > SPAN */
.btn-n7-blue>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-BLUE / :HOVER & :FOCUS */
.btn-n7-blue:hover,
.btn-n7-blue:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-blue-hover);
}

/* ****************** BTN-N7-BLUE-CIRCLE */
.btn-n7-blue-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-white);
    background-color: var(--color-n7-blue);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-BLUE-CIRCLE / :HOVER & :FOCUS */
.btn-n7-blue-circle:hover,
.btn-n7-blue-circle:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-blue-hover);
}

/* ****************** BTN-N7-BLUE-OUT */
.btn-n7-blue-out {
    color: var(--color-n7-blue);
    background-color: transparent;
    border: 1px solid var(--color-n7-blue);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-BLUE-OUT > SPAN */
.btn-n7-blue-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-BLUE-OUT / :HOVER & :FOCUS */
.btn-n7-blue-out:hover,
.btn-n7-blue-out:focus {
    color: var(--color-n7-white);
    background-color: var(--color-n7-blue);
}

/* ****************** A / LINK-N7-BLUE */
a.link-n7-blue {
    color: var(--color-n7-blue);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-BLUE:HOVER */
a.link-n7-blue:hover {
    color: var(--color-n7-blue-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-BLUE:FOCUS */
a.link-n7-blue:focus {
    color: var(--color-n7-blue-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-BLUE ****************************** */

/* ********************************** INÍCIO - COLOR-N7-YELLOW ************************* */

/* ****************** TEXT-N7-YELLOW */
.text-n7-yellow {
    color: var(--color-n7-yellow);
}

/* ****************** BG-N7-YELLOW */
.bg-n7-yellow {
    background-color: var(--color-n7-yellow);
}

/* ****************** BTN-N7-YELLOW */
.btn-n7-yellow {
    color: var(--color-n7-black);
    background-color: var(--color-n7-yellow);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-YELLOW > SPAN */
.btn-n7-yellow>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-YELLOW / :HOVER & :FOCUS */
.btn-n7-yellow:hover,
.btn-n7-yellow:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-yellow-hover);
}

/* ****************** BTN-N7-YELLOW-CIRCLE */
.btn-n7-yellow-circle {
    width: 31px;
    height: 31px;
    color: var(--color-n7-black);
    background-color: var(--color-n7-yellow);
    border-radius: 50%;
    margin: 0;
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-YELLOW-CIRCLE / :HOVER & :FOCUS */
.btn-n7-yellow-circle:hover,
.btn-n7-yellow-circle:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-yellow-hover);
}

/* ****************** BTN-N7-YELLOW-OUT */
.btn-n7-yellow-out {
    color: var(--color-n7-yellow);
    background-color: transparent;
    border: 1px solid var(--color-n7-yellow);
    transition: all ease-in-out 0.4s;
}

/* ****************** BTN-N7-YELLOW-OUT > SPAN */
.btn-n7-yellow-out>span {
    display: inline-block;
    margin-left: 7px;
}

/* ****************** BTN-N7-YELLOW-OUT / :HOVER & :FOCUS */
.btn-n7-yellow-out:hover,
.btn-n7-yellow-out:focus {
    color: var(--color-n7-black);
    background-color: var(--color-n7-yellow);
}

/* ****************** A / LINK-N7-YELLOW */
a.link-n7-yellow {
    color: var(--color-n7-yellow);
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

/* ****************** A / LINK-N7-YELLOW:HOVER */
a.link-n7-yellow:hover {
    color: var(--color-n7-yellow-hover);
    cursor: pointer;
}

/* ****************** A / LINK-N7-YELLOW:FOCUS */
a.link-n7-yellow:focus {
    color: var(--color-n7-yellow-hover);
    outline: none;
}

/* ********************************** FIM - COLOR-N7-YELLOW **************************** */

/* ********************************** INÍCIO - PAGE-FULLSCREEN ************************* */

/* ****************** PAGE-FULLSCREEN */
.page_fullscreen {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background-color: var(--color-n7-white);
    box-sizing: border-box;
}

/* ********************************** INÍCIO - PAGE-FULLSCREEN-HEADER ****************** */

/* ****************** PAGE-FULLSCREEN-HEADER */
.page_fullscreen_header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: 50;
}

/* ****************** HEADER-42 */
.header_42 {
    position: relative;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: var(--height_42);
    margin: 0;
    padding: 0 10px;
    background-image: var(--bg-system);
    box-sizing: border-box;
}

/* ****************** HEADER-35 */
.header_35 {
    position: relative;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: var(--height_35);
    margin: 0;
    padding: 0 10px;
    background-image: var(--bg-gradient);
}

/* ****************** HEADER-LOGO-35 */
.header_logo_35 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
}

/* ****************** HEADER-LOGO-35::BEFORE */
.header_logo_35::before {
    content: "";
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url('../img/proprietario/favicon.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* ****************** HEADER-LOGO-31 */
.header_logo_31 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    margin: 0;
    padding: 0;
}

/* ****************** HEADER-LOGO-31::BEFORE */
.header_logo_31::before {
    content: "";
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url('../img/proprietario/favicon.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* ****************** BTN-CLOSE-HEADER */
.btn_close_header {
    position: absolute;
    right: 10px;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-n7-white);
    cursor: pointer;
    transition: transform 0.15s ease;
}

/* ****************** BTN-CLOSE-HEADER:HOVER */
.btn_close_header:hover {
    color: var(--color-n7-light);
    right: 9px;
    font-size: 20px;
}

/* ********************************** FIM - PAGE-FULLSCREEN-HEADER ********************* */

/* ********************************** INÍCIO - PAGE-FULLSCREEN-MAIN ******************** */

/* ****************** PAGE-FULLSCREEN-MAIN */
.page_fullscreen_main {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: calc(100vh - ((2 * var(--height_42)) + var(--height_30)));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ****************** PAGE-FULLSCREEN-MAIN-2H */
.page_fullscreen_main_2h {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: calc(100vh - (2 * var(--height_42)));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ****************** PAGE-FULLSCREEN-MAIN-1H */
.page_fullscreen_main_1h {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: calc(100vh - var(--height_42));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ****************** PAGE-FULLSCREEN-MAIN-TABLE */
.page_fullscreen_main_table {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: inherit;
}

/* ****************** PAGE-FULLSCREEN-MAIN-CENTER */
.page_fullscreen_main_center {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.2s;
}

/* ****************** PAGE-FULLSCREEN-MAIN-CENTER-SM */
.page_fullscreen_main_center_sm {
    display: flex;
    align-items: first baseline;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.2s;
}

/* ****************** CONTAINER-DISPLAY-BLACK */
.container_display_black {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: var(--height_42);
    column-gap: 5px;
    border-top: 1px solid var(--color-n7-light);
    background-color: var(--color-n7-black);
    box-sizing: border-box;
}

/* ****************** CONTAINER-DISPLAY-GRAY */
.container_display_gray {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: var(--height_42);
    column-gap: 5px;
    border-bottom: 1px solid var(--color-n7-light);
    background-color: var(--color-n7-gray-light);
    box-sizing: border-box;
}

/* ****************** CONTAINER-DISPLAY-WHITE */
.container_display_white {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    min-height: var(--height_42);
    margin: 0;
    padding: 5px 0;
    column-gap: 5px;
    row-gap: 5px;
    border-bottom: 0.5px solid var(--color-n7-gray-dark);
    background-color: var(--color-n7-white);
}

/* ****************** BOX_TITLE */
.box_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    column-gap: 10px;
}

/* ****************** BOX_TITLE > I */
.box_title>i {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: var(--color-n7-middle);
}

/* ****************** HEADER_SUB / BOX_TITLE > H1 */
.box_title>h1 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    color: var(--color-n7-middle);
}

/* ****************** BOX_TITLE / TOTAL */
.box_title .total {
    width: 80px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle);
    border-radius: 5px;
}

/* ****************** BOX_BTN */
.box_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 0 0 5px;
    column-gap: 5px;
    border-left: 0.5px solid var(--color-n7-gray-middle);
}

/* ****************** BOX_CONTROLS_TABLE */
.box_controls_table {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    column-gap: 10px;
}

/* ****************** TABLE-RESPONSIVE */
.table-responsive {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 0.5px solid var(--color-n7-gray-dark);
}

/* ****************** TABLE */
.table {
    margin: 0;
    padding: 0;
}

/* ****************** THEAD / TR / TH */
thead tr th {
    font-size: 14px;
    font-weight: 500;
}

/* ****************** TBODY / TR / TD */
tbody tr td {
    color: var(--color-n7-font-dark) !important;
    font-size: 14px;
    font-weight: 400;
}

/* ********************************** FIM - PAGE-FULLSCREEN-MAIN *********************** */

/* ********************************** INÍCIO - PAGE-FULLSCREEN-FOOTER ****************** */

.page_fullscreen_footer {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: var(--height_30);
    margin: 0;
    padding: 0;
    background-image: var(--bg-system);
    z-index: 25;
}

/* ********************************** FIM - PAGE-FULLSCREEN-FOOTER ********************* */

/* ********************************** FIM - PAGE-FULLSCREEN **************************** */

/* ********************************** INÍCIO - SMALL-INPUT ***************************** */

/* ****************** SMALL-INPUT */
.small_input {
    display: block;
    font-size: 14px;
    font-weight: 400;
    min-height: 31px;
    margin: 0 !important;
    padding: 4px 8px !important;
    border-radius: 5px !important;
    border: 0.5px solid var(--color-n7-gray-middle);
    color: var(--color-n7-font-middle) !important;
    background-color: var(--color-n7-white) !important;
}

/* ********************************** FIM - SMALL-INPUT ******************************** */

/* ****************** BOX_LINKS */
.box_links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    column-gap: 15px;
}

/* ****************** BOX_LINKS / LI */
.box_links li {
    list-style: none;
}

/* ****************** HR / DIVIDER */
hr.divider {
    margin: 15px 0 5px 0 !important;
}

/* ********************************** FIM: SMALL-INPUT ********************************* */

/* ********************************** INÍCIO - CARDS-CONTAINER ************************* */

/* ****************** CARDS-CONTAINER */
.cards_container {
    width: 330px;
    margin: 0 auto;
    padding: 0;
    background-color: var(--color-n7-white);
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 3px 3px 6px 1px var(--color-n7-gray-dark);
    transition: all 0.3s ease-in-out;
}

/* ****************** CARDS-CONTAINER:HOVER */
.cards_container:hover {
    transform: scale(1.01);
}

/* ****************** CARDS-CONTAINER-HEADER */
.cards_container_header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 7px 7px 0 0;
    border-bottom: 0.5px solid var(--color-n7-gray-light);
    background-color: var(--color-n7-white);
}

/* ****************** CARDS-CONTAINER-HEADER-IMAGE */
.cards_container_header_image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 10px 0;
    padding: 0;
}

/* ****************** CARDS-CONTAINER-MAIN */
.cards_container_main {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* ****************** CARDS-CONTAINER-MAIN-IMAGE */
.cards_container_main img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 7px 7px 0 0;
    object-fit: cover;
}

/* ****************** CARDS-CONTAINER-MAIN-TIPO */
.cards_container_main_tipo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0 10px;
    color: var(--color-n7-white);
    background-color: var(--color-n7-gray-dark);
}

/* ****************** CARDS-CONTAINER-MAIN-NOME */
.cards_container_main_nome {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 85px;
    font-family: var(--fonte-padrao);
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 10px 5px;
    color: var(--color-n7-middle);
    background-color: var(--color-n7-white);
}

/* ****************** CARDS-CONTAINER-MAIN-TITULO */
.cards_container_main_titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 75px;
    font-family: var(--fonte-dancing);
    font-weight: 500;
    font-size: 26px;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    color: var(--color-n7-middle);
    background-color: var(--color-n7-white);
}

/* ****************** CARDS-CONTAINER-MAIN-TEXTO */
.cards_container_main_texto {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 85px;
    font-weight: 400;
    font-size: 16px;
    text-align: start;
    margin: 0;
    padding: 0px 10px;
    border-top: 0.5px solid var(--color-n7-gray-light);
    color: var(--color-n7-font-middle);
    background-color: var(--color-n7-white);
}

/* ****************** CARDS-CONTAINER-MAIN-LOCALIDADE */
.cards_container_main_localidade {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 5px;
    color: var(--color-n7-font-dark);
    background-color: var(--color-n7-gray-light);
}

/* ****************** CARDS-CONTAINER-MAIN-PERIODO */
.cards_container_main_periodo {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 5px 10px;
    color: var(--color-n7-font-dark);
    background-color: var(--color-n7-gray-light);
}

/* ****************** CARDS-CONTAINER-FOOTER */
.cards_container_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 5px 10px;
    border-radius: 0 0 8px 8px;
    border-top: 0.5px solid var(--color-n7-light);
    background-color: var(--color-n7-black);
}

/* ****************** CARDS-CONTAINER-FOOTER-PERIODO */
.cards_container_footer_periodo {
    font-weight: 400;
    font-size: 16px;
    text-align: end;
    margin: 0;
    margin-left: auto;
    padding: 0;
    color: var(--color-n7-gray-light);
}

/* ********************************** FIM - CARDS-CONTAINER **************************** */

/* ********************************** INÍCIO: IMAGE-HEIGHT ***************************** */

/* ****************** IMAGE-HEIGHT-25 */
.image-height-25 {
    display: inline-block;
    height: 25px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-31 */
.image-height-31 {
    display: inline-block;
    height: 31px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-35 */
.image-height-35 {
    display: inline-block;
    height: 35px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-45 */
.image-height-45 {
    display: inline-block;
    height: 45px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-75 */
.image-height-75 {
    display: inline-block;
    height: 75px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-100 */
.image-height-100 {
    display: inline-block;
    height: 100px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-150 */
.image-height-150 {
    display: inline-block;
    height: 150px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-180 */
.image-height-180 {
    display: inline-block;
    height: 180px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-200 */
.image-height-200 {
    display: inline-block;
    height: 200px;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-HEIGHT-350 */
.image-height-350 {
    display: inline-block;
    height: 350px;
    margin: 0;
    padding: 0;
}

/* ********************************** FIM: IMAGE-HEIGHT ******************************** */

/* ********************************** INÍCIO: IMAGE-WIDTH ****************************** */

/* ****************** IMAGE-WIDTH-TOTAL */
.image-width-total {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* ****************** IMAGE-WIDTH-TOTAL-RADIUS */
.image-width-total-radius {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 7px;
}

#linha_imagem_atual {
    margin-top: 10px;
}

/* ********************************** FIM: IMAGE-WIDTH ********************************* */

/* ****************** BLOCK-POSITION-RELATIVE */
.block-position-relative {
    position: relative;
}

/* ****************** BOOTSTRAP - COMPONENTS */

/* ****************** ALERT / ALERT-SUCCESS */
.alert.alert-success {
    color: var(--color-n7-gray-light) !important;
    background-color: var(--color-n7-green) !important;
}

/* ****************** ALERT / ALERT-DANGER */
.alert.alert-danger {
    color: var(--color-n7-gray-light) !important;
    background-color: var(--color-n7-red) !important;
}

/* ****************** ALERT / ALERT-INFO */
.alert.alert-info {
    color: var(--color-n7-gray-light) !important;
    background-color: var(--color-n7-blue) !important;
}

/* ****************** ALERT / ALERT-WARNING */
.alert.alert-warning {
    color: var(--color-n7-text-gray-dark) !important;
    background-color: var(--color-n7-yellow) !important;
}

@media screen and (min-width: 430px) {

    /* ****************** CONTAINER_CONTENT_FORM */
    .container_content_form {
        align-items: center;
        padding: 10px 0;
    }
}

@media screen and (min-width:500px) {}

@media screen and (min-width: 576px) {

    /* ****************** PAGE-FULLSCREEN-MAIN-CENTER-SM */
    .page_fullscreen_main_center_sm {
        align-items: center;
        padding: 10px 0;
    }

    /* ****************** CONTAINER-DISPLAY-BLACK / CONTAINER-DISPLAY-GRAY */
    .container_display_black,
    .container_display_gray {
        justify-content: space-between;
        padding: 0 10px;
    }

    /* ****************** BOX_BTN */
    .box_btn {
        border-left: none;
    }
}

@media screen and (min-width: 620px) {}

@media screen and (min-width: 768px) {

    /* ****************** CONTAINER-DISPLAY-WHITE */
    .container_display_white {
        justify-content: space-between;
        padding: 5px 10px;
    }

    /* ****************** PAGE-FULLSCREEN-MAIN-TABLE */
    .page_fullscreen_main_table {
        padding: 0 10px;
    }

    /* ****************** BOX-CONTROLS-PAINEL */
    .box_controls_painel {
        margin: 0 0 0 auto;
    }
}

@media screen and (min-width: 992px) {}