/* INICIO  de css submenu  */
.mini-submenu{
    display:none;  
    background-color: rgba(0, 0, 0, 0);  
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 9px;  
    /*position: relative;*/
    width: 42px;

}

.mini-submenu:hover{
    cursor: pointer;
}

.mini-submenu .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    margin-top: 3px;
}

.mini-submenu .icon-bar {
    background-color: #000;
}

#slide-submenu{
    background: rgba(0, 0, 0, 0.45);
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    cursor: pointer;
}
/* fim de css submenu  */

.icon-analise{
    font-size: 18px;
}

.pergunta{
    border: 1px solid #bbb;
    margin-bottom: -1px;
}

.pergunta-ativa{
    left: -4px;
    border-color: #ccc;
    background: #FFFFCC;
}

/*.pergunta  :hover{
    background-color: #f8f9fa !important;
    background: #f8f9fa !important;
    color: #395A7A;
}*/

/*.pergunta-ativa textarea ,.pergunta-ativa input{
        background: #f2f2f2;
}*/


uib-tab-heading .zmdi{
    font-size: 1.3em;
}

/*.editable-text, .editable-text input, .editable-wrap.editable-textarea {
    width: 100%;
    margin:2px;
}*/

.editable-wrap {
    display: inline-block;
    white-space: nowrap;
    /*  margin: 0;*/
    width: 100%;  
}
.editable-wrap .editable-controls, .editable-wrap .editable-error {
    /*  margin-bottom: 0;*/
    width: 100%;
}
.editable-wrap .editable-controls>select {
    /*    margin-bottom: 0;*/
}
.editable-wrap .editable-controls>input, .editable-wrap .editable-controls>textarea {
    /*  margin-bottom: 0;*/
    width: -moz-calc(100% );
    width: -webkit-calc(100% );
    width: calc(100% );
}



.editable-click:hover, a.editable-click:hover, .pergunta a:hover {

    color: #2a6496;
    border-bottom-color: #2a6496;
    /*    background-color: #d1e1ed;*/
}

