/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
 */
/* ---------- generics ---------- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
    color: #3e4855;
    background-color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
}

.affix {
    z-index: 999997;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border-bottom: 1px solid #cccccc;
    background: #ffffff;
}

    .affix + .container-fluid {
        padding-top: 70px;
        background: #fff;
    }

h1,
h2,
h3,
h4,
h5,
h6,
#page-title > h2,
#page-title > p {
    font-weight: 300;
}

@keyframes blink {
    50% {
        color: transparent;
    }
}

.loader__dot {
    animation: 1s blink infinite;
}

    .loader__dot:nth-child(2) {
        animation-delay: 250ms;
    }

    .loader__dot:nth-child(3) {
        animation-delay: 500ms;
    }

/* ========== DESKTOP ======================================================================================================== */

@media (min-width: 1200px) {
    .col-lg-15 {
        float: left;
        width: 20%;
    }

    .col-lg-auto {
        float: left;
    }

    .col-lg-auto-right {
        float: right;
    }

    .col-lg-0-5, .col-md-0-5, .col-sm-0-5, .col-xs-0-5,
    .col-lg-1-5, .col-md-1-5, .col-sm-1-5, .col-xs-1-5,
    .col-lg-2-5, .col-md-2-5, .col-sm-2-5, .col-xs-2-5,
    .col-lg-3-5, .col-md-3-5, .col-sm-3-5, .col-xs-3-5,
    .col-lg-4-5, .col-md-4-5, .col-sm-4-5, .col-xs-4-5,
    .col-lg-5-5, .col-md-5-5, .col-sm-5-5, .col-xs-5-5,
    .col-lg-3-7, .col-md-3-7, .col-sm-3-7, .col-xs-3-7,
    .col-lg-5-7, .col-md-5-7, .col-sm-5-7, .col-xs-5-7,
    .col-lg-6-3, .col-md-6-3, .col-sm-6-3, .col-xs-6-3 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-xs-0-5, .col-lg-0-5,
    .col-xs-1-5, .col-lg-1-5,
    .col-xs-2-5, .col-lg-2-5,
    .col-xs-3-5, .col-lg-3-5,
    .col-xs-4-5, .col-lg-4-5,
    .col-xs-5-5, .col-lg-5-5,
    .col-xs-3-7, .col-lg-3-7,
    .col-xs-5-7, .col-lg-5-7,
    .col-xs-6-3, .col-lg-6-3 {
        float: left;
    }

    .col-xs-0-5, .col-lg-0-5 {
        width: 4.166666665%;
    }

    .col-xs-1-5, .col-lg-1-5 {
        width: 12.5%;
    }

    .col-xs-2-5, .col-lg-2-5 {
        width: 20.833333335%;
    }

    .col-xs-3-5, .col-lg-3-5 {
        width: 30%;
    }

    .col-xs-4-5, .col-lg-4-5 {
        width: 37.5%;
    }

    .col-xs-5-5, .col-lg-5-5 {
        width: 45.833333%;
    }

    .col-xs-3-7, .col-lg-3-7 {
        width: 32%;
    }

    .col-xs-5-7, .col-lg-5-7 {
        width: 47.5%;
    }

    .col-xs-6-3, .col-lg-6-3 {
        width: 52.5%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .col-lg-0-5, .col-md-0-5, .col-sm-0-5, .col-xs-0-5,
    .col-lg-1-5, .col-md-1-5, .col-sm-1-5, .col-xs-1-5,
    .col-lg-2-5, .col-md-2-5, .col-sm-2-5, .col-xs-2-5,
    .col-lg-3-5, .col-md-3-5, .col-sm-3-5, .col-xs-3-5,
    .col-lg-4-5, .col-md-4-5, .col-sm-4-5, .col-xs-4-5,
    .col-lg-5-5, .col-md-5-5, .col-sm-5-5, .col-xs-5-5,
    .col-lg-3-7, .col-md-3-7, .col-sm-3-7, .col-xs-3-7,
    .col-lg-5-7, .col-md-5-7, .col-sm-5-7, .col-xs-5-7,
    .col-lg-6-3, .col-md-6-3, .col-sm-6-3, .col-xs-6-3 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .col-lg-0-5, .col-md-0-5, .col-sm-0-5, .col-xs-0-5,
    .col-lg-1-5, .col-md-1-5, .col-sm-1-5, .col-xs-1-5,
    .col-lg-2-5, .col-md-2-5, .col-sm-2-5, .col-xs-2-5,
    .col-lg-3-5, .col-md-3-5, .col-sm-3-5, .col-xs-3-5,
    .col-lg-4-5, .col-md-4-5, .col-sm-4-5, .col-xs-4-5,
    .col-lg-5-5, .col-md-5-5, .col-sm-5-5, .col-xs-5-5,
    .col-lg-3-7, .col-md-3-7, .col-sm-3-7, .col-xs-3-7,
    .col-lg-5-7, .col-md-5-7, .col-sm-5-7, .col-xs-5-7,
    .col-lg-6-3, .col-md-6-3, .col-sm-6-3, .col-xs-6-3 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-md-15 {
        float: left;
        width: 20%;
    }

    .col-md-auto {
        float: left;
    }

    .col-md-auto-right {
        float: right;
    }

    .col-md-0-5,
    .col-md-1-5,
    .col-md-2-5,
    .col-md-3-5,
    .col-md-4-5,
    .col-md-5-5,
    .col-md-3-7,
    .col-md-5-7,
    .col-md-6-3 {
        float: left;
    }

    .col-md-0-5 {
        width: 4.166666665%;
    }

    .col-md-1-5 {
        width: 12.5%;
    }

    .col-md-2-5 {
        width: 20.833333335%;
    }

    .col-md-3-5 {
        width: 30%;
    }

    .col-md-4-5 {
        width: 37.5%;
    }

    .col-md-5-5 {
        width: 45.833333%;
    }

    .col-md-3-7 {
        width: 32%;
    }

    .col-md-5-7 {
        width: 47.5%;
    }

    .col-md-6-3 {
        width: 52.5%;
    }
}

@media (min-width: 920px) (max-width: 992px) {
    .col-lg-0-5, .col-md-0-5, .col-sm-0-5, .col-xs-0-5,
    .col-lg-1-5, .col-md-1-5, .col-sm-1-5, .col-xs-1-5,
    .col-lg-2-5, .col-md-2-5, .col-sm-2-5, .col-xs-2-5,
    .col-lg-3-5, .col-md-3-5, .col-sm-3-5, .col-xs-3-5,
    .col-lg-4-5, .col-md-4-5, .col-sm-4-5, .col-xs-4-5,
    .col-lg-5-5, .col-md-5-5, .col-sm-5-5, .col-xs-5-5,
    .col-lg-3-7, .col-md-3-7, .col-sm-3-7, .col-xs-3-7,
    .col-lg-5-7, .col-md-5-7, .col-sm-5-7, .col-xs-5-7,
    .col-lg-6-3, .col-md-6-3, .col-sm-6-3, .col-xs-6-3 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-md-4-5 {
        width: 100%;
    }

    .col-md-5-5 {
        width: 100%;
    }
}

@media (min-width: 920px) {
    .modal-lg {
        margin-right: auto;
        margin-left: auto;
    }

    .btn-md-3 {
        width: 142px;
    }
}


/* ========== TABLETS ======================================================================================================== */

@media (min-width: 768px) (max-width: 920px) {
    .col-lg-0-5, .col-md-0-5, .col-sm-0-5, .col-xs-0-5,
    .col-lg-1-5, .col-md-1-5, .col-sm-1-5, .col-xs-1-5,
    .col-lg-2-5, .col-md-2-5, .col-sm-2-5, .col-xs-2-5,
    .col-lg-3-5, .col-md-3-5, .col-sm-3-5, .col-xs-3-5,
    .col-lg-4-5, .col-md-4-5, .col-sm-4-5, .col-xs-4-5,
    .col-lg-5-5, .col-md-5-5, .col-sm-5-5, .col-xs-5-5,
    .col-lg-3-7, .col-md-3-7, .col-sm-3-7, .col-xs-3-7,
    .col-lg-5-7, .col-md-5-7, .col-sm-5-7, .col-xs-5-7,
    .col-lg-6-3, .col-md-6-3, .col-sm-6-3, .col-xs-6-3 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-md-4-5 {
        width: 100%;
    }

    .col-md-5-5 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-lg-0-5, .col-md-0-5, .col-sm-0-5, .col-xs-0-5,
    .col-lg-1-5, .col-md-1-5, .col-sm-1-5, .col-xs-1-5,
    .col-lg-2-5, .col-md-2-5, .col-sm-2-5, .col-xs-2-5,
    .col-lg-3-5, .col-md-3-5, .col-sm-3-5, .col-xs-3-5,
    .col-lg-4-5, .col-md-4-5, .col-sm-4-5, .col-xs-4-5,
    .col-lg-5-5, .col-md-5-5, .col-sm-5-5, .col-xs-5-5,
    .col-lg-3-7, .col-md-3-7, .col-sm-3-7, .col-xs-3-7,
    .col-lg-5-7, .col-md-5-7, .col-sm-5-7, .col-xs-5-7,
    .col-lg-6-3, .col-md-6-3, .col-sm-6-3, .col-xs-6-3 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .row.vertical-align {
        display: flex;
        align-items: center;
    }

    .col-sm-15 {
        float: left;
        width: 20%;
    }

    .col-sm-auto {
        float: left;
    }

    .col-sm-auto-right {
        float: right;
    }

    .modal-dialog {
        margin: 30px auto;
    }

    .col-sm-0-5,
    .col-sm-1-5,
    .col-sm-2-5,
    .col-sm-3-5,
    .col-sm-4-5,
    .col-sm-5-5,
    .col-sm-3-7,
    .col-sm-5-7,
    .col-sm-6-3 {
        float: left;
    }

    .col-sm-0-5 {
        width: 4.166666665%;
    }

    .col-sm-1-5 {
        width: 12.5%;
    }

    .col-sm-2-5 {
        width: 20.833333335%;
    }

    .col-md-3-5 {
        width: 30%;
    }

    .col-sm-3-7 {
        width: 32%;
    }

    .col-sm-5-7 {
        width: 47.5%;
    }

    .col-sm-6-3 {
        width: 52.5%;
    }
}

@media (max-width: 767px) {
    .col-lg-0-5, .col-md-0-5, .col-sm-0-5, .col-xs-0-5,
    .col-lg-1-5, .col-md-1-5, .col-sm-1-5, .col-xs-1-5,
    .col-lg-2-5, .col-md-2-5, .col-sm-2-5, .col-xs-2-5,
    .col-lg-3-5, .col-md-3-5, .col-sm-3-5, .col-xs-3-5,
    .col-lg-4-5, .col-md-4-5, .col-sm-4-5, .col-xs-4-5,
    .col-lg-5-5, .col-md-5-5, .col-sm-5-5, .col-xs-5-5,
    .col-lg-3-7, .col-md-3-7, .col-sm-3-7, .col-xs-3-7,
    .col-lg-5-7, .col-md-5-7, .col-sm-5-7, .col-xs-5-7,
    .col-lg-6-3, .col-md-6-3, .col-sm-6-3, .col-xs-6-3 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .row.vertical-align {
        display: block;
        /* Turn off the flexible box layout */
    }

    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li {
        /*margin-bottom: 20px;*/
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }

        ul.timeline > li > .timeline-panel {
            width: calc(100% - 90px);
            width: -moz-calc(100% - 90px);
            width: -webkit-calc(100% - 90px);
        }

        ul.timeline > li > .timeline-badge {
            left: 28px;
            margin-left: 0;
            top: 16px;
        }

        ul.timeline > li > .timeline-panel {
            float: right;
        }

            ul.timeline > li > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            ul.timeline > li > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-bottom: 20px;
    }

        .timeline > li.timeline-inverted > .timeline-badge {
            left: 28px;
        }
}

