﻿* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Root */
:root {
    --color-blue: rgb(70, 130, 180);
    --color-gray: rgb(220, 220, 220);
    --color-green: rgb(34, 139, 34);
    --color-red: rgb(181 31 36);
    --color-yellow: rgb(255, 215, 0);
    --color-white: rgb(238, 238, 238);
    --color-black: rgb(28, 28, 28);
    --input-border: #aaa;
    --input-disabled: #eee;
    --color-headTable: rgb(61, 70, 77);
}

body,
ul,
li,
p {
    list-style: none;
    font-size: 1rem;
    font-family: Arial;
}

a {
    text-decoration: none;
    color: #333;
}

    a i {
        font-size: 1rem;        
    }

    a:hover i {
        color: var(--color-red)
    }

i {
    font-size: 15px;
}

.form {
    display: grid;
    grid-template-areas: "header" "section" "footer";
    grid-template-rows: auto minmax(91.7vh, auto) 1.3vh;
}

.header {
    grid-area: header;
    background-color: #3d464d;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    min-width: 0;
    box-sizing: border-box;
}

    .header > a {
        flex: 0 0 auto;
        line-height: 0;
    }

    .header nav {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        justify-content: flex-end;
    }

.section {
    grid-area: section;
}

.footer {
    grid-area: footer;
    background: linear-gradient(to right, rgba(155, 25, 27, 1) 0%, rgba(199, 34, 40, 1) 25%, rgba(226, 33, 38, 1) 50%, rgba(199, 34, 40, 1) 75%, rgba(155, 25, 27, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b191b', endColorstr='#9b191b',GradientType=1 );
}

    footer div {
        position: relative;
        top: -17px;
        text-align: right;
        color: #000000;
        font-size: 11px;
        padding: 0 10px;
        font-weight: bold;
    }

.header .logo {
    max-height: 45px;
    width: auto;
    max-width: min(215px, 100%);
    position: relative;
    top: 2px;
    display: block;
}

.dvtopo {
    background-color: var(--color-red);
    margin-bottom: 20px;
    padding: 3px 40px;
    color: var(--color-white);
    font-weight: bold;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
}

    .dvtopo a {
        color: var(--color-white);
    }

    .homologacao {
        color: var(--color-red);
        font-weight: bold;
    }

.desativado {
    color: rgb(178,178,178);
}

fieldset {
    border: 1px solid rgb(199, 199, 199);
    padding: 0px;
}

    fieldset legend {
        margin: 0 0 0 6px;
        padding: 5px 10px 3px 5px;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        color: #333;
    }

.maisInformacao {
    display: none;
    height: 180px;
    overflow: auto;
}

.top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ms-drop{
    z-index: 1001;
}

.semRegistro {
    font-size: 18px;
    color: #B3B1B6;
    font-weight: 700;
}