* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html, body {
    background: #535353;
    overflow-x: hidden;
}

    html.popup-aberto, html.popup-aberto, body {
        overflow-y: hidden;
    }

a {
    color: inherit;
}

    a:hover,
    a:focus {
        color: inherit;
        text-decoration: none;
    }

dl {
    margin: 0;
}

    dl dt {
        color: #535353;
    }

    dl.horizontal dt,
    dl.horizontal dd {
        float: left;
        margin-right: 5px;
    }

    dl.horizontal dt {
        width: auto;
    }

    dl.horizontal dd {
    }

header {
    background: #535353;
    z-index: 2;
    position: relative;
    padding: 5px 0;
}

    header #menu-mobile {
        display: none;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
    }

    header div.logo {
        display: inline-block;
        float: left;
    }

        header div.logo > a {
            font-size: 25px;
            padding: 5px 10px;
            color: #b5b5b5;
            display: inline-block;
            font-weight: 100;
            padding-left: 0;
        }

            header div.logo > a b {
                color: #f0f0f0;
            }

            header div.logo > a:hover {
                text-decoration: none;
            }

    header nav {
        display: inline-block;
        text-align: center;
        float: right;
    }

        header nav.nav-left {
            float: left;
            margin-left: 35px;
        }

        header nav > ul {
            margin: 0;
            padding: 0px;
            list-style-type: none;
        }

            header nav > ul > li {
                display: inline-block;
                margin: 0;
                float: left;
            }

                header nav > ul > li.menu-menor {
                    position: relative;
                }

                    header nav > ul > li.menu-menor.usuario a {
                        max-width: 150px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                header nav > ul > li > label {
                    color: #f0f0f0;
                    font-weight: normal;
                    padding: 12px 10px;
                    font-size: 15px;
                    margin: 0;
                }

                header nav > ul > li > a,
                header nav > ul > li > a:focus {
                    color: #f0f0f0;
                    text-decoration: none;
                    font-size: 15px;
                    vertical-align: middle;
                    display: inline-block;
                    padding: 12px 15px;
                    background: rgba(221, 221, 221, 0.05);
                    margin: 0 2.5px;
                }

                header nav > ul > li > .sub-menu {
                    display: none;
                    position: absolute;
                    width: 100%;
                    float: left;
                    top: 55px;
                    background: #fafafa;
                    padding: 10px 0px 20px 0px;
                    left: 0px;
                    z-index: 2;
                    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
                    -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
                    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
                }

                header nav > ul > li.menu-menor > .sub-menu {
                    float: right;
                    top: 45px;
                    left: auto;
                    right: 0px;
                    padding: 10px 0px 10px 0px;
                }

                header nav > ul > li > .sub-menu.aberto {
                    display: block;
                }

                header nav > ul > li.menu-menor > .sub-menu.aberto {
                    display: inline-block;
                }

                header nav > ul > li > .sub-menu ul {
                    list-style: none;
                    padding: 0 7.5px;
                }

                    header nav > ul > li > .sub-menu ul > li.titulo {
                        color: #5E5E5E;
                        font-size: 11px;
                        font-weight: bold;
                        padding: 5px 0;
                        border-bottom: solid 1px;
                        text-align: left;
                        text-transform: uppercase;
                        cursor: default;
                        margin-bottom: 5px;
                        margin-left: 0px;
                    }

                    header nav > ul > li > .sub-menu ul > li > a {
                        color: #757575;
                        text-align: left;
                        text-decoration: none;
                        width: 100%;
                        padding: 0px 5px;
                        display: inline-block;
                        /* font-family: 'Segoe UI'; */
                    }

                header nav > ul > li > a:hover {
                    background: #434343;
                    color: #eee;
                    text-decoration: none;
                }

                header nav > ul > li > a.aberto {
                    background: #686868;
                    color: #eee;
                    text-decoration: none;
                }


@media (max-width: 767px) {
    header div.logo {
        display: block;
        text-align: center;
    }

    header nav {
        display: none;
        float: none !important;
    }

        header nav.aberto {
            display: block;
        }

        header nav ul li {
            display: block;
            float: none;
        }

    header #menu-mobile {
        display: block;
        position: absolute;
        top: 15px;
        left: 25px;
    }

    .topo-pagina {
        padding: 0 10px;
    }
}

.body-container {
    min-height: 250px;
    background: #f0f0f0;
    padding-bottom: 20px;
}

.row.pedido-body {
    padding-bottom: 20px;
}

    .row.pedido-body.border {
        border-bottom: 1px dotted #ccc;
    }

.row-versao {
    text-align: right;
    color: #535353;
    background: #fff;
}

    .row-versao a {
        color: #535353;
        font-weight: bold;
        text-decoration: none;
    }