@media (min-width: 620px) {
    .modal-dialog {
        margin-right: auto;
        margin-left: auto;
    }

    .modal-md {
        margin-right: auto;
        margin-left: auto;
    }
}


/* ========== MOBILES ======================================================================================================== */

@media (min-width: 480px) {
    .col-xs1-auto {
        float: left;
    }

    .col-xs1-auto-right {
        float: right;
    }
}

@media (min-width: 320px) {
    .modal-sm {
        margin-right: auto;
        margin-left: auto;
    }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background: url("chosen-sprite.png") right top no-repeat !important;
        background-size: 52px 37px !important;
    }
}


.pNoMargPad {
    margin: 0 !important;
    padding: 0 !important;
}

.block {
    width: 100% !important;
}

.dNone {
    display: none;
}

.margTM10 {
    margin-top: -10px !important;
}

.margTB1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.margT4 {
    margin-top: 4px;
}

.margT5 {
    margin-top: 5px;
}

.margT8 {
    margin-top: 8px;
}

.margT10 {
    margin-top: 10px;
}

.margT20 {
    margin-top: 20px;
}

.margT30 {
    margin-top: 30px;
}

.margT40 {
    margin-top: 50px;
}

.margT50 {
    margin-top: 50px;
}

.margLR0 {
    margin-left: 0;
    margin-right: 0;
}

.margB0 {
    margin-bottom: 0 !important;
}

.margB4 {
    margin-bottom: 4px;
}

.margB5 {
    margin-bottom: 5px;
}

.margB10 {
    margin-bottom: 10px;
}

.margB20 {
    margin-bottom: 20px;
}

.margB30 {
    margin-bottom: 30px;
}

.margB40 {
    margin-bottom: 50px;
}

.margB50 {
    margin-bottom: 50px;
}

.margL5 {
    margin-left: 5px;
}

.margL10 {
    margin-left: 10px;
}

.margL20 {
    margin-left: 20px;
}

.margL30 {
    margin-left: 30px;
}

.margL40 {
    margin-left: 50px;
}

.margL50 {
    margin-left: 50px;
}

.margR3 {
    margin-right: 3px;
}

.margR10 {
    margin-right: 10px;
}

.margR20 {
    margin-right: 20px;
}

.margR30 {
    margin-right: 30px;
}

.margR40 {
    margin-right: 50px;
}

.margR50 {
    margin-right: 50px;
}

.padLR5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padLR0, .panel-child.padLR0, .analise .panel .panel-heading.panel-child.padLR0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.after-padL15:after {
    padding-left: 15px;
}

.padR0 {
    padding-right: 0 !important;
}

.padL0 {
    padding-left: 0 !important;
}

.padL5 {
    padding-left: 5px !important;
}

.padL30 {
    padding-left: 30px !important;
}

.padL60 {
    padding-left: 60px !important;
}

.padL90 {
    padding-left: 90px !important;
}

.padB0 {
    padding-bottom: 0 !important;
}

.padB5 {
    padding-bottom: 5px;
}

.padT0 {
    padding-top: 0 !important;
}

.pad0 {
    padding: 0 !important;
}

.padT1, .table-expander td[colspan="7"].padT1, .table-expander td[colspan="8"].padT1 {
    padding-top: 1px;
}

.padT5 {
    padding-top: 5px !important;
}

.padTB2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}


.padTB5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.body-scroll {
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}

