/* ===================================================================== */
/*  The following CSS was created using Theme Editor.                    */
/*  To modify this CSS, click "Open Theme Editor".                       */
/* ===================================================================== */

/* ===================================================================== */
/*  Root - CSS Variables                                                 */
/* ===================================================================== */

:root {
    /* Color - Brand */
    --color-primary: #0e783c;
    --color-secondary: #0e783c;
    --color-primary-hover: #0a5a2d;
    --color-primary-selected: rgba(14, 120, 60, .12);
    /* Dark Theme */
    --background-dark-theme: rgba(255, 255, 255, .1);
    --background-dark-theme-hover: rgba(255, 255, 255, .2);
}

table{
    overflow-x:scroll
}

.table-header {
    border-bottom: 1px solid #ddd;
}

/* Campos Mandatórios*/

.mandatory:after {
    content: "*";
    color: #dc2020;
    margin-left: 4px;
}

/*Menu TOP */
.topnav {
    /*overflow: hidden;*/
    background-color: #333;
}

    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 12px 14px;
        text-decoration: none;
        font-size: 15px;
    }

        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

        .topnav a.home {
            background-color: #04AA6D;
            color: white;
        }

        .topnav a.active {
            background-color: #ddd;
            color: black;
        }

    .topnav .icon {
        display: none;
    }

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
}

/*Paginação*/

.pagination {
}

    .pagination span {
        padding: 10px;
        text-decoration: none;
        white-space: nowrap;
        background: #547B2A;
        color: #fff;
    }

    .pagination a,
    .pagination a:visited {
        text-decoration: none;
        padding: 10px;
        white-space: nowrap;
        color: #444;
    }

        .pagination a:hover,
        .pagination a:active {
            padding: 10px;
            text-decoration: none;
            white-space: nowrap;
            background: #333;
            color: #FFF;
        }

.pagination table {
    float: right;
}


.textcecorationunderline{
    text-decoration:underline;
}

.noTextDecoration {
    text-decoration: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: none;
    background-color: transparent;
    border: var(--border-size-s) solid currentColor;
    border-radius: var(--border-radius-soft);
    font-size: 15px;
    padding: 8px;
    color: var(--color-primary);
    font-weight: var(--font-semi-bold);
    cursor:pointer;
}

.borderred {
    border: var(--border-size-s) solid var(--color-error)
}

.app-login-info{
    margin-left:auto;
    color:antiquewhite;
    margin-right:15px;
}
.app-menu-content {
    background-color: #333;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    left: 0;
    right: 0;
    padding: 20px;
    border: 1px solid #888;
    width: fit-content;
    position: fixed;
    margin: 5% auto;
}
@media only screen and (max-width: 600px) {
    .modal-content {
        height: 450px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 600px) {
    .columnmobile {
        max-width: 110px;
    }

    .searchBanner {
        min-height: 310px !important;
    }
}
@media only screen and (min-width: 600px) {
    .searchBanner {
        min-height: 150px;
    }
}

    /* The Close Button */
    .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

        .close:hover,
        .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

    .invisible {
        visibility: hidden;
    }

.badge {
    white-space: nowrap;
    background-color:orangered;
    margin-right:3px;
    text-shadow:2px 2px 3px black;
}

.badgeLembrete {
    white-space: nowrap;
    background-color: orangered;
    padding: 5px;
    text-shadow: 2px 2px 3px black;
    margin-left: 2px;
}

table input[type="checkbox"] {
    margin-right: 10px;
    margin-top: 0px !important;
}

.equipamentosList tr td{
    display:flex;
    align-items:center;
}