footer {
    padding: 30px 0px;
}

    footer ul {
        list-style: none;
        text-align: left;
        padding: 0px;
        box-sizing: border-box;
    }

        footer ul li.titulo {
            font-weight: bold;
            margin-bottom: 10px;
            color: white;
            font-family: "Segoe UI";
        }

        footer ul li a {
            color: white;
            text-decoration: none;
            font-size: 11px;
            line-height: 15px;
            font-family: "Segoe UI";
        }

            footer ul li a:hover {
                color: rgb(240, 240, 240);
            }

.row.row-same-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .row.row-same-height > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }


.box {
    background: #fff;
    margin: 5px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

a.box:hover,
a .box:hover {
    box-shadow: #ccc 7px 5px 0px -3px;
}

.box h1,
.box h2,
.box h3,
.box h4,
.box h5,
.box h6 {
    margin: 0;
}

.box.sem-titulo {
    padding-top: 10px;
}

.box .box-header {
    font-weight: 500;
    background: #535353;
    color: #f0f0f0;
    padding: 5px 15px;
    margin: 0;
    border-radius: 5px 5px 0 0;
}

    .box .box-header h1,
    .box .box-header h2,
    .box .box-header h3,
    .box .box-header h4,
    .box .box-header h5,
    .box .box-header h6 {
        display: inline;
    }

    .box .box-header .icons {
        float: right;
        margin: -5px -15px;
        background-color: #979797;
    }

    .box .box-header .icons {
        border-radius: 0px 5px 0 0;
    }


        .box .box-header .icons .fa, .box .box-header .icons .fas, .box .box-header .icons .far,
        .box .box-header .icons .fal, .box .box-header .icons .fad {
            font-size: 15px;
            text-decoration: none;
            color: #fff;
            padding: 5px;
            border-right: 1px dashed #ccc;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .box .box-header .icons .fa:last-child, .box .box-header .icons .fas:last-child, .box .box-header .icons .far:last-child,
            .box .box-header .icons .fal:last-child, .box .box-header .icons .fad:last-child {
                border-right: none;
            }

    .box .box-header form {
        padding: 0;
        margin: 0;
        border: 0;
    }

        .box .box-header form .form-control {
            display: inline-block;
        }

        .box .box-header form .btn {
            padding: 6px 15px;
        }

            .box .box-header form .btn .fa, .box .box-header form .btn .fas, .box .box-header form .btn .far,
            .box .box-header form .btn .fal, .box .box-header form .btn .fad {
                margin: 0;
            }

    .box .box-header.invertido {
        color: #535353;
        background: #fff;
        border-bottom: 1px solid #dadada;
    }

        .box .box-header.invertido .icons {
            background-color: #fafafa;
            border-right: none;
            border-left: 1px dashed #ccc;
        }

            .box .box-header.invertido .icons .fa, .box .box-header.invertido .icons .fas, .box .box-header.invertido .icons .far,
            .box .box-header.invertido .icons .fal, .box .box-header.invertido .icons .fad {
                color: #535353;
            }


.box .box-content {
    padding: 5px 15px;
}

.box.sem-padding, .box.sem-padding .box-content {
    padding: 0;
}


.menu-mask {
    position: fixed;
    top: 45px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
    background: rgba(0, 0, 0, 0.25);
}

.topo-pagina {
    background: #29548E;
    border-bottom: 2px solid #979797;
    color: #fff;
    margin-bottom: 15px;
}

    .topo-pagina .col-xs-1, .topo-pagina .col-sm-1, .topo-pagina .col-md-1, .topo-pagina .col-lg-1, .topo-pagina .col-xs-2, .topo-pagina .col-sm-2, .topo-pagina .col-md-2, .topo-pagina .col-lg-2, .topo-pagina .col-xs-3, .topo-pagina .col-sm-3, .topo-pagina .col-md-3, .topo-pagina .col-lg-3, .topo-pagina .col-xs-4, .topo-pagina .col-sm-4, .topo-pagina .col-md-4, .topo-pagina .col-lg-4, .topo-pagina .col-xs-5, .topo-pagina .col-sm-5, .topo-pagina .col-md-5, .topo-pagina .col-lg-5, .topo-pagina .col-xs-6, .topo-pagina .col-sm-6, .topo-pagina .col-md-6, .topo-pagina .col-lg-6, .topo-pagina .col-xs-7, .topo-pagina .col-sm-7, .topo-pagina .col-md-7, .topo-pagina .col-lg-7, .topo-pagina .col-xs-8, .topo-pagina .col-sm-8, .topo-pagina .col-md-8, .topo-pagina .col-lg-8, .topo-pagina .col-xs-9, .topo-pagina .col-sm-9, .topo-pagina .col-md-9, .topo-pagina .col-lg-9, .topo-pagina .col-xs-10, .topo-pagina .col-sm-10, .topo-pagina .col-md-10, .topo-pagina .col-lg-10, .topo-pagina .col-xs-11, .topo-pagina .col-sm-11, .topo-pagina .col-md-11, .topo-pagina .col-lg-11, .topo-pagina .col-xs-12, .topo-pagina .col-sm-12, .topo-pagina .col-md-12, .topo-pagina .col-lg-12 {
        padding: 0;
    }
    /*.topo-pagina h1,
    .topo-pagina h2,
    .topo-pagina h3,
    .topo-pagina h4,
    .topo-pagina h5,
    .topo-pagina h6 {
        display: inline-block;
    }*/
    .topo-pagina h1 small,
    .topo-pagina h2 small,
    .topo-pagina h3 small,
    .topo-pagina h4 small,
    .topo-pagina h5 small,
    .topo-pagina h6 small {
        display: block;
        color: #ccc;
        padding-top: 3px;
        font-size: 45%;
    }

    .topo-pagina h1 .label,
    .topo-pagina h2 .label,
    .topo-pagina h3 .label,
    .topo-pagina h4 .label,
    .topo-pagina h5 .label,
    .topo-pagina h6 .label {
        font-size: 55%;
        display: inline-block;
        margin-bottom: 2px;
        margin-top: -15px;
    }

    .topo-pagina ul {
        float: right;
        margin: 0;
        list-style-type: none;
    }

        .topo-pagina ul > li {
            float: left;
        }

            .topo-pagina ul > li > a {
                color: #fff;
                font-size: 19px;
                margin-top: 30px;
                padding: 10px 15px 10px 15px;
                border-radius: 5px 5px 0 0;
            }

                .topo-pagina ul > li > a:hover {
                    text-decoration: none;
                    background: rgba(0, 0, 0, 0.25);
                }

            .topo-pagina ul > li > .sub-menu {
                display: none;
            }

form {
    background: white;
    padding: 10px 15px;
    /*box-shadow: #ccc 7px 5px 0px -3px;*/
    border: 1px solid #ccc;
    border-radius: 5px;
}


.btn {
    background: #fff;
    border-radius: 0;
    color: #535353;
    border: 1px solid #ddd;
    padding: 10px 25px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-right: 5px;
    margin-left: 5px;
}

    .btn .fa, .btn .fas, .btn .far, .btn .fal, .btn .fad {
        margin-right: 5px;
    }

* > .btn:last-of-type {
    margin-right: 0;
}

.btn:not([disabled]):hover {
    color: #29548E;
    background-color: #f0f0f0;
}

.btn.btn-success {
    background: #4cc23a;
    color: white;
    border-color: white;
}

    .btn.btn-success:not([disabled]):hover {
        background: #42a732;
        color: #fff;
    }


.btn.btn-danger {
    background-color: #ff4c4c;
    color: white;
}

    .btn.btn-danger:not([disabled]):hover {
        background-color: #f70808;
        color: white;
    }

.btn.btn-default {
    background: #29548E;
    color: white;
    border-color: white;
}

    .btn.btn-default:not([disabled]):hover {
        background: #203f68;
        color: #f0f0f0;
    }


.form-control {
    border-radius: 0;
}

.form-inline {
    margin-top: 5px;
}

    .form-inline .form-group {
        padding: 5px;
    }

.form-group label {
    padding: 0px 12px;
    color: #535353;
    font-weight: normal;
}

.form-group.form-data input {
    width: 200px;
}

table td.right, th.right {
    text-align: right;
}

.arvore {
    padding: 0px 15px 15px 15px;
}

.arvore-texto {
    font-weight: normal;
}

.arvore .arvore-titulo {
    font-weight: bold;
    text-transform: uppercase;
}

    .arvore .arvore-titulo:nth-of-type(1) {
        font-size: 1em;
    }

.arvore .label {
    float: right;
}

.arvore-grupo {
    padding-left: 20px;
    padding-bottom: 3px;
    line-height: 25px;
}

    .arvore-grupo a {
        text-decoration: underline;
        /*margin-left: 20px;*/
        font-weight: normal;
        text-transform: capitalize;
    }


    .arvore-grupo > .folha {
        border-bottom: 1px dashed gray;
    }

.arvore-natureza-despesa-fonte {
    font-size: 11px;
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #d4d3d3;
    text-transform: capitalize;
}

.label-danger {
    background-color: #d9534f;
}

.label-primary {
    background-color: #337ab7;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-out {
    background-color: #a84040;
}

.label-secondary {
    background-color: #009588;
}

.form-pesquisa {
    display: inline-block;
    background: transparent;
    border: none;
    margin-top: 35px;
    padding: 0;
    margin-right: 10px;
}

    .form-pesquisa .form-control {
        height: 27px;
        background: rgb(49, 83, 130);
        border: none;
        border: 1px solid #28466d;
        width: 215px;
        color: white;
    }

        .form-pesquisa .form-control:focus {
            border: 1px solid #28466d;
            box-shadow: none;
        }

        .form-pesquisa .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            color: #ddd;
        }

        .form-pesquisa .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #ddd;
            opacity: 1;
        }

        .form-pesquisa .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #ddd;
            opacity: 1;
        }

        .form-pesquisa .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #ddd;
        }

        .form-pesquisa .form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #ddd;
        }


.popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}

    .popup.aberto {
        display: block;
        overflow: auto;
        padding-bottom: 20px;
    }

    .popup .popup-content {
        width: 850px;
        margin: 0 auto;
        margin-top: 25px;
        padding: 0;
        background: #ccc;
        position: relative;
        border-radius: 5px 5px 0px 0px;
    }

    .popup.popup-wide .popup-content {
        width: 90% !important;
    }

    .popup .popup-content .popup-close {
        padding: 10px 15px;
        position: absolute;
        top: 0;
        right: 0;
        background: #ff4c4c;
        color: white;
        font-size: 15px;
        cursor: pointer;
        border-radius: 0 5px 0px 0px;
    }

    .popup .popup-content > h1,
    .popup .popup-content > h2,
    .popup .popup-content > h3,
    .popup .popup-content > h4,
    .popup .popup-content > h5,
    .popup .popup-content > h6 {
        margin: 0;
        padding: 8px 10px;
        color: white;
        border-radius: 5px 5px 0px 0px;
        background: #535353;
        cursor: move;
    }

    .popup .popup-content .popup-body {
        padding: 15px;
        background: #fff;
        min-height: 300px;
    }

        .popup .popup-content .popup-body h1,
        .popup .popup-content .popup-body h2,
        .popup .popup-content .popup-body h3,
        .popup .popup-content .popup-body h4,
        .popup .popup-content .popup-body h5,
        .popup .popup-content .popup-body h6 {
            margin: 0;
            padding: 5px 0px;
            border-bottom: 1px solid #535353;
            color: #535353;
            border-radius: 0;
            background: none;
        }

        .popup .popup-content .popup-body.anexo {
            min-height: 130px;
        }

    .popup .popup-content .popup-footer {
        background: #f0f0f0;
        padding: 10px;
        border-top: 1px solid #ccc;
    }


    .popup .popup-content form {
        border: none;
        padding: 0;
    }