.accordion-toggle .form-group,
.modal-preview .form-group,
.well-constatacoes .form-group {
    margin-bottom: 0;
}

    .accordion-toggle .form-group .form-control-static,
    .modal-preview .form-group .form-control-static,
    .well-constatacoes .form-group .form-control-static {
        margin-bottom: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.modal-preview .form-group {
    font-size: 12px;
}

.bg-row {
    padding: 10px;
    border-radius: 4px;
    background: #DBE2EF;
}

    .bg-row .form-group {
        margin-bottom: 0;
    }


/* backgrounds */

.bg-default {
    background-color: #f8f8f8 !important;
}

.bg-transparent {
    background-color: transparent !important;
}


/* bg default */

.bg-saneamento {
    background-color: #F2F7FF !important;
}

.bg-gas {
    background-color: #FAF8D7 !important;
}

.bg-energia {
    background-color: #F1E8E8 !important;
}

.label-numero-item {
    background: #185aa8 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    padding: 0 10px 1px 10px !important;
    line-height: 22px !important;
    display: table !important;
    margin-top: -3px !important;
    font-size: 0.8em !important;
}

.nav-custom-label > li.active > a, .nav-custom-label > li.active > a:focus, .nav-custom-label > li.active > a:hover {
    color: #185aa8 !important;
    cursor: default;
    background-color: #ffac00 !important;
    border: 1px solid transparent;
    border-bottom-color: transparent;
}

.italic {
    font-style: italic;
}

/* ---------- generics ---------- */

/* ---------- custom bootstrap ---------- */

.table > tbody > tr > td {
    vertical-align: middle;
}

.table-bordered {
    border-collapse: separate;
}

.table-bordered {
    border: solid #ccc 1px;
    border-radius: 6px;
    border-left: 0px;
}

    .table-bordered td,
    .table-bordered th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .table-bordered th {
        border-top: none;
    }

        .table-bordered th:first-child {
            border-radius: 6px 0 0 0;
        }

        .table-bordered th:last-child {
            border-radius: 0 6px 0 0;
        }

        .table-bordered th:only-child {
            border-radius: 6px 6px 0 0;
        }

    .table-bordered tr:last-child td:first-child {
        border-radius: 0 0 0 6px;
    }

    .table-bordered tr:last-child td:last-child {
        border-radius: 0 0 6px 0;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.text-danger {
    color: #d9534f;
}

/*
.panel-heading:before {
    content: " ";
    display: table;
}

.panel-heading:after {
    clear: both;
}
*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    float: left;
    width: 20%;
}


.col-xs-auto,
.col-xs1-auto,
.col-sm-auto,
.col-md-auto,
.col-lg-auto,
.col-xs-auto-right,
.col-xs1-auto-right,
.col-sm-auto-right,
.col-md-auto-right,
.col-lg-auto-right,
.col-middle {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-middle {
    display: table;
}

.col-xs-auto {
    float: left;
}

.col-xs-auto-right {
    float: right;
}



input[type=file] {
    display: block;
    width: 100%;
    padding: 6px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.divider {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.chkTable,
.rdoTable {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.btn-link {
    color: #0b4271;
}

.btn {
    min-width: 29px;
    min-height: 23px;
    transition: all .1s;
    border-color: transparent;
    border-radius: 3px;
    outline: none !important;
    font-size: 10px;
    padding: 5px 8px;
    -webkit-appearance: none;
}


    .btn .fa {
        font-size: 11px !important;
    }

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}

.btn.btn-without-icon {
    height: 28px;
}

.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 3px 0 0 3px;
    background: transparent;
    background: rgba(0, 0, 0, .05);
}

    .btn-label.btn-label-right {
        right: -13px;
        left: auto;
        border-radius: 0 3px 3px 0;
    }

.btn-status {
    margin: 0 3px 0 0;
    padding: 0px 0 0 0;
    font-size: 13px;
    background: transparent;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.span-responsavel {
    max-width: 200px;
    word-wrap: break-word;
    white-space: normal;
    height: 34.19px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
    line-height: 1.228571;
    border-top: 1px solid #ddd;
    font-weight: normal;
    font-size: 12px;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

a,
a:focus {
    outline: 0;
}

    a:focus {
        outline-offset: 0;
    }

.well {
    min-height: 20px;
    margin-bottom: 20px;
    padding: 19px;
    border: 1px solid #ededed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well-sm {
    padding: 5px 10px;
    border-radius: 3px;
}

.modal-body .panel-body {
    padding: 15px 15px 5px 15px;
}


.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    padding: 5px 0;
    list-style: none;
    text-align: left;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-size: 14px;
}

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
    border-color: #64b5f6;
    border-bottom: 0;
    background-color: #64b5f6 !important;
}

.panel.with-nav-tabs .panel-body {
    padding: 10px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}


/*** PANEL DEFAULT ***/

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #fff;
}

    .with-nav-tabs.panel-default .nav-tabs > .open > a,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
        color: #FFF;
        border-color: transparent;
        background-color: #5eabe8;
    }

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    border-color: #ddd;
    border-bottom-color: transparent;
    background-color: #fff;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    border-color: #ddd;
    background-color: #f5f5f5;
}

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #777;
    }

        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #ddd;
        }

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #555;
    }

label {
    font-size: 0.9em;
}

.form-control {
    font-size: 13px;
    padding: 6px;
}

.form-control-static {
    margin-bottom: 0;
    padding-top: 0;
}

.table thead tr {
    background: #64b5f6 !important;
    color: #0b4271;
}

.table.manifestacoes thead tr {
    background: #64b5f6 !important;
    color: #0b4271;
}

.table.manifestacoes-concessionaria thead tr {
    background: #bbdefb !important;
    color: #0b4271;
}

.table.manifestacoes-arsesp thead tr {
    background: #bbdefb !important;
    color: #0b4271;
}

.list-group-item {
    margin-bottom: 10px;
}

    .list-group-item .table {
        margin-bottom: 5px;
        color: #333;
        background: #fff;
    }

.list-group {
    margin-bottom: 5px;
    padding-left: 0;
}

.with-nav-tabs.panel-default .nav-tabs > li {
    margin-bottom: 0;
}

.modal-inside {
    width: 80%;
}

.analiseConstatacoes .list-group-item-info,
.analiseConstatacoes .list-group-item-warning,
.analiseConstatacoes .list-group-item-danger,
.analiseConstatacoes .list-group-item-success {
    color: #3e4855;
}

.analiseConstatacoes .prazo-analise-dts {
    font-size: 0.8em;
    margin-top: 3px;
    font-weight: normal;
    margin-left: 14px;
    color: #555;
    display: block;
}

.modal-header {
    padding: 5px 15px;
}

    .modal-header .close {
        margin-top: 10px;
    }

.modal-dialog {
    width: 1120px !important;
    margin: 85px auto;
}

.modal-sm {
    max-width: 400px !important;
}

.modal-md {
    max-width: 600px !important;
}

.modal-lg {
    max-width: 1120px !important;
}


/* ---------- Modal Apresenta��o Aviso ---------- */

.modal-apresentarAviso .row-img {
    display: flex;
    justify-content: center;
}

.modal-apresentarAviso .img-apresentarAviso {
    width: 100%;
}

/* ---------- Modal Apresenta��o Aviso ---------- */

.list-group-item-heading {
    color: #333;
}

.label-width {
    display: inline-block;
    min-width: 138px;
    margin-top: 2px;
    line-height: 1.4em;
}