.pergunta a {
    text-decoration: none;
    color: #428bca;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}

.pergunta .actions a{
    border-bottom: initial;
}

/*.editable-click, a.editable-click {
    border-bottom: none !important;
}*/

.fluxo{
    border-bottom: dotted 1px #428bca;
} 

.pergunta .row{
    padding: 5px;
}
.status{
    background-color: #599d97;
    border-color: #599d97;
    color: #fff !important;
    border: 1px solid;
    border-radius: 10px;
    font-size: 13px;
    text-align: center;
    min-width: 80px;
    letter-spacing: .3px;   
    display: inline-block;

    padding: 5px;
}
.parecer{
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 2px;
}

.widget{
    text-align: center;
    white-space: nowrap;
}

.widget h3 {
    color: #999;
    font-weight: 300;
    white-space: nowrap;
    position: relative;
    top: -10px;
    font-size: 12px;
}

.project-status-widget .status.active {
    background-color: #599d97;
    border-color: #599d97;
    color: #fff !important;
}

.status-text:hover {
    background-color: #599d97 !important;
    border-color: #599d97 !important;
    color: #fff !important;
}

.project-status-widget .status {
    border: 1px solid;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    height: 21px;
    letter-spacing: .3px;
    line-height: 19px;
    margin: -5px auto 0;
    min-width: 80px;
    padding: 0 12px;
    text-align: center;
    text-transform: capitalize;
}

.container-roteiro-resumo {
    /*    margin-left: 20px;
        margin-right: 20px;*/
    /* height: 150px; */
    width: 100%;
}
.container-roteiro-resumo .conta-resumo.roteiro-resumo{
    background: white;
}


.roteiro-resumo{
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 0px;
}

.roteiro-resumo  :hover{
    background-color: #FFFFCC ;
    background: #FFFFCC ;
    color: #395A7A;
    cursor: pointer;
}

.roteiro-resumo span :hover{
    background-color: #ff9800;
    color: #fff;
}

.basic-count-widget .count.collected {
    color: #599d97;
}

.basic-count-widget .count {
    display: block;
    font-size: 20px;
    margin-top: -6px;
}

.project-bar-section {

    height: 100%;
    vertical-align: middle;
}

.project-type-icon, .project-type-icon:hover {
    background: #A5A5A5 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    float: left;
    height: 32px;
    width: 32px;
    margin: 0 12px 0 0;
}

.project-type-icon .icon {
    position: relative;
    top: 4px;
    left: 4px;
}



.project-description .project-name-container {
    height: 20px;
    margin: 0 0 0 44px;
    position: relative;
}

.project-name {

    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.project-description .project-info, .list-view .project-bar .project-description .project-owner {
    color: #b3b3b3;
    display: block;
    font-size: 12px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 15px;
}

.project-description .project-info, .project-description .project-owner , .project-description .project-date{
    color: #b3b3b3;
    display: block;
    font-size: 12px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 15px;
}

.modal-dialog .small{
    width: 500px;
}

.destaque-mensagem{
    color:#dd0;
}


/* ui-tree*/


/*.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}*/

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

tr.angular-ui-tree-empty {
    height:100px
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}


/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.nodrop {
    background-color: #f2dede;
}

.tree-node-content {
    margin: 10px;
}
.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li.angular-ui-tree-node {
    background-color: white;
}

ol.secao-pergunta.angular-ui-tree-nodes{
    background-color: #E0E8F9;
}

.close-pergunta{
    position: absolute;
    font-weight: 800;
    line-height: 1;
    speak: none;
    /* display: inline-block; */
    color: #8b8d8f;
    font-size: 18px;
    right: 0px;
    cursor: pointer;
    /* margin: auto; */
    opacity: 0.6;
}

.close-pergunta:hover{
    opacity: 1;
}

.titulo-pergunta, .titulo-pergunta input{
    font-size: 1.2em;
}

.resposta{
    font-family: cursive;
    color: darkmagenta;
    font-style: italic;
}


.breadcrumb{

    margin-top: 10px;
    font-size: 1.2em;
    margin-left: 10px;
}

.pergunta-detalhe{
    margin-top: 10px;
    margin-left: 8px;
}

.fade.ng-leave {
    transition:0s linear all;
    opacity:1;
}

.com-ressalva{
    background-color: #fcf8e3;
}

.adverso{
    background-color: #f2dede;
}


td.LogicInfoBarTab {
    background: #6898bb;
    border-right: 1px solid #8dadc3;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    width: 56px;
}

td.LogicInfoBarTab>.icon {
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 24px;
}

.DisplayLogicBox td.LogicDesc {
    background: #6898bb;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 13px;
    padding-left: 25px;
    width: auto;
}

.pergunta .DisplayLogicBox h3 {
    color: #bcd1e0!important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 1;
    margin: 0 0 2px;
}

.pergunta .DisplayLogicBox .LogicEditor {
    font-size: 13px;
    width: auto;
}

.EditSection #LogicEditor.LogicEditor .ExpressionSet .ExpressionContainer {
    margin-left: 8px;
}

.pergunta .DisplayLogicBox td.logic-info-bar-opt:hover {
    background-color: #4f7fa2;
}

.pergunta .DisplayLogicBox td.logic-info-bar-opt {
    background: #5b8bae;
    color: #f5f5f8;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.pergunta td.logic-info-bar-opt {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 32px;
}

.pergunta .logic-info-bar-opt .icon {
    display: block;
    margin: 0 auto;
    width: 24px;
}

.pergunta .LogicBox.DisplayLogicBox {
    margin: 5px 4px 5px 25px;
    z-index: 4;
}

.pergunta .DisplayLogicBox .LogicEditor div .Description .ConjDesc {
    color: #bcd1e0;
    font-weight: 400;
    letter-spacing: .3px;
}

.pergunta .DisplayLogicBox .Description span {
    color: #fff;
    font-weight: 300;
}


.pergunta .DisplayLogicBox .Description span .QuestionDesc{
    color: #fff;
    font-weight: 500;
}
.pergunta .DisplayLogicBox .Description span .OpDesc{
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.pergunta .DisplayLogicBox .LogicEditor div .Description .LeftOpDesc, .pergunta .DisplayLogicBox .LogicEditor div .Description .OpDesc{
    color: #fff;
}

.dropdown-menu a {
    border: none;
}

.tab-perguntas .label, .parecer .label{
    font-size: 0.9em;
}

.secao-pergunta{
    border: 1px dotted #dae2ea;
    padding: 0px 4px 10px 4px !important;
}

.easy-pie.main-pie.percent-perguntas .percent {
    margin-top: 20px;
    font-size: 10px;
    text-align: center;
}

.easy-pie.main-pie.percent-perguntas .percent:after {
    font-size: 10px;
}

.easy-pie.main-pie.percent-perguntas .percent:not([class*="c-"]) {
    color:initial;
}

.epc-item.percentual{
    box-shadow: initial;
    top:-15px;
} 

.pergunta-nucleo{
    margin-top: 10px;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 2px;
    padding: 8px;
/*    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;*/

}

#the-canvas {
    border:1px solid black;
}

.some-pdf-container {
    width: 100%;
    height: 100%;
}

@page  {
    margin-left: 16mm;
    margin-right: 16mm;
    margin-top: 20mm;
    margin-bottom: 16mm ;       
    size: A4;
    @bottom-right {
        margin: 10pt 0 30pt 0;
        border-top: .25pt solid #666;
        content: "An\00e1lise n\00ba $!analise.numAnalise - P\00e1g. " counter(page) "/" counter(pages);
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        font-size: 6pt;
        color: #C0C0C0;
    }
}

roteiro-editor .row.tab-perguntas.pergunta{
    page-break-inside: avoid;
    padding: 10px;
    /*    min-height: 80px;*/
}

.postit{
    word-wrap: break-word;
    white-space: normal;
    width:175px;
    height:125px;
    overflow:auto;
    padding:0px 2px 2px 2px !important;

    border:1px solid #E8E8E8;  
    border-top:5px solid #fefabc;  	      

    border-bottom-right-radius: 60px 5px;

    box-shadow: 2px 2px 1px rgb(151, 145, 50);
    margin-bottom: 10px;

    /*cor*/
    color: rgb(83, 80, 27);
    background: #fefabc; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fefabc 77%, rgba(255,255,214,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(77%,#fefabc), color-stop(100%,rgba(255,255,214,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #fefabc 77%,rgba(255,255,214,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #fefabc 77%,rgba(255,255,214,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #fefabc 77%,rgba(255,255,214,1) 100%); /* IE10+ */
    background: linear-gradient(-45deg, #fefabc 77%,rgba(255,255,214,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */

}

.postit-vazio {
    font-style: italic;
    font-size:0.9em;
    color: rgb(111, 109, 83);
}

.textAreaPostit{
    background-color: rgba(255,255,224,1) !important;
    border: none !important;
    width:95%;
    height:90px;
}

.tab-content {
    padding: 4px;
}

.cabecalho-grupo{
    position: absolute;
    margin-top: -11px;
    padding: 5px 10px 0 0;
    height: 30px;
    color: #666;    
    background-color: #FFFFFF;    
    font-size: 13px;
}

.detalhe-grupo{
    border-top: 5px solid #F0F0F0;    
    padding-top: 15px;
    padding-bottom: 10px;
}

.grupo {
    padding-top: 25px;
}
.titulo-wizard{
    font-weight: 500;
    font-size: 1.1em;
}

.nav.nav-tabs.wizard-analise > li.active > a{
    color:#2196f3
}

.usuario{
    color: #21597E;
}

.caixa-pergunta{
    padding: 15px; 
    background-color: #f7f7f7!important
}

.analise-conteudo{
    padding: 10px !important;
}

.progress{
    background-color: #ddd !important;
}


.lista-detalhes {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.lista-detalhes > li {
    display: inline-block;
    padding: 2px 10px 3px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 2px;
    vertical-align: middle;
}

.lista-detalhes > li:not(.info):not(.primary):not(.warning):not(.danger) {
    border: 1px solid #dedede;

    color: #5e5e5e;
}

uib-accordion.sem-margem .panel-group{
    margin: 0;
}
.container .row.principal {
    margin-bottom: 15px;
}

.pagination{
    display: table; 
    margin: auto;
    margin-top: 10px;
}

.no-wrap{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.retificadora .panel-heading, .retificadora .panel-title{
    padding: 0px !important;

}

.retificadora .panel-title > a{
    padding: 8px 8px;
    font-size: 12px
}    

.panel-empenho .panel-heading{
    background: inherit;
}    

.sn{
    text-align: center;
}



.sale-number small {
    text-transform: none;
    background-color: #F1F4F9;
    padding: 5px 7px;
    font-size: 20px;
    margin-left: 10px;
    color: #9CA5AC;
    border-radius: 3px;
}


.table-flat thead {
    border: 1px solid #C9D3DD;
    background-color: #F1F4F9;
}

/* nome de usuario*/ 
.new-list span.label {
    background: #E2E7ED;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #395A7A;
    text-shadow: none;
    font-weight: normal;
    font-size: 12px;
    padding: 4px 10px;
}


span.checkbox.selected, table tr.selected .checkbox {
    background-position: center -50px;
}
span.checkbox.selected {
    background-position: 0 -50px;
}
span.checkbox {
    width: 13px;
    height: 13px;
    min-height: auto;
    padding: 0;
    background: url(https://d3cku59u20k6cj.cloudfront.net/16ee928edb41519348ac1c077befa68354e566b2/images/icones/icon-list-checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
    cursor: pointer;
    margin-top: 3px;
    background-position: center 0;
}
span.checkbox {
    width: 19px;
    height: 18px;
    padding: 0;
    background: url(https://d3cku59u20k6cj.cloudfront.net/16ee928edb41519348ac1c077befa68354e566b2/images/icones/icon-checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
    cursor: pointer;
    margin-top: -1px;
}

.vertical-offset1 {
    margin-top: 10px;
}




.flex-content {
    display: flex;
}

.flex-content .issue-list--title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: auto;
    /* flex: 1 100000 auto; */
    white-space: normal;
    font-size: 0.9em;
}

.flex-content--primary {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flex-content .issue-list--title :hover {
    color: #0065FF;
    text-decoration: underline;
}

.container-roteiro-resumo .issue-list--meta {
    box-sizing: border-box;
    flex: 0 1 auto;
    margin-left: 10px;

    text-align: right;
}

.container-roteiro-resumo td.text a.component, .issues-list td.text span.component {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    display: inline-block;
    padding: 0 5px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace;
    font-size: 12px;
    line-height: 1.83333333;
    color: #707070;
    line-height: 1.35;
    vertical-align: top;
    text-transform: none;
    font-weight: 400;
}

.container-roteiro-resumo .issue-list--meta .component {
    overflow: hidden;
    text-overflow: ellipsis;
    /*    white-space: nowrap;*/
    max-width: 100%;
    display: inline-block;
    padding: 2px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace;
    font-size: 12px;
    line-height: 1.83333333;
    color: #707070;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.35;
    text-transform: none;
    vertical-align: top;
}
.aui-lozenge {
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 99%;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}




.numero-analise{
    font-weight: 600;
    color: blueviolet;
}
.cabecalho-quantidade{
    color: #172B4D;
    font-size: 1.14285714em;
    font-weight:600;
}

.ui-select-container.ui-select-multiple.select2 {
    width: 100%;
}

.valor{
    white-space: nowrap;
    /*    overflow: hidden; */
    text-overflow: ellipsis;
    text-align: right;
    font-style: oblique;
    color: gray;
}

.valores{
    font-weight: 300;
    font-size: 1.4em;
}

.valor-pagar{
    color: #2196f3
}

.valor-glosar{
    color: #f44336;
}

.acao{
    color:#616770;
    display:inline-block;
    font-weight:bold;
    line-height:14px;
    cursor: pointer;
    margin-left: 40px;
    font-size: 13px;
}
.acao:hover {
    text-decoration: underline;
}

.acao .zmdi{
    font-size: 20px;
    margin-right: 5px;
    font-weight: bold;
}





.list-filter .filter:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    border-left: 1px solid #C9D3DD;
    padding-left: 6px;
}

.list-filter .filter {
    box-sizing: border-box;
    background-color: #FFFFFF;
    background-image: none;
    border-top: 1px solid #C9D3DD;
    height: 55px;
    cursor: pointer;
    float: left;
    position: relative;
}
.list-filter .filter {
    border-right: 1px solid #C9D3DD;
    color: #9CA5AC;
    margin: 0;
    padding: 5px 2px;
    text-align: center;
}

.filter.list-filter-item-committed:hover, 
.filter.list-filter-item-pending-revenues:hover, 
.filter.list-filter-item-pending:hover, 
.filter.list-filter-item-committed.selected,
.filter.list-filter-item-pending-revenues.selected, 
.filter.list-filter-item-pending.selected {
    border-top: 2px solid #4983BB;
}
.filter:hover, .filter.selected {
    border-top: 2px solid #9CA5AC;

    opacity: 1;
}
.list-filter-4col .filter {
    width: 25%;
}

.list-filter strong {
    font-weight: 300;
}

.list-filter .titulo{
    font-size: 0.85em;
    color:gray;    
}

.list-filter span.total {
    font-size: 20px;
}
.filter.list-filter-item-total{
    float: right
}


.list-totals-sum .filter:nth-child(n+2):nth-child(-n+3):before {
    content: url(../img/icon-plus.png);
    bottom: 0;
    height: 22px;
    left: -11px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 22px;
}

.filter.selected:after {
    content: url(../img/icon-x.png);
    height: 10px;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 10px;
}

.list-totals-sum .filter.icon-equal:before {
    content: url(../img/icon-equal.png);
    bottom: 0;
    height: 22px;
    left: -11px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 22px;
}

.opcoes-botoes{
    margin-top: 10px;border-top:1px solid #e5e5e5;padding: 10px 10px 0 10px;
}

.texto-bloqueio{
    font-weight: 300;color: #a5a5a5;font-size: 13px;
}

.card-titulo{
    color: #90949c;
    font-weight : bold;
    text-transform: uppercase;
}

.revogada{
    color:#e14f1c ;
}
.em-construcao{
    color:black ;
}

.vigente{
    color:#0065FF
}

.label-warning-text {
    color: #ff9800;
}
.label-danger-text {
    color: #f44336;
}

.card-destaque{
    background-color: #EEE!important;
    border: 1px solid #2196f3;
}

.acao-zmdi roteiro-parecer-label .zmdi{
    /*        font-size: 1em;*/
    display: none;
}

.areaUsuario{
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.profileLink{
    color: #365899;
    cursor: pointer;
    font-weight: bold !important;
}
.link-opcao:hover{
    text-decoration: underline !important;
}

/* Style the CKEditor element to look like a textfield */
.cke_textarea_inline
{
    padding: 10px;
    height: 200px;
    overflow: auto;

    border: 1px solid gray;
    -webkit-appearance: textfield;
}

.com-paragrafo{
    white-space: pre-line;
}

.item-arquivo{
    background-color: #f5f5f5; 
    border: 1px solid #dcdcdc; 
    font-weight: bold;
    margin: 0 7px 9px;
    overflow-y: hidden;
    padding: 4px 4px 4px 8px;
    max-width: 448px;
}

.grid {
    width: 1200px;
    height: 550px;
}


.currency{
    text-align:right;
}

.appliedfilters-content .appliedfilters-tags ul li {
    position: relative;
    background-color: #d8d8d8;
    padding: 2px 30px 2px 10px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 4px;
    margin-right: 5px;
    border-radius: 70px;
    display: inline-block;
    max-width: 100%;
}

.appliedfilters-content .appliedfilters-tags ul li h2 {
    float: left;
    /* display: inline-block; */
    /* vertical-align: middle; */
    line-height: 23px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    /* width: 100%; */
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appliedfilters-content .appliedfilters-tags ul li a {
    position: absolute;
    right: 7px;
    font-size: 18px;
    color: #848484;
    line-height: 24px;
}

.appliedfilters-content .appliedfilters-tags ul {
    margin: 0;
}

.appliedfilters-content .appliedfilters-tags ul li a .fa-times-circle:hover{
    color: darkslategray;
}    

.filtros .panel-group .panel + .panel {
    margin-top: 0px; 
}

.filtros .panel-group .panel-heading{
    background-color: white;
}

.filtros .panel-group .panel-heading .panel-title a{
    padding: 8px 8px;
}

.nav.meses > li > a {
    padding: 8px 6px;
    color: black;
    font-weight: 300;
    font-size: 0.9em;
}


.nav.meses > li.active > a {
    /*    background-color: #B8C7D1;*/
    color: black !important;
    font-weight: 500;
}

.nav.meses > li > a {
    /*    margin-bottom: -2px;*/
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

.ngSortButtonUp {
    position: absolute;
    top: 10px;
    right: -3px;
    margin-left: auto;
    margin-right: auto;
    border-color: gray transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    height: 0;
    width: 0;
}

.ngSortButtonDown {
    position: absolute;
    top: 3px;
    right: -3px;
    margin-left: auto;
    margin-right: auto;
    border-color: gray transparent;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    height: 0;
    width: 0;
}

.total-analises{
    font: normal normal 100%/1.5 Open Sans,Helvetica,Sans-Serif;
    font-size: 18px;   
    vertical-align: middle;
}

.total-analises-num {

    font-size: 25px;
    font-weight: 600
}

.card-header-roteiro:hover{
    background-color: #FFFFCC !important;
    background: #FFFFCC !important;
}

.reduzido:hover{
    text-decoration: underline;
    cursor: pointer;
}

.falha{
    color: orangered;
}

.recomendacao{
    color: #428bca;
}

.bloco-sim-nao{
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #707070;
    font-weight: 400;
}
.empenho{
    font-weight: 500;
    color: darkred;
}

.empenho-obs{
    padding: 5px 15px;border-top: 1px solid lightgray;margin-top: 10px;
}

.observacao{
    font-size: 0.95em;
    font-style: italic;
    text-transform: lowercase;
}

hr.separa-tipo {
    background-color: #fff;
    border-top: 2px dashed darkblue;
}


@media print {
    .nao-quebrar {

        page-break-inside: avoid;
    }
}

.num-questao-destaque{
    font-weight: 700;
}

.num-questao{
    /*        background-color: #f5f5f5;*/
    border: 1px solid darkgray;
    border-radius: 6px;
    /* font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace; */
    font-size: 12px;
    /* line-height: 1.83333333; */
    /* color: #707070; */
    /* box-sizing: border-box; */
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
}

.em-vigor{
    border-left: 2px #046bc7 solid;
}

.em-vigor .project-name{
    color: #046bc7;
    font-weight: 500;
}

/* diretiva ddTextCollapse  */
.collapse-text-toggle{
    font-weight: bold;
}

.analise-descricao:hover{
    color: #0065FF;
    text-decoration: underline;
}

.linha-tempo{
    border: 1px solid darkgray;
    border-radius: 10px;  
    padding: 3px; 
    display: block; 
    background-color: #f5f5f5;
    margin-bottom: -1px;
}

.linha-tempo .btn-seta{
    height: 25px;
    width: 25px;
    margin-top: 3px;
    padding: 0;
}

.titulo-roteiro{
    white-space: normal;
    font-size: 1.1em;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
    padding: 0 5px;
    background-color: #f5f5f5 !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace;
    font-size: 1.1em;
    line-height: 1.83333333;
    color: #707070;
    box-sizing: border-box;
    font-weight: 900;
    line-height: 1.35;
    text-transform: none;
    vertical-align: top;
}

.descricao-roteiro{
    font-style: italic;
    color: gray;
}

ul.tab-nav.tab-detalhe a:hover {
    cursor: pointer;
}



.cancelada div, .cancelada div a, .cancelada div a span, .cancelada a{
    text-decoration: line-through;
    color: indianred;
}


body{
    height: initial !important;
}


.contador{
    transform: scaleX(1) scaleY(1); opacity: 1;
    opacity: 1;
    margin-right: 0;
    display: inline-block;
    vertical-align: top;
    float: right;
}
.contador span{
    background-color: #09d261;
    border-radius: 12px;
    padding: 0px 5px 0px 5px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 19px;
    line-height: 20px;
    min-width: 9px;
    vertical-align: top;
}

.im_dialogs_panel {
    padding: 12px;
    position: relative;
}

.im_dialogs_search {
    position: relative;
}

.im_dialogs_search_field {
    font-size: 12px;
    line-height: normal;
    border: 1px solid #F2F2F2;
    border-radius: 2px;
    padding: 6px 0px 6px 30px !important;
    margin: 0;
    background-color: #F2F2F2;
    background-image: url(../img/IconsetW.png);
    background-repeat: no-repeat;
    background-position: -5px -204px;
    height: 20px;
    width: calc(100% - 55px);
}

.is_2x .im_dialogs_search_field{background-image:url(../img/IconsetW_2x.png);background-size:42px 1171px}

.im_dialogs_search_field:active,.im_dialogs_search_field:focus{background-color:#fff}
.im_dialogs_search_field::-ms-clear{display:none}

a.tg_search_clear{position:absolute;right:0;margin-top:-34px;width:34px;height:34px;opacity:.6}
.contacts_modal_search a.tg_search_clear{right:12px}
a.tg_search_clear:hover{opacity:1}

i.icon-search-clear{display:inline-block;color:#999;width:13px;height:13px;margin:10px 0 0 11px;
                    vertical-align:text-top;background-image:url(../img/IconsetW.png);background-repeat:no-repeat;background-position:-15px -192px}
.is_2x i.icon-search-clear{background-image:url(../img/IconsetW_2x.png);background-size:42px 1171px}





.im_message_unread_split {
    background: #f0f4f7;
    color: #8096a8;
    text-align: center;
    padding: 4px 10px;
    margin: 10px 0;
}


.bgm-sincin {
    background-color: #2196f3 !important;
}

.file-item{
    border: 1px solid gray;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    padding: 4px;
    margin: 3px;
}

.sem-grupo-selecionado{        
    text-align: center;
    color: #999;
    font-size: 16px;
    line-height: 100px;
    margin: 0;
}

.sem-quebra{
     white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

.date-picker{
    cursor: pointer;
}

.filtros-tipo-datas .ui-select-container .ui-select-match .ui-select-toggle{
    padding: 8px;
}

.form-control{
	background-color: #eee;
}

.texto-view{
    background-color: #f5f5f5;
    white-space: pre-line;
    display: block;
    padding: 8.5px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
}

.link:hover{
    text-decoration:underline;
}

span.parecerSelecionado {
    color: white;
    background-color: #0A246A;
}

img.icone-documento:hover {
    opacity: 0.3;
}

.cancela-filtro{
    content: url(../img/icon-x.png);
    height: 10px;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 10px;
}

.ultima-resposta{
    border-left: 6px solid #ccc!important;
    margin-left: 20px;    
    background-color: #ddffff;
    padding: 10px;
}
.ver-ultima-resposta{
    cursor: pointer;    font-weight: 500;    background-color: #ddffff;    padding: 1px 5px 1px 5px;
}

.pergunta-nucleo.row .espaco-resposta{
    margin-top: 10px;
}
button.close.btn-mensagem-ultima-resposta{
    color: grey
}

.tabela-checklist{
    border-style: dotted;
    border-color: darkgray;
    border-width: thin;
}

.select2 .clear-btn {
    background: none;
    border: none;
    cursor: pointer;
/*    padding: 5px 10px;*/
/*    position: absolute;*/
    left: -2px;
    top: 1px;
}

.clear-btn-offset {
/*    position: absolute;*/
    left: 25px;
}