@media (max-width: 850px) {
    .popup .popup-content {
        width: 90% !important;
        height: auto !important;
        margin-left: 5%;
        margin-right: 5%;
    }
}

.grupo-destaque {
    border: 1px solid #ccc;
    background: #fafafa;
    margin: 5px;
}

    .grupo-destaque > h5 {
        margin-bottom: 25px;
        text-align: center
    }

#load {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(255, 255, 255, 1);
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 15%;
}

.box-login h2 {
    text-align: center;
    padding-bottom: 8%;
}

.box-login {
    margin-top: 19vh;
    margin-bottom: 13vh;
}

    .box-login .link-reset-password {
        text-align: center;
        margin: 10px;
    }

    .box-login input {
        margin-top: 3%;
    }

        .box-login input.senha.form-control {
            margin-bottom: 10%;
        }

    .box-login h2 {
        text-align: center;
        padding-bottom: 8%;
    }

.box-alteracao-senha {
    margin-top: 19vh;
    margin-bottom: 19vh;
}

    .box-alteracao-senha input {
        margin-top: 1%;
    }

    .box-alteracao-senha h2 {
        text-align: center;
        padding-bottom: 4%;
    }

    .box-alteracao-senha .btn {
        margin-top: 3%;
    }

    .box-alteracao-senha label {
        display: block;
        text-align: center;
        padding-bottom: 4%;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-info {
    color: #06336b;
    background-color: #dedede;
    border-color: #ebccd1;
}

.alert {
    padding: 10px 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}



/* Menu de Contexto*/
.menuContexto {
    height: auto;
    text-align: right;
}

    .menuContexto > ul {
        position: relative;
        display: inline-block;
    }

    .menuContexto ul .grupo {
        color: #fff;
        font-size: 20px;
        margin-top: 24px;
        padding: 10px 15px 10px 15px;
        border-radius: 5px 5px 0 0;
    }

        .menuContexto ul .grupo:hover {
            text-decoration: none;
            background: #274c7d;
        }

        .menuContexto ul .grupo .titulo {
            top: 0;
            display: block;
            font-size: 20px;
            line-height: 32px;
            text-align: center;
            background: #535353;
            color: white;
            width: 40px;
            box-sizing: border-box;
            text-decoration: none;
            border-radius: 0px;
        }

        .menuContexto ul .grupo .menu-opcao {
            z-index: 10;
            position: absolute;
            right: 0;
            top: 75px;
            visibility: hidden;
            opacity: 0;
            background: #979797;
            min-width: 295px;
            width: 80%;
            padding: 10px;
            box-sizing: border-box;
            text-align: left;
            border-radius: 0px 0px 5px 5px;
            border-bottom: 2px solid #535353;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .menuContexto ul .grupo .menu-opcao ul {
                padding: 0;
                width: 100%;
            }

                .menuContexto ul .grupo .menu-opcao ul li {
                    list-style: none;
                    width: 95%;
                    min-width: 250px;
                    margin: 0px 5px;
                }

                    .menuContexto ul .grupo .menu-opcao ul li a {
                        text-decoration: none;
                        color: #fff;
                        font-weight: 100;
                        text-align: left;
                        font-size: 17px;
                        padding: 2px 8px;
                        margin: 0 -8px;
                        display: block;
                        border-radius: 0;
                    }

                    .menuContexto ul .grupo .menu-opcao ul li:hover a {
                        background: #fff;
                        color: #535353;
                        border-left: 2px solid #535353;
                    }

                .menuContexto ul .grupo .menu-opcao ul.DestaqueMenu {
                    border-bottom: 1px solid white;
                    padding-bottom: 2px;
                }

        .menuContexto ul .grupo:hover .titulo,
        .menuContexto ul .grupo.open .titulo {
            cursor: pointer;
            background: #979797;
            border-radius: 5px 5px 0px 0px;
            color: #fff;
            position: relative;
            z-index: 11;
        }

        .menuContexto ul .grupo:hover .menu-opcao,
        .menuContexto ul .grupo.open .menu-opcao {
            visibility: visible;
            opacity: 1;
            transition-delay: 0s;
            display: block;
        }

@media (min-width: 992px) {
    .topoPagina .container {
        display: table;
    }

    .menuContexto, .tituloPagina {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
}

@media (max-width: 991px) {
    .topo-pagina, .menuContexto, .tituloPagina {
        text-align: center;
    }

    .menuContexto {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .menuContexto ul {
            position: static;
            width: 100%;
            padding: 0;
        }


            .menuContexto ul .grupo {
                margin-top: 0;
            }

                .menuContexto ul .grupo .menu-opcao {
                    width: 100%;
                }

                .menuContexto ul .grupo .menu-opcao {
                    top: 48px !important;
                }

    .paginacao {
        text-align: center;
    }

        .paginacao .pull-right {
            float: none !important;
        }

        .paginacao .btn {
            margin: 0;
            padding: 5px 15px;
        }
}

.altera-paginacao {
    width: 76px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 42px;
    padding-left: 7px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }


        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

            .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
                z-index: 2;
                color: #23527c;
                background-color: #eee;
                border-color: #ddd;
            }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

    .pagination li a.active {
        background-color: #eee;
    }

.historico {
    margin: 10px 0px;
    padding: 5px 30px;
    padding-bottom: 15px;
    border: #ddd solid 1px;
    border-radius: 4px 4px 0 0;
    position: relative;
    background: #fff;
    text-align: justify;
}

    .historico i {
        font-size: 20px;
    }

        .historico i.visivel {
            position: absolute;
            right: 10px;
        }

        .historico i.anexo {
            position: absolute;
            right: 10px;
            cursor: pointer;
        }


        .historico i.classificacao {
            position: absolute;
            top: 5px;
            right: 76px;
            cursor: pointer;
        }

            .historico i.classificacao.classificacao-ajustar {
                right: 47px;
            }

        .historico i.email {
            position: absolute;
            top: 5px;
            right: 39px;
            cursor: pointer;
        }

            .historico i.email.email-ajustar {
                right: 10px;
            }


    .historico:not(:first-of-type) {
        border-radius: 5px;
    }

    .historico:nth-of-type(even) {
        background: #fafafa;
    }

    .historico .titulo {
        font-size: 16px;
        margin-left: -21px;
        margin-bottom: 3px;
        border-bottom: none;
    }

        .historico .titulo b,
        .historico .titulo i {
            font-size: inherit;
        }

    .historico .subTitulo {
        font-size: 11px;
        /*color: #969696;*/
    }

    .historico .descricao {
        text-align: justify;
        padding: 10px 0px 0px 0;
        margin: 0;
    }

    .historico .opcoes {
        border-top: 1px dashed #ccc;
        padding: 5px;
    }

    .historico .prazo {
        padding: 5px 5px;
        display: inline-block;
        background: #ffa3a3;
        right: 45px;
        position: absolute;
        border-radius: 5px;
    }

        .historico .prazo.prazo-ajustar {
            right: 75px;
        }


.objeto-detalhes {
    margin: 0 30px;
    padding: 10px 30px;
    text-align: justify;
    background: #fafafa;
    border: 1px #ccc dashed;
    margin-bottom: 5px;
}

    .objeto-detalhes label {
        font-weight: normal;
        display: block;
        font-size: 12px;
        margin-bottom: 2px;
    }

    .objeto-detalhes:last-child {
        margin-bottom: 0;
    }

    .objeto-detalhes b {
        display: block;
        font-size: 11px;
        margin-bottom: 5px;
        vertical-align: top;
    }

    .objeto-detalhes.anonimo b {
        margin-bottom: 0;
    }

    .objeto-detalhes b i {
        vertical-align: top;
        padding-right: 5px;
        margin-left: -15px;
    }


    .objeto-detalhes .objeto-detalhes-descricao {
        text-align: justify;
        font-size: 12px;
    }

div.opcoes-popup ul {
    text-align: center;
    margin: 0;
    padding-bottom: 20px;
}

    div.opcoes-popup ul li {
        list-style: none;
        margin: 25px;
        display: inline-block;
    }

        div.opcoes-popup ul li a {
            padding: 30px 50px !important;
            min-width: 130px;
            margin-top: 70px;
        }

.objeto-inline {
    display: inline-block;
    text-align: center;
    margin: 0px 10px 0px 20px;
}

#historico {
    margin-left: -15px;
    margin-right: -15px;
}

    #historico h3 {
        padding: 10px 20px;
    }