.badge-status-tn {
    position: absolute;
    right: 15px;
    top: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-header-analise {
    margin: 0 0 5px 0;
}

.btn-header-manifestacao {
    margin: 3px 0 3px 0;
}

.btn-default {
    color: #333;
    background-color: #e8e8e8;
    border-color: #cccccc;
}

.btn-azul-claro {
    color: #fff;
    background-color: #64b5f6;
    border-color: #cccccc;
}

.table .checkbox,
.table .radio {
    margin-top: 0;
    margin-bottom: 0;
}

label small {
    color: #9A9B94;
}

.form-group.required > .control-label:after,
.form-group.required > label:after,
.form-group.required > .row > .label-container > .control-label:after,
.form-group.required > .row > .label-container > label:after,
.form-group > span.required:after,
.form-group > text.required:after,
.form-group > .row > .label-container > span.required:after,
.form-group > .row > .label-container > text.required:after {
    content: "*";
    color: #C02727;
    padding-left: 5px;
}

.form-group > span.required:after,
.form-group > text.required:after,
.form-group > .row > .label-container > span.required:after,
.form-group > .row > .label-container > text.required:after {
    padding-left: 2px;
    font-weight: 700;
}

.form-group > label[concat]:after,
.form-group > .row > .label-container > label[concat]:after {
    content: "" attr(concat) "";
    /*color: #3e4855;*/
    padding-left: 0;
}

.has-error .control-label,
.has-error label,
.has-error .help-block,
.has-error .form-control-feedback {
    color: #C02727;
}

.has-error .form-control {
    border-color: #C02727;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.alert {
    padding: 10px 30px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.label {
    font-size: 80%;
    font-weight: normal;
}

.collapse {
    cursor: pointer;
    cursor: hand;
}


/* ---------- custom bootstrap ---------- */

/* ---------- login ---------- */

.form-signin {
    padding: 20px;
    margin: 0 auto;
}

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        font-weight: normal;
    }

    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="text"] {
        margin-bottom: -1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.account-wall {
    margin: 40px 0;
    padding: 20px 0px 20px 0px;
    background-color: #ffffff;
    -moz-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

.profile-img {
    width: 150px;
    margin: 0 auto 25px;
    display: block;
}

.need-help {
    margin-top: 10px;
}

/* ---------- login ---------- */
/* ---------- header ---------- */
header .logo-header {
    margin: 15px 0 25px 0;
}

.affix .logo-header {
    margin: 9px 0 10px 0;
}

    .affix .logo-header img {
        width: 100px;
    }

header .info-system,
header .info-user {
    margin-top: 35px;
}

.affix .info-system,
.affix .info-user {
    margin-top: 15px;
}

header .info-system h1 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
}

.affix .info-system h1 {
    font-size: 0.9em;
}

header .info-system p {
    margin-top: 6px;
    font-size: .9em;
    line-height: 1.2em;
}

.affix .info-system p {
    margin-top: 5px;
    font-size: 0.8em;
    line-height: 1.1em;
}

header .info-user {
    border-right: 1px solid #ababab;
}

    header .info-user p {
        margin: 0;
        padding: 0;
        text-align: right;
        color: #ababab;
        font-size: 0.9em;
    }

.affix .info-user p {
    font-size: 0.8em;
}

header .info-off {
    margin-top: 43px;
    text-align: center;
}

.affix .info-off {
    margin-top: 20px;
}

header .selecaoDiretoria {
    font-size: 15px;
    font-weight: normal;
}


/* ---------- header ---------- */

/* ---------- page title ---------- */

.page-title {
    position: relative;
    padding: 0 0 10px;
}

    .page-title h2 {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        color: #414C59;
        font-size: 20px;
        font-weight: 100;
    }

    .page-title p {
        opacity: 0.6;
    }


/* ---------- page title ---------- */

/* ---------- panel ---------- */

.panel {
    border-color: #cccccc;
}

.panel {
    margin-bottom: 20px;
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    background-color: #f8f8f8;
    box-shadow: none;
}

    .panel-border,
    .panel .with-nav-tabs {
        border-width: 1px;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }

.title-hero {
    margin: 0 0 15px;
    padding: 0;
    text-transform: uppercase;
    opacity: 0.7;
    font-size: 14px;
}

.panel .panel-heading {
    /*
	border-color: #64b5f6;
	border-bottom: 0;
	background-color: #64b5f6;
*/
}

.panel-group .panel-heading a:after {
    cursor: pointer;
}


/* ---------- panel ---------- */

/* ---------- listar TNs ---------- */

.listarTN .panel-title {
    font-size: 12px;
}

.listarTN .glyphicon {
    position: absolute;
    top: 7px;
    margin-right: 10px;
    font-size: 1.5em;
}

.listarTN .codTN {
    position: relative;
    left: 30px;
    margin-bottom: 0;
}

.listarTN a.accordion-toggle .listarTN a.accordion-toggle:active,
.listarTN a.accordion-toggle:focus,
.listar-tns a.accordion-toggle:hover {
    text-decoration: none;
}

.listarTN .btn-link,
.listarTN .btn-link:active,
.listarTN .btn-link:focus,
.listarTN .btn-link:hover {
    text-decoration: none;
}


/* ---------- listar TNs ---------- */

/* ---------- solicitat dilacao de prazo ---------- */

.badge {
    padding: 6px 12px;
}

.bg-gray {
    color: #515253 !important;
    background-color: #dde6e9;
    margin-bottom: 5px;
}

    .bg-gray:hover {
        background-color: #dfe8f1;
    }

.dropzone {
    padding: 10px;
    text-align: center;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    background: white;
    min-height: initial;
    max-height: 150px;
}


/* ---------- solicitat dilacao de prazo ---------- */

/* ---------- table expand ---------- */

.table-expander .table {
    margin-bottom: 0px;
}

.table-expander .treetable-expander.fa {
    position: relative;
    margin-right: 15px;
    font-size: 1.5em;
    font-weight: bold;
}

.table-expander .chkTable,
.table-expander .rdoTable {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.table-expander .table > tbody > tr > th,
.table-expander .table > tfoot > tr > td,
.table-expander .table > tfoot > tr > th,
.table-expander.table > thead > tr > td,
.table-expander.table > tbody > tr > td,
.table-expander .table > thead > tr > th {
    padding: 0 8px;
    vertical-align: middle !important;
}

.table-expander .checkbox input[type=checkbox],
.table-expander .checkbox-inline input[type=checkbox],
.table-expander .radio input[type=radio],
.table-expander .radio-inline input[type=radio] {
    position: inherit;
    margin-left: 0;
}

.table-expander .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #dfe8f1;
}

.table-expander .table-bordered {
    border: 1px solid #cbd5e0;
}

.table > tbody > tr {
    background: #fff;
}

.table > tbody > tr:hover {
    background: #eef7ff;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid #cbd5e0;
}

.table-expander td[colspan="7"], .table-expander td[colspan="8"] {
    background: #eaebec;
    border-bottom: 5px solid #4072ae;
}


/* ---------- table expand ---------- */

/* ---------- navbar ---------- */

/* customize bootstrap menu */

.navbar-default,
.navbar {
    border: transparent;
    border-radius: 0;
}

    .navbar .dropdown-menu {
        position: absolute;
        z-index: 1000;
        float: left;
        margin: 2px 0 0;
        padding: 6px 0;
        list-style: none;
        text-align: left;
        border: none;
        border-radius: 0;
        background-color: #e7e7e7;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
    }

        .navbar .dropdown-menu .divider {
            background-color: #f8f8f8;
        }

        .navbar .dropdown-menu > li > a {
            padding: 10px 20px;
        }


/* customize bootstrap menu */

/* sub menus arrows on desktop */

.navbar-nav:not(.sm-collapsible) ul .caret {
    position: absolute;
    right: 0;
    margin-top: 6px;
    margin-right: 15px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
}

.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
    padding-right: 30px;
}


/* make sub menu arrows look like +/- buttons in collapsible mode */

.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret {
    position: absolute;
    right: 0;
    width: 32px;
    height: 26px;
    margin: -3px 15px 0 0;
    padding: 0;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    line-height: 24px;
}

    .navbar-nav.sm-collapsible .caret:before {
        content: '+';
        font-family: monospace;
        font-weight: bold;
    }

.navbar-nav.sm-collapsible .open > a > .caret:before {
    content: '-';
}

.navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 50px;
}


/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret,
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
    position: static;
    width: 0;
    height: 0;
    margin: 0 0 0 2px;
    padding: 0;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
}

    .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
        content: '' !important;
    }

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
    padding-right: 15px;
}


/* scrolling arrows for tall menus */

.navbar-nav span.scroll-up,
.navbar-nav span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    height: 20px;
    text-align: center;
}

.navbar-nav span.scroll-up-arrow,
.navbar-nav span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    overflow: hidden;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-top: 7px dashed transparent;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid;
    border-left: 7px dashed transparent;
}

.navbar-nav span.scroll-down-arrow {
    top: 6px;
    border-top: 7px solid;
    border-right: 7px dashed transparent;
    border-bottom: 7px dashed transparent;
    border-left: 7px dashed transparent;
}


/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */

.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
    padding-left: 35px;
}

.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left: 45px;
}

.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 55px;
}

.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 65px;
}


/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */

.navbar-nav .dropdown-menu > li > a {
    white-space: normal;
}

.navbar-nav ul.sm-nowrap > li > a {
    white-space: nowrap;
}

.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
    white-space: normal;
}


/* fix .navbar-right subs alignment */

.navbar-right ul.dropdown-menu {
    right: auto;
    left: 0;
}


/* ---------- navbar ---------- */

/* ---------- draggable ---------- */

#parent-drag {
    position: relative !important;
    margin: 0 auto;
    padding: 0;
}

.ui-draggable-dragging {
    z-index: 10000 !important;
}

.elem-drag {
    position: absolute;
    z-index: 1;
    width: 100%;
    padding: 0 15px;
    cursor: move;
}

    .elem-drag:hover {
        background-color: #F5F5F5;
    }

.editar-form {
    position: absolute;
    z-index: 99;
    top: 5px;
    right: 20px;
    color: #e0e0e0;
}

    .editar-form:hover {
        z-index: 99999;
        cursor: pointer;
        color: #717171;
    }

.container-drag {
    display: table;
    width: 100%;
    padding: 15px 0;
    border-top: 0;
}


/* ---------- draggable ---------- */

/* ---------- swicht select ---------- */