.historico-body {
    margin-top: 20px;
    border-top: 1px dotted #ccc;
}

#arquivos {
    margin-left: -15px;
    margin-right: -15px;
}

    #arquivos h3 {
        padding: 10px 40px;
    }

.aquivo-body {
    margin-top: 20px;
    border-top: 1px dotted #ccc;
}

.cabecalho-filtro {
    display: inline-block;
}

.form-filtro {
    display: inline-block;
    float: right;
}

.titulo-filtro {
    font-size: 18px;
    color: #29548E;
    font-weight: bold;
}

.subtitulo-filtro {
    font-size: 14px;
    color: gray;
    font-style: italic;
}

.titulo-filtro, .substitulo-filtro {
    display: block;
}

.highlight {
    background-color: yellow !important;
}

.autocomplete-input {
    position: relative;
}

    .autocomplete-input p {
        text-align: center
    }

        .autocomplete-input p input {
            width: 70%;
            margin-top: 20px;
        }

    .autocomplete-input ul.tags-list {
        display: flex;
        flex-direction: column;
        margin-top: -10px;
        border: 1px solid #dbdbdb;
        border-radius: 0 0 3px 3px;
        position: absolute;
        left: 0px;
        width: 70%;
        overflow: hidden;
        list-style-type: none;
        padding-left: 0px;
    }

        .autocomplete-input ul.tags-list li {
            width: 100%;
            flex-wrap: wrap;
            background: white;
            margin: 0;
            border-bottom: 1px solid #eee;
            color: #363636;
            padding: 20px;
        }

            .autocomplete-input ul.tags-list li label {
                cursor: pointer;
                margin-bottom: 10px;
            }

                .autocomplete-input ul.tags-list li label.highlighted span {
                    background: #29548E
                }

.tag {
    margin: 0px 30px;
    padding-bottom: 10px;
}

    .tag span.label {
        font-size: 100%;
        margin-right: 10px;
    }

        .tag span.label.highlighted {
            background-color: #29548e;
        }

            .tag span.label.highlighted:hover {
                opacity: 0.4;
            }

                .tag span.label.highlighted:hover i.tag-icon {
                    opacity: 0;
                    display: none;
                }

                .tag span.label.highlighted:hover a.excluir-tag {
                    opacity: 1;
                    display: inline;
                }

    .tag span a.excluir-tag {
        opacity: 0;
        display: none;
    }

    .tag span.label.t-filtro {
        margin-right: 20px;
    }

    .tag i, tag a.i {
        font-size: 20px;
        border-right: 1px solid;
        padding-right: 3px;
        top: 3px;
        position: relative;
        text-decoration: none;
    }

.has-error label {
    color: #a94442;
    font-weight: bold;
}

.has-error .form-control {
    background: #f2dede;
}


h1 .icon,
h2 .icon,
h3 .icon,
h4 .icon,
h5 .icon,
h6 .icon {
    font-size: 70%;
    margin-top: 5px;
    border-right: 1px dashed #ccc;
    padding: 5px 10px;
}


.texto {
    white-space: pre-line;
    word-wrap: break-word;
    font-family: inherit;
    text-align: justify;
}