.ms-container {
    width: 100%;
    background: transparent url(../images/switch.png) no-repeat 49.8% 50%;
    background-size: 40px;
}

    .ms-container:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        min-height: 0;
        content: ".";
        font-size: 0;
        line-height: 0;
    }

    .ms-container .ms-selectable,
    .ms-container .ms-selection {
        float: left;
        width: 45%;
        color: #555555;
        background: #fff;
    }

    .ms-container .ms-selection {
        float: right;
    }

    .ms-container .ms-list {
        position: relative;
        overflow-y: auto;
        height: 200px;
        padding: 0;
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

        .ms-container .ms-list.ms-focus {
            border-color: rgba(82, 168, 236, 0.8);
            outline: 0;
            outline: thin dotted \9;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        }

    .ms-container ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .ms-container .ms-optgroup-container {
        width: 100%;
    }

    .ms-container .ms-optgroup-label {
        margin: 0;
        padding: 5px 0px 0px 5px;
        cursor: pointer;
        color: #999;
    }

    .ms-container .ms-selectable li.ms-elem-selectable,
    .ms-container .ms-selection li.ms-elem-selection {
        padding: 7px 10px;
        border-bottom: 1px #eee dotted;
    }

    .ms-container .ms-selectable li.ms-hover,
    .ms-container .ms-selection li.ms-hover {
        cursor: pointer;
        text-decoration: none;
        color: #fff;
        background-color: #08c;
    }

    .ms-container .ms-selectable li.disabled,
    .ms-container .ms-selection li.disabled {
        cursor: text;
        color: #aaa;
        background-color: #eee;
    }


/* ---------- swicht select ---------- */

/* ---------- multiselect ---------- */

.chosen-select {
    width: 100%;
}

.chosen-select-deselect {
    width: 100%;
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

    .chosen-container .chosen-drop {
        position: absolute;
        z-index: 1060;
        top: 100%;
        left: -9000px;
        margin-top: -1px;
        border: 1px solid #cccccc;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        background: #ffffff;
        -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
        box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        right: 0;
        left: 0;
    }

    .chosen-container .chosen-results {
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        max-height: 240px;
        margin: 0 4px 4px 0;
        padding: 0 0 0 4px;
        color: #555555;
    }

        .chosen-container .chosen-results li {
            display: none;
            margin: 0;
            padding: 5px 6px;
            list-style: none;
            line-height: 1.42857143;
        }

            .chosen-container .chosen-results li em {
                background: #feffde;
                font-style: normal;
            }

            .chosen-container .chosen-results li.group-result {
                display: list-item;
                cursor: default;
                color: #999;
                font-weight: bold;
            }

            .chosen-container .chosen-results li.group-option {
                padding-left: 15px;
            }

            .chosen-container .chosen-results li.active-result {
                display: list-item;
                cursor: pointer;
            }

            .chosen-container .chosen-results li.highlighted {
                color: white;
                background-color: #428bca;
                background-image: none;
            }

                .chosen-container .chosen-results li.highlighted em {
                    background: transparent;
                }

            .chosen-container .chosen-results li.disabled-result {
                display: list-item;
                color: #777777;
            }

        .chosen-container .chosen-results .no-results {
            display: list-item;
            background: #eeeeee;
        }

    .chosen-container .chosen-results-scroll {
        position: absolute;
        z-index: 1;
        width: 321px;
        margin: 0 4px;
        text-align: center;
        background: white;
    }

        .chosen-container .chosen-results-scroll span {
            display: inline-block;
            width: 9px;
            height: 1.42857143;
            text-indent: -5000px;
        }

    .chosen-container .chosen-results-scroll-down {
        bottom: 0;
    }

        .chosen-container .chosen-results-scroll-down span {
            background: url("../images/chosen-sprite.png") no-repeat -4px -3px;
        }

    .chosen-container .chosen-results-scroll-up span {
        background: url("../images/chosen-sprite.png") no-repeat -22px -3px;
    }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    height: 34px;
    padding: 0 0 0 8px;
    white-space: nowrap;
    text-decoration: none;
    color: #555555;
    border: 1px solid #cccccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    line-height: 34px;
}

    .chosen-container-single .chosen-single span {
        display: block;
        overflow: hidden;
        margin-right: 26px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .chosen-container-single .chosen-single abbr {
        position: absolute;
        top: 12px;
        right: 26px;
        display: block;
        width: 12px;
        height: 10px;
        background: url("chosen-sprite.png") right top no-repeat;
        font-size: 1px;
    }

        .chosen-container-single .chosen-single abbr:hover {
            background-position: right -11px;
        }

    .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
        background-position: right 2px;
    }

    .chosen-container-single .chosen-single div {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 18px;
        height: 100%;
    }

        .chosen-container-single .chosen-single div b {
            display: block;
            width: 100%;
            height: 100%;
            background: url("chosen-sprite.png") no-repeat 0 7px;
        }

.chosen-container-single .chosen-default {
    color: #777777;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1000;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        width: 100%;
        margin: 1px 0;
        padding: 4px 20px 4px 4px;
        border: 1px solid #cccccc;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        background: url("chosen-sprite.png") no-repeat 100% -20px, #ffffff;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.chosen-container-single-nosearch .chosen-search input {
    position: absolute;
    left: -9000px;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    cursor: text;
    border: 1px solid #cccccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

    .chosen-container-multi .chosen-choices .search-field {
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

        .chosen-container-multi .chosen-choices .search-field input[type="text"] {
            height: 32px;
            margin: 0;
            padding: 4px;
            color: #555555;
            border: 0 !important;
            outline: 0;
            background: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .chosen-container-multi .chosen-choices .search-field .default {
            color: #999;
        }

    .chosen-container-multi .chosen-choices .search-choice {
        position: relative;
        margin: 6px 0 3px 5px;
        padding: 3px 20px 3px 5px;
        cursor: default;
        color: #333333;
        border: 1px solid #cccccc;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: #eeeeee;
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
        background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
        background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
        background-repeat: repeat-x;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        line-height: 13px;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
    }

        .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
            position: absolute;
            top: 5px;
            right: 4px;
            display: block;
            width: 12px;
            height: 10px;
            cursor: pointer;
            background: url("chosen-sprite.png") right top no-repeat !important;
            font-size: 1px;
        }

            .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
                background-position: right -11px;
            }

    .chosen-container-multi .chosen-choices .search-choice-focus {
        background: #d4d4d4;
    }

        .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
            background-position: right -11px;
        }

.chosen-container-multi .chosen-results {
    margin: 0 0 0 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none;
}

.chosen-container-active .chosen-single {
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    border: 1px solid #66afe9;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    border: 1px solid #66afe9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 7px;
        }

.chosen-container-active .chosen-choices {
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    border: 1px solid #66afe9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
}

    .chosen-container-active .chosen-choices .search-field input[type="text"] {
        color: #111 !important;
    }

.chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.chosen-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

        .chosen-rtl .chosen-single div {
            right: auto;
            left: 7px;
        }

        .chosen-rtl .chosen-single abbr {
            right: auto;
            left: 26px;
        }

    .chosen-rtl .chosen-choices .search-field input[type="text"] {
        direction: rtl;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

    .chosen-rtl .chosen-choices .search-choice {
        margin: 6px 5px 3px 0;
        padding: 3px 5px 3px 19px;
    }

        .chosen-rtl .chosen-choices .search-choice .search-choice-close {
            right: auto;
            left: 4px;
            background-position: right top;
        }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results .group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: url("chosen-sprite.png") no-repeat -28px -20px, #ffffff;
        direction: rtl;
    }

.multiselect-item.multiselect-group ~ li:not(.multiselect-item-without-group){
    padding-left: 20px;
}




/* ---------- multiselect ---------- */

/* ---------- footer ---------- */

footer {
    padding-bottom: 10px;
    color: #333;
    background-color: #f9f9f9;
}

    footer h1 {
        font-size: 1em;
        font-weight: bold;
    }

.logo-footer {
    margin-bottom: 10px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}

.logo-governo {
    width: 220px;
}

.copyright {
    color: #8e8e8e;
    background-color: #e0e0e0;
}

    .copyright p {
        margin-bottom: 0px;
        padding: 10px 0;
    }


/* ---------- footer ---------- */

/* ---------- timeline ---------- */

.message-item {
    position: relative;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 12px;
}

    .message-item .message-inner {
        position: relative;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 3px;
        background: #fff;
    }

        .message-item .message-inner:before {
            position: absolute;
            top: -20px;
            left: 20px;
            display: block;
            width: 0;
            height: 0;
            margin-left: -10px;
            content: "";
            color: rgba(0, 0, 0, 0);
            border-width: 10px;
            border-style: solid;
            border-color: rgba(221, 221, 221, 0);
            border-right: 10px solid #ddd;
            border-bottom-color: #ddd;
        }

        .message-item .message-inner:after {
            position: absolute;
            top: -20px;
            left: 20px;
            display: block;
            width: 0;
            height: 0;
            margin-left: -10px;
            content: "";
            color: rgba(0, 0, 0, 0);
            border-width: 10px;
            border-style: solid;
            border-color: rgba(221, 221, 221, 0);
            border-right: 10px solid #fff;
            border-bottom-color: #ddd;
        }

    .message-item .message-head {
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #eee;
    }

        .message-item .message-head .user-detail {
            overflow: hidden;
        }

            .message-item .message-head .user-detail h5 {
                margin: 0;
                font-size: 14px;
                font-weight: bold;
            }

                .message-item .message-head .user-detail h5 .qa-message-when-data {
                    font-size: 10px;
                }

        .message-item .message-head .post-meta {
            float: left;
            padding: 0 15px 0 0;
        }

            .message-item .message-head .post-meta > div {
                text-align: right;
                color: #333;
                font-weight: bold;
            }

.post-meta > div {
    color: #777;
    font-size: 10px;
    line-height: 22px;
}

.message-item .message-head .post-meta > div {
    text-align: right;
    color: #333;
    font-weight: bold;
}

.post-meta > div {
    color: #777;
    font-size: 10px;
    line-height: 22px;
}


/* ---------- timeline ---------- */

/* ---------- panel instalacoes visitadas ---------- */

.instalacoes-visitadas .panel .glyphicon {
    color: #1b4d77;
}

.instalacoes-visitadas .titulo-panel {
    display: inline-block;
    margin: 5px 0 5px 0px;
    padding-left: 5px;
    font-size: 13px;
    font-weight: bold;
}

.instalacoes-visitadas .panel-group .panel-heading {
    padding: 0;
}

    .instalacoes-visitadas .panel-group .panel-heading a:after {
        position: absolute;
        top: 5px;
        left: 10px;
        content: "\f056";
        font-family: FontAwesome;
        font-size: 18px;
        font-weight: normal;
    }

    .instalacoes-visitadas .panel-group .panel-heading a {
        position: relative;
        display: block;
        padding: 10px 5px;
        text-decoration: none;
        color: #0b4271;
    }

        .instalacoes-visitadas .panel-group .panel-heading a.collapsed:after {
            content: "\f055";
        }

    .instalacoes-visitadas .panel-group .panel-heading .panel-title {
        padding-left: 30px;
        font-size: 13px;
        font-weight: bold;
    }

.instalacoes-visitadas .panel-group .panel-body {
    padding: 10px 5px;
    background: #ffffff;
}

.instalacoes-visitadas .panel-group .panel {
    background-color: transparent;
}

.instalacoes-visitadas .panel-group .panel-body p:last-child,
.instalacoes-visitadas .panel-group .panel-body ul:last-child,
.instalacoes-visitadas .panel-group .panel-body ol:last-child {
    margin-bottom: 0;
}

.instalacoes-visitadas .bgcolor-nivel-00 .panel-heading {
    background-color: #3596e2 !important;
}

.instalacoes-visitadas .bgcolor-nivel-01 .panel-heading {
    background-color: #90caf9 !important;
}

.instalacoes-visitadas .bgcolor-nivel-02 .panel-heading {
    background-color: #bbdefb !important;
}

.instalacoes-visitadas .bgcolor-nivel-03 .panel-heading {
    background-color: #cee6f8 !important;
}

.instalacoes-visitadas .bgcolor-nivel-04 .panel-heading {
    background-color: #f2faff !important;
}

.instalacoes-visitadas .bgcolor-nivel-00 .panel-info .panel-heading {
    background-color: #9A9B94 !important;
}

    .instalacoes-visitadas .bgcolor-nivel-00 .panel-info .panel-heading a {
        color: #FFF !important;
    }


/* ---------- panel instalacoes visitadas ---------- */

/* ---------- concessionaria ---------- */

.label-filtros {
    padding-left: 0;
    padding-bottom: 5px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e7e7e7;
}

.desc_fudamento_detalhes {
    font-size: 85%;
    text-align: left !important;
    margin-top: 5px;
}

.bg-arsesp {
    background-color: #dff0d8;
}

.bg-concessionaria {
    background-color: #d9edf7;
}

.desc_fudamento_detalhes h5 {
    margin-top: 0 !important;
}

.desc_fudamento_detalhes p {
    margin-bottom: 0 !important;
}

.analise .panel .glyphicon {
    color: #1b4d77;
}

.analise .titulo-panel {
    display: inline-block;
    margin: 5px 0 5px 0px;
    padding-left: 5px;
    font-size: 13px;
    font-weight: bold;
}

.concessionaria.panel-group .panel-heading {
    padding: 0;
}

.concessionaria .panel .panel-heading {
    padding: 0 5px 0 5px;
}

    .concessionaria .panel .panel-heading.panel-child {
        padding: 5px 0 5px 12px !important;
    }

.concessionaria .panel-group .panel-heading.panel-child a:after {
    top: 10px;
    left: 2px;
}

.concessionaria .panel-group .panel-heading.panel-child .btn {
    margin-bottom: 5px;
    padding: 3px 6px;
}

.concessionaria .panel .panel-heading.panel-no-collapse {
    padding: 10px 0;
}

.concessionaria .panel-group .panel-heading a {
    position: relative;
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #0b4271;
}

    .concessionaria .panel-group .panel-heading a:after {
        position: absolute;
        top: 6px;
        left: 10px;
        content: "\f056";
        font-family: FontAwesome;
        font-size: 18px;
        font-weight: normal;
    }

.concessionaria .panel-group .panel-heading.panel-concessionaria a:after {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "\f056";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
}

.concessionaria .panel-group .panel-heading a.collapsed:after {
    content: "\f055";
}

.concessionaria .panel-group .panel-heading .panel-title-concessionaria {
    margin-top: 10px;
    padding-left: 30px;
    font-size: 13px;
    font-weight: bold;
}

.concessionaria .panel-group .panel-heading .panel-title {
    margin-top: 0;
    padding: 5px 0 5px 30px;
    font-size: 13px;
    font-weight: bold;
}

    .concessionaria .panel-group .panel-heading .panel-title.panel-child {
        padding: 5px 8px 5px 8px !important;
    }

    .concessionaria .panel-group .panel-heading .panel-title input[type=checkbox],
    .concessionaria .panel-group .panel-heading .panel-title input[type=radio] {
        position: relative;
        top: 2px;
        left: -6px;
    }

.concessionaria .panel-group .panel-body {
    padding: 10px 5px;
    background: #ffffff;
}

.concessionaria .panel-group .panel {
    background-color: transparent;
}

.concessionaria.panel-group .panel-body p:last-child,
.concessionaria .panel-group .panel-body ul:last-child,
.concessionaria.panel-group .panel-body ol:last-child {
    margin-bottom: 0;
}

.concessionaria .bgcolor-nivel-00 .panel-heading {
    background-color: #3596e2 !important;
}

.concessionaria .bgcolor-nivel-01 .panel-heading {
    background-color: #90caf9 !important;
}

.concessionaria .bgcolor-nivel-02 .panel-heading {
    background-color: #bbdefb !important;
}

.concessionaria .bgcolor-nivel-03 .panel-heading {
    background-color: #cee6f8 !important;
}

.concessionaria .bgcolor-nivel-04 .panel-heading {
    background-color: #f2faff !important;
}

.concessionaria .fake-panel {
    margin-bottom: 10px;
    padding: 10px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #64b5f6 !important;
}

    .concessionaria .fake-panel .panel-title {
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }


/* ---------- concessionaria ---------- */

/* ---------- panel analise ---------- */

.analiseConstatacoes .table tbody tr {
    background: #f8f8f8;
}

.analiseConstatacoes .table tbody tr:hover {
    background: #eef7ff;
}

.analise .panel .glyphicon {
    color: #1b4d77;
}

.analise .titulo-panel {
    display: inline-block;
    margin: 5px 0 5px 0px;
    padding-left: 5px;
    font-size: 13px;
    font-weight: bold;
}

.analise.panel-group .panel-heading {
    padding: 0;
}

.analise .panel .panel-heading {
    padding: 0 5px 0 5px;
}

    .analise .panel .panel-heading.panel-child {
        padding: 5px 0 5px 12px !important;
    }

.analise .panel-group .panel-heading.panel-child a:after {
    top: 10px;
    left: 2px;
}

.analise .panel-group .panel-heading.panel-child .btn {
    margin-bottom: 5px;
    padding: 3px 6px;
    min-width: 27px;
}

.analise .panel .panel-heading.panel-no-collapse {
    padding: 10px 0;
}

.analise .panel-group .panel-heading a {
    position: relative;
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #0b4271;
}

    .analise .panel-group .panel-heading a:after {
        position: absolute;
        top: 6px;
        left: 10px;
        content: "\f056";
        font-family: FontAwesome;
        font-size: 18px;
        font-weight: normal;
    }

.analise .panel-group .panel-heading.panel-analise a:after {
    position: absolute;
    top: 25%;
    left: 10px;
    content: "\f056";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
}

.analise .panel-group .panel-heading a.collapsed:after {
    content: "\f055";
}

.analise .panel-group .panel-heading .panel-title-analise {
    margin-top: 10px;
    padding-left: 30px;
    font-size: 13px;
    font-weight: bold;
}

.analise .panel-group .panel-heading .panel-title {
    margin-top: 0;
    padding: 5px 0 5px 30px;
    font-size: 13px;
}

    .analise .panel-group .panel-heading .panel-title.panel-child {
        padding: 5px 8px 5px 0px !important;
    }

    .analise .panel-group .panel-heading .panel-title input[type=checkbox],
    .analise .panel-group .panel-heading .panel-title input[type=radio] {
        position: relative;
        top: 2px;
        left: -6px;
    }

.analise .panel-group .panel-body {
    padding: 5px 2px 5px 5px;
    background: #ffffff;
}

    .analise .panel-group .panel-body.manifestacoes {
        padding: 0;
    }

    .analise .panel-group .panel-body.manifestacoes-concessionaria {
        padding: 0;
    }


.analise .panel-group .panel {
    background-color: transparent;
}

.analise.panel-group .panel-body p:last-child,
.analise .panel-group .panel-body ul:last-child,
.analise.panel-group .panel-body ol:last-child {
    margin-bottom: 0;
}

.analise .bgcolor-nivel-00 .panel-heading {
    background-color: #3596e2 !important;
}

.analise .bgcolor-nivel-00 .panel-heading:hover {
    background-color: #2c6fa5 !important;
}

.analise .bgcolor-nivel-01 .panel-heading {
    background-color: #90caf9 !important;
}

.analise .bgcolor-nivel-01 .panel-heading:hover{
    background-color: #84bbe8 !important;
}

.panel-body-constatacao-item {
    padding-top: 5px;
}

.gestaoNotificacoes .bgcolor-nivel-01 .panel-heading {
    background-color: #bbdefb !important;
}

.analise .bgcolor-nivel-02 .panel-heading {
    background-color: #bbdefb !important;
}

.analise .bgcolor-nivel-02 .panel-heading:hover {
    background-color: #a6c7e2 !important;
}

.analise .bgcolor-nivel-03 .panel-heading {
    background-color: #cee6f8 !important;
}

.analise .bgcolor-nivel-03 .table.manifestacoes-concessionaria thead tr {
    background-color: #cee6f8 !important;
}

.analise .bgcolor-nivel-04 .panel-heading {
    background-color: #f2faff !important;
}

.analise .bgcolor-nivel-02 .panel-heading.manifestacoes {
    background-color: #64b5f6 !important;
    margin-left: -5px;
    margin-right: -5px;
}

.analise .fake-panel {
    margin-bottom: 5px;
    padding: 10px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #64b5f6 !important;
}

    .analise .fake-panel .panel-title {
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }

.tag a {
    margin: 0 0 0 .3em;
    cursor: pointer;
    opacity: 0.6;
    color: #bbb;
    font-size: 1em;
}

    .tag a:hover {
        opacity: 1.0;
    }

.tag .remove {
    top: 0;
    vertical-align: bottom;
}

.tag a .glyphicon-white {
    margin-bottom: 0;
    color: #337ab7;
}


/* ---------- panel analise ---------- */

/* ---------- custom selectpicker ---------- */

.bootstrap-select > .dropdown-toggle {
    z-index: 1;
    width: 100%;
    padding-right: 25px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .bootstrap-select > .dropdown-toggle.bs-placeholder,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
        color: #555;
    }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: 20px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.multiselect-selected-text {
    float: left;
}

.multiselect-container > li > a > label > input[type=checkbox] {
    margin-top: 2px;
    margin-bottom: 5px;
    vertical-align: middle;
}

.multiselect .caret {
    float: right;
    margin-top: 7px;
}

.caret-container {
    float: right;
    margin-top: 2px;
}

.multiselect-container.dropdown-menu {
    /*width: 100%;*/
    margin: 2px 0 0;
    padding: 6px 0;
    list-style: none;
    text-align: left;
    font-size: 14px;
}

    .multiselect-container.dropdown-menu > li > a {
        padding: 4px 10px;
    }

    .multiselect-container.dropdown-menu > .active > a,
    .multiselect-container.dropdown-menu > .active > a:focus,
    .multiselect-container.dropdown-menu > .active > a:hover {
        text-decoration: none;
        color: #333;
        outline: 0;
        background-color: #fff;
    }

.multiselect-container > li.multiselect-group label {
    margin: 0;
    padding: 0px 10px 0px 5px;
    height: 100%;
    font-weight: 700;
}

.margItem {
    margin-left: 0 !important;
}

.multiselect-all {
    padding-left: 0px !important;
}

.multiselect-container > li > a > label {
    padding: 3px 20px 3px 25px;
}

.multiselect.dropdown-toggle.btn.btn-default {
    /*
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border: 1px solid #ccc;
	border-color: #eaeaea;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	line-height: 20px;
*/
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .multiselect.dropdown-toggle.btn.btn-default.active,
    .multiselect.dropdown-toggle.btn.btn-default.focus,
    .multiselect.dropdown-toggle.btn.btn-default:active,
    .multiselect.dropdown-toggle.btn.btn-default:focus,
    .multiselect.dropdown-toggle.btn.btn-default:hover,
    .multiselect.dropdown-toggle.btn.open > .dropdown-toggle.btn-default {
        border-color: #66afe9;
        outline: 0;
        background: #FFF;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }

.open > .dropdown-toggle.btn-default {
    background: #FFF;
}

.modalChecklist {
}

    .modalChecklist .titleQuestions {
        margin-bottom: 15px;
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }

    .modalChecklist .titleAwnser {
        color: #333;
    }


/* ---------- constatacoes ---------- */

/* ---------- modal ---------- */

.logo-modal img {
    border: 0;
    outline: none;
}

.logo-modal p {
    position: relative;
    top: 3px;
    left: 10px;
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #fff;
    font-size: 1em;
}

.titulo-modal {
    margin: 0 0 5px 0;
    padding: 0;
    color: #005caa;
    font-size: 14px;
    font-weight: 600;
}


.subTitulo-modal {
    margin: 0 0 5px 0;
    padding: 0;
    color: black;
    font-size: 14px;
    font-weight: 600;
}

.subTitulo-modal-divider {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid black;
}


/* ---------- modal ---------- */

/* ---------- modal preview print ---------- */

.my-watermak {
    position: relative;
    overflow: hidden;
}

    .my-watermak:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: ' ';
        opacity: 0.2;
        background-image: url(../images/PREVIEW.png);
        background-repeat: repeat;
        background-position: 50% 0;
        -webkit-background-size: initial;
        -moz-background-size: initial;
        -o-background-size: initial;
        background-size: initial;
        -ms-background-size: initial;
    }


/* ---------- modal preview print ---------- */

.iframe {
    margin: 20px 0;
    padding: 0 20px;
}

    .iframe embed {
        /*height: 500px;*/
    }


/* ---------- dashboard ---------- */

.list-dashboard {
}

    .list-dashboard .list-group-item {
        margin-bottom: -1px;
    }

.dash-progress .progress {
    height: 10px;
    margin-bottom: 22px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.dash-panel .panel-heading {
    padding: 5px 15px;
    color: #FFF !important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


/* ---------- dashboard ---------- */

/* ---------- timeline ---------- */

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        position: relative;
        width: 50%;
        float: left;
        clear: left;
        margin-bottom: 20px;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 95%;
            float: left;
            border: 1px solid #d4d4d4;
            position: relative;
            background: #E7E8F5;
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #E7E8F5;
                border-right: 0 solid #E7E8F5;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #c5c7c5;
            width: 24px;
            height: 24px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            right: -12px;
            /*background-color: #999999;*/
            z-index: 100;
            /*
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  */
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge > a {
    color: #C5C7C5 !important;
}

.timeline-badge a:hover {
    color: #000 !important;
}

.timeline-heading {
    padding: 0 22px;
}

.timeline-title {
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: right;
    border-bottom: 1px solid #d4d4d4;
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
}

.timeline-prazos {
    margin: 0;
    padding: 0;
    display: inline;
}

    .timeline-prazos span {
        display: inline-block;
        background: #e7e8f6;
        padding: 3px 5px;
        margin-right: 5px;
        border-radius: 4px;
        font-size: 0.9em;
    }

.btn-anexos {
    margin-top: -4px;
    margin-bottom: 8px;
    padding: 8px 30px 10px 8px;
    background-color: gainsboro;
}

.btn-anexos:hover {
    background-color: #aaa;
    color: white;
}

.btn-download-anexo {
    margin-left: -23px;
    margin-right: 10px;
}

a.btn-download-anexo {
    color: #8b8b8c;
    vertical-align: super;
}

a.btn-download-anexo:hover {
    color: #555555;
    text-decoration: none;
}

.timeline-body > p,
.timeline-body > ul {
    padding: 0 20px;
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.timeline-footer {
    padding: 15px 11px 10px 10px;
    margin-top: 10px;
    background-color: #efefef;
    font-size: 0.9em;
}

    .timeline-footer > a {
        cursor: pointer;
        text-decoration: none;
    }

.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}

    .timeline > li.timeline-inverted > .timeline-badge {
        left: -12px;
    }

.timeline-separator-left, .timeline > li.timeline-separator-left,
.timeline-separator-right, .timeline > li.timeline-separator-right {
    margin-bottom: 60px;
}

.timeline-separator-left, .timeline > li.timeline-separator-left {
    float: left;
    clear: none;
}

.timeline-separator-right, .timeline > li.timeline-separator-right {
    float: right;
    clear: none;
}


/* ---------- timeline ---------- */


.bootstrap-growl.alert {
    z-index: 999999 !important;
}

.bold, .multiselect-native-select ul li.bold label {
    font-weight: bold;
}

.multiselect-native-select .checkbox input[type=checkbox],
.multiselect-native-select .checkbox-inline input[type=checkbox],
.multiselect-native-select .radio input[type=radio],
.multiselect-native-select .radio-inline input[type=radio] {
    position: relative;
}

.multiselect-container-filter {
    max-height: 390px;
    overflow-y: auto;
}

.modal-dialog {
    height: 95%;
    overflow-y: hidden;
}

    .modal-dialog .modal-content {
        max-height: 100%;
        /*overflow-y: hidden;*/
        overflow-x: hidden;
    }

.modal-body .modal-overflow {
    max-height: 50vh;
    overflow: auto;
}

.floatR {
    float: right;
}

.cursor-pointer {
    cursor: pointer;
}

/* ---------- badges ---------- */
.badge-TN {
    color: #f5f5f5;
    background-color: #185aa8 !important;
}

.badge-CT {
    color: #f5f5f5;
    background-color: #6c757d !important;
}

.badge-NC {
    color: #f5f5f5;
    background-color: #dc3545 !important;
}

.badge-RC {
    color: #f5f5f5;
    background-color: #007bff !important;
}

.badge-DT {
    color: #f5f5f5;
    background-color: #ffc107 !important;
}

.badge-SIT-TN {
    padding-left: 5px;
    padding-right: 5px;
    min-height: 23px;
    text-align: left;
    white-space: normal;
    padding-bottom: 5px;
    min-width: 0 !important;
}

.badge-success {
    color: #f5f5f5;
    background-color: #5cb85c !important;
}

.badge-danger {
    color: #f5f5f5;
    background-color: #dc3545 !important;
}

.vAlign-middle {
    vertical-align: middle;
}

.vAlign-sub {
    vertical-align: sub;
}

.instalacoes-visitadas .panel-group .panel-heading a.centralizar:after {
    top: 35%;
}

.btnMinWidth {
    min-width: 75px;
}

.btnMinHeight {
    min-height: 23px;
}

.width-full {
    width: 100%;
}

.width-99 {
    width: 99%;
}

.smallCinza {
    color: #9A9B94;
    font-weight: 700;
}

.dInline-Block {
    display: inline-block;
}

.bgcolor-nivel-02 > .panel-heading .instalacao-descricao {
    width: 14.80%;
}

.bgcolor-nivel-02 > .panel-heading .descricao {
    width: 34.5%;
}

.bgcolor-nivel-03 > .panel-heading .instalacao-descricao {
    width: 13.1%;
}

.bgcolor-nivel-03 > .panel-heading .descricao {
    width: 35.63%;
}

.font14 {
    font-size: 14px;
}

.font14-important {
    font-size: 14px !important;
}

.btn.font14 {
    font-size: 14px;
    min-width: 75px;
    text-align: center;
}

#modalConfirmacao {
    z-index: 9999;
}

#modalConfirmacao .modal-footer .btn {
    min-width: 75px;
    font-size: 14px;
}

.has-error small {
    color: #C02727;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
    border-color: #C02727;
}

.cursor-initial {
    cursor: initial;
}

.borderL0, .table-expander td[colspan="7"].borderL0, .table-expander td[colspan="8"].borderL0, .table-expander .table-bordered.borderL0, .table-bordered th:first-child.borderL0 {
    border-left: 0px;
}

.borderLR0, .table-expander td[colspan="7"].borderLR0, .table-expander td[colspan="8"].borderLR0, .table-expander .table-bordered.borderLR0, .table-bordered th:last-child.borderLR0 {
    border-left: 0px;
    border-right: 0px;
}

.borderR0, .table-expander td[colspan="7"].borderR0, .table-expander td[colspan="8"].borderR0, .table-expander .table-bordered.borderR0, .table-bordered th:last-child.borderR0, .table-bordered > tbody > tr > td.borderR0 {
    border-right: 0px;
}

.border-radius0, .table-bordered.border-radius0 {
    border-radius: initial;
}

.border-radius0, .table-bordered tr:last-child td:first-child.border-radius0, .table-bordered tr:last-child td:last-child.border-radius0 {
    border-radius: initial;
}

.border-radiusTL0, .table-bordered th:first-child.border-radiusTL0 {
    border-top-left-radius: initial;
}

.border-radiusTR0, .table-bordered th:last-child.border-radiusTR0 {
    border-top-right-radius: initial;
}

.border-radiusRTB0, .table-expander td[colspan="7"].border-radiusRTB0, .table-expander td[colspan="8"].border-radiusRTB0, .table-bordered tr:last-child td:last-child.border-radiusRTB0 {
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
}

.border-gray {
    border: 1px solid #333;
}

.border-top-light-gray {
    border-top: 1px solid #ddd;
}

.border-bottom-light-gray {
    border-bottom: 1px solid #ddd;
}

.table-expander.table > tbody > tr > td {
    padding: 8px;
}

.border-bottom-none, .table-expander td[colspan="7"].border-bottom-none, .table-expander td[colspan="8"].border-bottom-none {
    border-bottom: none;
}

.border-top-none, .table-expander td[colspan="7"].border-top-none, .table-expander td[colspan="8"].border-top-none, .table-expander .table-bordered.border-top-none {
    border-top: none;
}

.table-expander.table > tbody > tr[data-node="treetable-2"] > td.treetable-container {
    padding: 0 0 0 0;
}

    .table-expander.table > tbody > tr[data-node="treetable-2"] > td.treetable-container > table.table-bordered.table-expander {
        border-collapse: separate;
        border-spacing: 0;
    }

.table-expander.table > tbody > tr[data-node="treetable-3"] > td.treetable-container {
    padding: 0 0 0 0;
    border-bottom: none;
}

.height5 {
    height: 5px;
}

.table-analise-constatacoes, .table-analise-constatacoes table {
    table-layout: fixed;
}

.table-striped.table-analise-constatacoes > tbody > tr:nth-of-type(odd), .table-striped.table-analise-constatacoes-arsesp > tbody > tr:nth-of-type(odd) {
    /*background: #fff;*/
}

.table-analise-constatacoes tbody tr:first-child td.table-expander-separate:first-child, .table-analise-constatacoes-arsesp tbody tr:first-child td.table-expander-separate:first-child {
    background-color: transparent;
    border-bottom: none;
}

.table-expander.table > tbody > tr > td.table-expander-separate {
    border: none;
    border-bottom: 1.5px solid #4072ae;
    padding: 0;
}

.btn-info.info-circle {
    padding: 3.5px 6px;
}

.fa.fa-info-circle {
    font-size: 16px !important;
}

.break-line {
    white-space: pre-line;
}

.table > thead > tr > th {
    font-weight: 700 !important;
}


/*--------accordion-------------*/

.panel-group.accordion .panel-default a {
    display: block;
    text-decoration: none;
    color: #3e4855;
}

    .panel-group.accordion .panel-default a:after {
        position: absolute;
        top: 1px;
        content: "\f056";
        font-family: FontAwesome;
        font-size: 18px;
        font-weight: normal;
    }

    .panel-group.accordion .panel-default a.collapsed:after {
        content: "\f055";
    }

.font-weight-normal {
    font-weight: normal;
}

body.hide-iframes #embed-pdf {
    visibility: hidden;
}

.pagination-no-margin .pagination {
    margin-top: 0px;
    margin-bottom: 10px;
}

.border-red {
    border: 1px solid red !important;
    border-radius: 4px !important;
}

.max-w100 {
    max-width: 100% !important;
    width: 100% !important;
    margin: 20px 10px 10px 5px !important;
}

.h100 {
    height: 100% !important;
}

.mh100 {
    max-height: 100% !important;
}

.d-ocultar{
    display: none !important;
}

.btn-azul {
    background: #91afc4;
    color: #fff;
}

.bloco-principal-superior {
    background: #e7e7e7;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.tooltip-custom {
    display: inline;
    position: relative;
}

.tooltip-custom:hover:after{
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      background: #444;
      border-radius: 8px;
      color: #fff;
      content: attr(title);
      margin: -82px auto 0;
      font-size: 12px;
      padding: 13px;
      width: 220px;
}

.tooltip-custom:hover:before{
      border: solid;
      border-color: #444 transparent;
      border-width: 12px 6px 0 6px;
      content: "";
      left: 45%;
      bottom: 30px;
      position: absolute;
}

.d-flex{
    display: flex !important; 
}

.align-self-center {
    align-self: center !important;
}

.justify-content-end{
    justify-content: end !important;
}

.justify-content-space-between {
    justify-content: space-between !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.w-98 {
    width: 98% !important;
}

.float-left{
    float: left !important;
}

.float-right {
    float: right !important;
}

.d-none{
    display: none !important;
}

#iframeAssinaturaDigital{
    height: 100% !important;
}

.btn-dark {
    background: #1a1a1a;
    color: #ffffff;
}

.btn-dark:hover {
    background: #797979 !important;
    color: #ffffff !important;
}

.lbl-numero-processo-SEI {
    width: 185px;
}

.select-min-100 span.select2.select2-container.select2-container--default {
    min-width: 100% !important;
}

.btn-form-group-substitute {
    margin-top: 25px;
    min-width: 75px;
    height: 28px;
}

.transferenciaAnalise .panel-group .panel-heading a.collapsed:after{
    color: transparent !important;
}

.panel-dosimetria label.pergunta {
    color: #2f9adb !important;
}

.panel-dosimetria .form-group-dosimetria {
    margin-bottom: 10px;
}

.panel-dosimetria .radio {
    margin-right: 10px;
    display: inline;
}

.btnExcluirArquivoAviso {
    margin-top: 24px;
    min-width: 33px !important;
    min-height: 30px !important;
}

.btnExcluirArquivoAviso i {
    font-size: 24px !important;
}