#modelo-email {
}

    #modelo-email b.topo-msg {
        margin-left: 60px;
    }

        #modelo-email b.topo-msg i {
            margin-right: 15px;
            cursor: pointer;
        }

    #modelo-email div.form-group {
        border: 1px dashed #ccc;
        width: 85%;
        text-align: center;
        margin-left: 60px;
    }

    #modelo-email table {
        border-spacing: 0;
        width: 100%;
        border-collapse: collapse;
        font-family: Arial,Helvetica,sans-serif;
        font-size: small;
    }

        #modelo-email table tr td#FooterEmail {
        }

            #modelo-email table tr td#FooterEmail div {
                padding: 10px;
                border-top: 1px solid #ccc;
                text-align: center;
            }

        #modelo-email table tr td#BodyText {
            font-family: Arial;
            padding: 20px 30px 10px 30px;
            padding-left: 40px;
            line-height: 15px;
        }

            #modelo-email table tr td#BodyText div {
                padding: 20px;
            }

                #modelo-email table tr td#BodyText div > div {
                    clear: both
                }

        #modelo-email table tr td#HeadEmail {
            text-align: center;
        }

            #modelo-email table tr td#HeadEmail img {
                display: inline;
                padding-top: 10px;
                align: center;
            }

            #modelo-email table tr td#HeadEmail div {
                text-align: center;
                padding: 10px;
                margin-top: 10px;
            }

                #modelo-email table tr td#HeadEmail div h4 {
                    margin-top: 0;
                    margin-bottom: 5px;
                }

#legenda {
}

    #legenda .form-group {
        border: 1px double #ccc;
        padding: 5px 10px;
        background-color: #f9f9f9;
        margin-left: 60px;
        width: 85%;
    }

        #legenda .form-group h5 {
            margin-bottom: 10px;
        }

.historico.acompanhamento-respondido {
    background: rgb(86, 183, 71);
    color: white;
}

    .historico.acompanhamento-respondido .titulo {
        color: #fff !important;
    }

div.acompanhamento-descricao p > span, div.acompanhamento-descricao p > strong, div.acompanhamento-descricao p > u, div.acompanhamento-descricao p > em {
    color: white !important;
    background-color: initial !important;
}


.flip-list-move {
    transition: transform 1s;
}

.popup.aberto.Link .popup-content .popup-body {
    min-height: 100px;
}

.popup.aberto.Arquivo .popup-content .popup-body {
    min-height: 225px;
}

#setores ul {
    list-style: none;
    padding-left: 0px;
}

i.remove-file {
    color: #ff4c4c;
    margin-left: 10px;
    font-size: 15px;
    cursor: pointer;
}

.form-group.files {
    padding: 10px 5px 5px 10px;
    border: 1px dashed #f0f0f0;
}

    .form-group.files li {
        list-style: none;
        display: inline-block;
        padding: 30px 30px;
    }

.form-group.lista-encaminhamento {
    padding: 10px 5px 5px 10px;
    border: 1px dashed #f0f0f0;
}

    .form-group.lista-encaminhamento li {
        list-style: none;
        display: inline-block;
        padding: 10px 10px;
    }

        .form-group.lista-encaminhamento li:hover {
            background: #f0f0f0;
            border-radius: 10px;
        }

        .form-group.lista-encaminhamento li label {
            padding: 0px 5px;
        }

#popup-encaminhamento textarea {
    min-height: 100px;
}

.disabled-pessoa {
    pointer-events: none;
    cursor: default;
    color: #ccc;
}

.form-group.pessoas > a {
    float: right;
    font-size: 17px;
}

.destaque-option {
    background-color: #56b747;
    color: white;
}

#filtro-relatorio div.popup-body {
    min-height: 100px;
}

a.desabilitado {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.logo img {
    height: 40px;
    vertical-align: top;
    margin-top: 2px;
}

.icon-check {
    position: relative;
    float: right;
    bottom: 125px;
    right: 15px;
}

[v-cloak] {
    /*display: none;*/
    font-size: 0;
    visibility: hidden;
}

    [v-cloak]::before {
        visibility: visible;
        background: url(img/loading.gif) no-repeat 50% 150px;
        background-size: 50px;
        content: ' ';
        height: 100%;
        position: absolute;
        width: 100%;
    }

#navegacao,
.navegacao {
    background-color: #274c7d;
}

    #navegacao ol,
    .navegacao ol {
        padding: 8px 15px;
        list-style: none;
        margin: 0;
        border-radius: 4px;
        padding-left: 0;
    }

        #navegacao ol > li,
        .navegacao ol > li {
            display: inline-block;
        }

            #navegacao ol > li + li:before,
            .navegacao ol > li + li:before {
                padding: 0 5px;
                color: #ccc;
                content: "/\00a0";
            }

            #navegacao ol > li a,
            .navegacao ol > li a {
                color: #fff;
            }

        #navegacao ol > .active,
        .navegacao ol > .active {
            color: #dadada;
        }


.box.box-table .box-content {
    padding: 0;
}

    .box.box-table .box-content table {
        margin: 0;
    }

        .box.box-table .box-content table thead tr {
            /*background: .29548e;
                   color: .fff;*/
            color: rgb(83, 83, 83);
        }

        .box.box-table .box-content table > thead > tr > th {
            vertical-align: top;
        }

        .box.box-table .box-content table tr th:first-child,
        .box.box-table .box-content table tr td:first-child {
            padding-left: 15px;
        }

        .box.box-table .box-content table tr th:last-child,
        .box.box-table .box-content table tr td:last-child {
            padding-right: 15px;
        }


.loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

    .loader:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 4px;
        background-color: #29548E;
        animation: loading 2s linear infinite;
    }

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

.tabs-popup {
    margin-top: 40px;
    border-bottom: none;
}

    .tabs-popup .table > thead > tr > th,
    .tabs-popup .table > tbody > tr > th,
    .tabs-popup .table > tfoot > tr > th,
    .tabs-popup .table > thead > tr > td,
    .tabs-popup .table > tbody > tr > td,
    .tabs-popup .table > tfoot > tr > td {
        border-top: none;
    }

    .tabs-popup .tabs-component-panels {
        border-radius: 0px;
        margin: 0 -15px;
    }

    .tabs-popup .box {
        border: none;
    }

        .tabs-popup:hover,
        .tabs-popup .box:hover {
            box-shadow: none
        }

.reset-visibility {
    display: none;
}

.info-box {
    border-radius: 5px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 15px 10px;
    opacity: 1;
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 6px solid rgba(0,0,0,.1);
    background: #545454;
}

.info-box-azul {
    background-color: #29548E;
}

.info-box-verde {
    background-color: #5cb85c;
}

.info-box-alerta {
    background-color: #d9534f;
}

.info-box-atencao {
    background-color: #d99a4f;
}

.info-box-grupo {
    background-color: #5bc0de;
}

.info-box.opaco {
    opacity: .4;
}

.info-box h1,
.info-box h2,
.info-box h3,
.info-box h4,
.info-box h5 {
    font-weight: bold;
    margin-top: 5px;
}

.info-box .icon {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: absolute;
    top: -20px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,.15);
}

.info-box:hover .icon {
    font-size: 100px;
}

.info-box.small-box {
    padding: 8px 10px;
    font-size: 12px;
    margin-bottom: 8px;
}

    .info-box.small-box .icon {
        font-size: 40px;
        top: 0;
    }

    .info-box.small-box:hover .icon {
        font-size: 45px;
        top: -5px;
    }

    .info-box.small-box h1,
    .info-box.small-box h2,
    .info-box.small-box h3,
    .info-box.small-box h4,
    .info-box.small-box h5 {
        margin-bottom: 2px;
    }

.info-box.big-box {
    font-size: 20px;
    padding: 25px 10px;
}

    .info-box.big-box .icon {
        font-size: 80px;
        top: -20px;
    }

    .info-box.big-box:hover .icon {
        font-size: 85px;
    }

a.info-box:hover,
a.info-box:focus {
    color: #fff;
}

.input-group .input-group-addon {
    height: 34px;
    float: left;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border-radius: 4px 0px 0px 4px;
    border-right: 0;
    border: 1px solid #ccc;
}


.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}

.media.urgente {
    color: #d9534f;
}

.media.atencao {
    color: #f0ad4e;
}

.media.normal {
    color: #5cb85c;
}

.sub-menu .media {
    text-align: left;
    display: flex;
}

    .sub-menu .media i {
        margin-right: 5px;
    }

.small-media {
    color: #909fa7 !important;
    font-size: 12px;
}

ul.notificacao li {
    padding: 12px 0px 12px 0px;
    border-bottom: 1px solid #e6e6e6;
}

.badge-danger {
    color: #fff;
    background-color: #5d9cec;
}

.badge {
    padding: .1875rem .4375rem;
    font-size: .75rem;
    border-radius: .625rem;
}

.menu-drop .badge {
    position: absolute;
    font-size: 9px;
    top: 5px;
    left: 10px;
}

.badge-danger {
    border-radius: 50% !important;
}

.small-media .quantidade {
    margin-left: 69px;
    font-size: 11px;
}

.small-media a {
    color: #757575;
}

ul.notificacao li:hover {
    background-color: #f0f3f5;
}

ul.notificacao li:last-child {
    border-bottom: none;
}


.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 10px;
}