﻿/* Importando outros módulos CSS */
@import url('../../../estilos/ia_assist.css');

/****************************************************************************/
/* --- Alterações em estilos MDB para adequar melhor ao Material Design --- */
/****************************************************************************/
body.sistema.modal-open{overflow:hidden; /*padding-right:17px !important;*/} /*retirado o padding right porque todos os grid estavam com comportamento estranho quando
abria um modal*/
button:not(.close){font-size:14px !important; border-radius:4px !important; height:35px !important; line-height:17px !important; letter-spacing:.0892857143em !important; padding:0 16px !important;}
button.p-0:not(.close){padding:0 !important;}
#toast-container{z-index:2147483648 !important;}
#toast-container .md-toast{margin-bottom:10px !important;}
.md-toast.md-toast-success{top: 10px !important;}
.md-toast-message{margin-top: 7px;}
.btn{white-space:nowrap;}
.btn-flat{line-height:0 !important;}
.modal-footer .btn.btn-flat, .botoes .btn.btn-flat{color:#ff5722!important;}
.btn.disabled:active,.btn:disabled:active,.btn:disabled:focus{-webkit-box-shadow:none !important;}
.btn-floating.btn-sm{width:34px !important;}
.classic-tabs .nav li:first-child{margin-left:initial !important;}
.md-form.disabled,.disabled{opacity: 0.6 !important;}
.white-text{color:white !important;}
.text-default{color:rgb(50, 50, 50) !important;}
.deep-orange-text{color:rgb(255, 90, 0) !important;}
.btn-deep-orange{background-color:rgb(255, 90, 0) !important;}
.btn-outline-primary, .btn-outline-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:not([disabled]):not(.disabled):active{border-color:rgb(255, 90, 0) !important; color:rgb(255, 90, 0) !important;}
.md-form, .md-form.md-outline{margin-top:0; margin-bottom:.85rem;}
.md-form.md-outline input, .md-form.md-outline textarea, .md-form.md-outline select{background:white !important;}
.md-form .active{color:rgb(255, 90, 0) !important;}
.md-form.md-outline .prefix{top:.95rem !important;}
.md-form.md-outline .form-control:focus:not([readonly]){border-color:rgb(255, 90, 0) !important; outline-color:rgb(255, 90, 0) !important; box-shadow:inset 0 0 0 1px rgb(255, 90, 0) !important;}
.md-form input.form-control:focus:not([readonly]){border-color:rgb(255, 90, 0) !important; outline-color:rgb(255, 90, 0) !important; box-shadow:inset 0 0 0 0px rgb(255, 90, 0) !important;}
.md-form.md-outline label:not(.active, .form-control-md-label-for-table){top:.5rem !important;}
.md-form.md-outline.form-md label {font-size:.9rem;}
.md-form.md-outline label.textarea:not(.active){top:0 !important;}
.md-form.md-outline input[type="text"]:focus:not([readonly]){box-shadow:none !important;}
.md-form.md-outline .input-caret {font-size:.63rem; position:absolute; top:.75rem; right:0; margin-right:.5rem;}
.md-form.md-outline .input-autocomplete {font-size:1.25rem; font-weight:bold; position:absolute; top:0; right:0; margin-right:.5rem;}
.md-form.md-outline .search-wrap input[type="text"] {border:0 none;}
.md-form.md-outline .form-control-lg{padding:.95rem 1rem !important; font-size:inherit !important;}
.md-form .md-textarea{overflow-y:auto !important; resize:vertical !important;}
.primary-color-dark{background-color:rgb(255, 90, 0) !important;}
.primary-color-dark .indeterminate{background-color:rgb(220, 220, 220) !important;}
.icon-view{font-size:20px; position:absolute; right:12px; top:18px; background-color:white; padding-left:6px;}
.fa-eye{padding-right:1.2px !important;}
/* .fa-lg{line-height:1em !important;} -- verificar onde é usado */
.md--invisible{display:none;}
.select-outline .mdb-select input{height: 56.3px !important;}
.select-outline .select-wrapper span.caret {top:1.3rem !important; z-index:1;pointer-events: none;}
.select-wrapper.md-form.md-outline input.select-dropdown:focus {border-color:rgb(255, 90, 0) !important; outline-color:rgb(255, 90, 0) !important; box-shadow:inset 0 0 0 1px rgb(255, 90, 0) !important;}
.select-wrapper.md-form.md-outline input.select-dropdown{margin-bottom:0;}
.select-wrapper.md-form.md-outline + label{top:-1.25rem !important; left:.5rem; font-size:12px;} /* label de select de formulários */
.form-check{padding-left:0 !important;}
.form-check:last-child:not(.mb-0){margin-bottom:1rem !important;} /* -- usado no cronograma por exemplo */
.form-check-input[type=radio]:checked+label:after{border: 2px solid rgb(255, 90, 0) !important; background-color: rgb(255, 90, 0) !important;}
.form-check-input[type="radio"]:not(:checked) + label::after, .form-check-input[type="radio"]:not(:checked) + label::before, label.btn input[type="radio"]:not(:checked) + label::after, label.btn input[type="radio"]:not(:checked) + label::before{background:white;}
.form-check-input[type=checkbox]:checked+label:before{border-right: 2px solid rgb(255, 90, 0) !important;border-bottom: 2px solid rgb(255, 90, 0) !important;}
.form-check-input[type="checkbox"] + label::before, .form-check-input[type="checkbox"]:not(.filled-in) + label::after, label.btn input[type="checkbox"] + label::before, label.btn input[type="checkbox"]:not(.filled-in) + label::after {background:white;}
.form-check-input[type="checkbox"]:checked + label::before {background:transparent;}
/* Estilos especiais para formulário em linha de tabela */
.table .select-outline .mdb-select input {height:38px !important;}
.table .select-outline .select-wrapper span.caret {top:.75rem !important;pointer-events: none;}
.table .form-check{top:.45rem; left:.5rem;}
.table .fa-plus{cursor:pointer; margin-top:.5rem!important;}
.table .fa-trash{cursor:pointer;}
.table-sm td, .table-sm th{padding-left:.6rem; padding-right:.6rem;}
.table-sm td .form-check{top:.25rem; left:.5rem;}
/* Estilos especiais para formulário em linha de tabela */
nav{background-color:rgb(255, 90, 0);}
.navbar.scrolling-navbar{padding-top:5px; padding-bottom:5px; max-height:3.5rem;}
.navbar-nav .nav-item{height:40px;}
.navbar-nav .nav-item a{padding:0 8px; line-height:44px;}
.navbar-dropdown-menu a:hover{
  background-color: #eeeeee !important;
  color: #212529 !important;
  box-shadow: initial !important;
}
.drag-target{width:4px !important;}
aside i.fas{width:20px; text-align:center;}
.custom-scrollbar{position:fixed; top:0; left:0; width:100%; height:100vh; z-index:999; overflow-y:scroll;}
.fixed-action-btn{bottom:.8rem; right:.8rem;}
.fixed-action-btn .list-unstyled{height:auto !important;min-width: 100px;}
.tabs-primary li a{font-size:14px !important; font-weight:bold !important; padding-top:12px !important; padding-bottom:12px !important; width:100% !important;}
.tabs-primary.inverted{background-color:rgb(255, 255, 255) !important;}
.tabs-primary.inverted li a{color:rgb(255, 90, 0) !important; border-color:rgb(255, 90, 0) !important;}
.classic-tabs .nav{box-shadow:0 3px 4px 0 rgba(0,0,0,.18) !important; z-index:2; margin-bottom:1.5rem !important; flex-wrap:nowrap;}
.classic-tabs .tab-content{z-index:1;}
form .container{padding-right:1.25rem; padding-left:1.25rem;} /* Utilizado na configuração de dashboard (painel) */
.switch label input[type=checkbox]:checked+.lever{background-color:#FF8800 !important;}
.switch label input[type=checkbox]:checked+.lever:after{background-color:rgb(255, 90, 0) !important;}
.chip{padding: 0px 8px 0px 11px !important;}
.modal-header{border: 0px !important;}
.modal-body{padding:0 !important;}
.modal-footer{border: 0px !important; padding:.75rem;}
@media screen and (min-width:1480px) {
  .modal-lg {max-width:1200px;}
  .modal-xl {max-width:98%;}
}
@media screen and (min-width:1000px) {
  .modal_ordem_servico.super_modal .modal-dialog.md-modal-fullscreen-mobile,
  .modal_tarefa.super_modal .modal-dialog.md-modal-fullscreen-mobile{
    width: 90%;
    max-width: initial;
    position: relative;
    margin: 2rem auto;
  }
}
.container{padding-left:1.25rem; padding-right:1.25rem;}
.row{margin-left:0; margin-right:0;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left:0; padding-right:0;}
.select-wrapper .search-wrap{margin:.5rem 1rem 0 !important; padding:0 !important;}
.select-wrapper .search-wrap .md-form{margin:0; height:2.5rem;}
.select-wrapper .search-wrap .md-form input{height:2.5rem !important;}
form .container .row label{margin-bottom:1rem !important; border-radius:1rem;}
form .container .row label.form-check-label{margin-bottom:0 !important;}
.dx-htmleditor{border: 1px solid lightgray;}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper{padding:0 .25rem !important;}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper .dx-button{height:34px !important;}
.dx-toolbar-items-container{height:36px !important;}
/*.dx-toolbar .dx-toolbar-item{vertical-align:top !important;}*/
.dx-toolbar .dx-toolbar-item .dx-texteditor.dx-editor-filled .dx-texteditor-input{padding:8px 12px;}
.dx-checkbox-container{margin-top: 9px;}
.dx-texteditor-input-container .dx-placeholder{line-height:0;}
.dx-toolbar .dx-toolbar-item .dx-button .dx-icon.fas.fa-expand{font-size:16pt;}
.dx-item-content.dx-treeview-item-content{margin-top:12px !important;}
.container-fluid{padding-right:1.5rem; padding-left:1.5rem;}
.dx-datagrid-rowsview .dx-row.dx-group-row td{color: black !important;}
body.sistema{padding-right:0 !important;}
nav.navbar{padding-right:1rem !important;}
.tooltip-inner{max-width:320px !important;}
.md-tooltip-main, .tooltip-arrow{z-index:2147483647;}

/* --- MENU PIN / UNPIN --- */
header nav.desktop-top-app-bar .button-side-nav{width:36px; height:36px; text-align:center;}
header nav.desktop-top-app-bar .button-side-nav .fa-bars{line-height:36px;}
header nav.desktop-top-app-bar.pinned {margin-left:16.5rem !important;}
header nav.desktop-top-app-bar{margin-left:0 !important;}
header nav.desktop-top-app-bar .md-top-app-bar__title{margin-left:.5rem !important;}
header aside.side-nav.hidden-side-nav{display:none;}
header aside.side-nav.pinned{width:16.5rem !important; transform:translateX(0) !important;}
header nav.desktop-top-app-bar .button-side-nav.pinned{display:none !important;}
main.drawer-main-content{margin-left:0 !important;}
main.drawer-main-content.pinned {margin-left:16.5rem !important;}
#btn_pin_nav{position:absolute; right:.5rem; z-index:10000; margin-top:-.25rem; width:40px;}
#btn_pin_nav.pinned i{color:rgb(255, 90, 0);}
#conteudo.pinned .pinned-item{display:initial;}
#conteudo.pinned .unpinned-item{display:none;}
#conteudo:not(.pinned) .unpinned-item{display:initial;}
#conteudo:not(.pinned) .pinned-item{display:none;}

/* --- Alterações em modal / super modal */
#modalGenerico .md-form.md-outline textarea {height:80px;}
#pais_select .select-wrapper.md-form.md-outline .dropdown-content{max-height: 250px !important;}

/* --- Ajustes de profundidade --- */
#modalGenericoBox .modal{z-index:1150 !important;}
#modalGenericoSegundoBox .modal, .modal.modal-nivel-20{z-index:1250 !important;}
#modalGenericoTerceiroBox .modal, .modal.modal-nivel-30{z-index:1350 !important;}
#modalGenericoQuartoBox .modal, .modal.modal-nivel-40{z-index:1450 !important;}
#modalGenericoConfirmBox .modal, .modal.modal-nivel-50{z-index:1550 !important;}
.backdrop-nivel-05{z-index:1040 !important;}
.backdrop-nivel-10{z-index:1140 !important;}
.backdrop-nivel-20{z-index:1240 !important;}
.backdrop-nivel-30{z-index:1340 !important;}
.backdrop-nivel-40{z-index:1440 !important;}
.backdrop-nivel-50{z-index:1540 !important;}

/*.dx-datagrid-summary-item.dx-datagrid-text-content{width: 160px;}*/
.dx-datagrid-summary-item.dx-datagrid-text-content2{width: 240px !important;}
#tabela_cenario .dx-datagrid .dx-row-lines > td {padding-top: 8px !important; padding-bottom: 8px !important;}
#tabela_followup .dx-datagrid .dx-row-lines > td {padding-top: 8px !important; padding-bottom: 8px !important;}
#retorno_pauta .dx-editor-cell .dx-texteditor .dx-texteditor-input,
#retorno_pauta_old .dx-editor-cell .dx-texteditor .dx-texteditor-input, 
#retorno_oportunidades .dx-editor-cell .dx-texteditor .dx-texteditor-input, 
#retorno_contratos_servicos .dx-editor-cell .dx-texteditor .dx-texteditor-input, 
#retorno_pesq_pessoa .dx-editor-cell .dx-texteditor .dx-texteditor-input, 
.datagrid_custom .dx-editor-cell .dx-texteditor .dx-texteditor-input, 
#retorno_contratos .dx-editor-cell .dx-texteditor .dx-texteditor-input{
  height:2.5rem;
}
#retorno_pauta .dx-datagrid .dx-row-lines > td, 
#retorno_pauta_old .dx-datagrid .dx-row-lines > td, 
.datagrid_custom .dx-datagrid .dx-row-lines > td{
  padding-top: 6px !important; padding-bottom: 6px !important;
}
#retorno_pauta .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content, 
#retorno_pauta_old .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content, 
#retorno_oportunidades .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content, 
#retorno_contratos_servicos .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content, 
#retorno_pesq_pessoa .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content, 
.datagrid_custom .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content, 
#retorno_contratos .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content{
  padding: 3px 4px;
}
#retorno_pauta .dx-toolbar-items-container .dx-toolbar-after, 
#retorno_pauta_old .dx-toolbar-items-container .dx-toolbar-after, 
#retorno_oportunidades .dx-toolbar-items-container .dx-toolbar-after, 
#retorno_contratos_servicos .dx-toolbar-items-container .dx-toolbar-after, 
#retorno_contratos .dx-toolbar-items-container .dx-toolbar-after,
#retorno_pesq_pessoa .dx-toolbar-items-container .dx-toolbar-after,
/*.datagrid_custom .dx-toolbar-items-container .dx-toolbar-after, */
#retorno_jobs .dx-toolbar-items-container .dx-toolbar-after{
  margin-right: 100px !important;
}
#retorno_pauta .dx-datagrid-total-footer.dx-datagrid-nowrap, 
#retorno_pauta_old .dx-datagrid-total-footer.dx-datagrid-nowrap, 
#retorno_oportunidades .dx-datagrid-total-footer.dx-datagrid-nowrap, 
#retorno_contratos_servicos .dx-datagrid-total-footer.dx-datagrid-nowrap, 
#retorno_pesq_pessoa .dx-datagrid-total-footer.dx-datagrid-nowrap,
.datagrid_custom .dx-datagrid-total-footer.dx-datagrid-nowrap,
#retorno_contratos .dx-datagrid-total-footer.dx-datagrid-nowrap{
  height: 30px !important;
}

#div_tipo_workflow .dx-datagrid-total-footer.dx-datagrid-nowrap,
#tabela_tipo_prod .dx-datagrid-total-footer.dx-datagrid-nowrap,
#box_quadros .dx-datagrid-total-footer.dx-datagrid-nowrap{
  height: 43px !important;
}


#retorno_pauta .dx-datagrid-summary-item.dx-datagrid-text-content, 
#retorno_pauta_old .dx-datagrid-summary-item.dx-datagrid-text-content, 
#retorno_oportunidades .dx-datagrid-summary-item.dx-datagrid-text-content, 
#retorno_contratos_servicos .dx-datagrid-summary-item.dx-datagrid-text-content, 
#retorno_pesq_pessoa .dx-datagrid-summary-item.dx-datagrid-text-content, 
.datagrid_custom .dx-datagrid-summary-item.dx-datagrid-text-content, 
#retorno_contratos .dx-datagrid-summary-item.dx-datagrid-text-content{
  margin-top:-9px;
}
#retorno_pauta .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td, 
#retorno_pauta_old .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td, 
.datagrid_custom .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td{
  padding-top: 12px !important; padding-bottom: 12px !important;
}
#retorno_pauta .dx-show-invalid-badge .dx-datebox .dx-textbox .dx-texteditor .dx-dropdowneditor-button-visible .dx-editor-underlined .dx-widget .dx-visibility-change-handler .dx-dropdowneditor .dx-datebox-date .dx-datebox-calendar, 
#retorno_pauta_old .dx-show-invalid-badge .dx-datebox .dx-textbox .dx-texteditor .dx-dropdowneditor-button-visible .dx-editor-underlined .dx-widget .dx-visibility-change-handler .dx-dropdowneditor .dx-datebox-date .dx-datebox-calendar, 
#retorno_oportunidades .dx-show-invalid-badge .dx-datebox .dx-textbox .dx-texteditor .dx-dropdowneditor-button-visible .dx-editor-underlined .dx-widget .dx-visibility-change-handler .dx-dropdowneditor .dx-datebox-date .dx-datebox-calendar,
#retorno_contratos_servicos .dx-show-invalid-badge .dx-datebox .dx-textbox .dx-texteditor .dx-dropdowneditor-button-visible .dx-editor-underlined .dx-widget .dx-visibility-change-handler .dx-dropdowneditor .dx-datebox-date .dx-datebox-calendar,
#retorno_pesq_pessoa .dx-show-invalid-badge .dx-datebox .dx-textbox .dx-texteditor .dx-dropdowneditor-button-visible .dx-editor-underlined .dx-widget .dx-visibility-change-handler .dx-dropdowneditor .dx-datebox-date .dx-datebox-calendar,
.datagrid_custom .dx-show-invalid-badge .dx-datebox .dx-textbox .dx-texteditor .dx-dropdowneditor-button-visible .dx-editor-underlined .dx-widget .dx-visibility-change-handler .dx-dropdowneditor .dx-datebox-date .dx-datebox-calendar,
#retorno_contratos .dx-show-invalid-badge .dx-datebox .dx-textbox .dx-texteditor .dx-dropdowneditor-button-visible .dx-editor-underlined .dx-widget .dx-visibility-change-handler .dx-dropdowneditor .dx-datebox-date .dx-datebox-calendar{
  height: 36px !important;
}
#retorno_pauta .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu, 
#retorno_pauta_old .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu,
#retorno_oportunidades .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu, 
#retorno_contratos_servicos .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu,
.datagrid_custom .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu, 
#retorno_pesq_pessoa .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu, 
#retorno_contratos .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu{
  height: 35px !important;
}
#tabela_cenario .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td{padding-top: 12px !important; padding-bottom: 12px !important;}
#tabela_followup .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td{padding-top: 12px !important; padding-bottom: 12px !important;}
#tabela_cenario .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {border-bottom: 1px solid #e0e0e0 !important;}
#tabela_cenario .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused){background-color: #e0e0e0 !important; color:#000 !important;}
/*#retorno_pauta .dx-show-invalid-badge.dx-datebox-date .dx-texteditor-input{margin-left: 23px !important;}*/
/*#retorno_pauta .dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-underlined.dx-widget:not(.dx-datebox-date) .dx-texteditor-input{height: 39px;}*/
/**********************************************************************/
/* --- Estilos particulares nossos (classes não originais do MDB) --- */
/**********************************************************************/
h1{position:absolute; text-indent:-9999px;}
.md--invisible{display:none !important;}
.md--hidden{visibility:hidden !important;}
.md--relative{position:relative !important;}
.md--valign-top{vertical-align:top !important;}
.md--bg-primary-color{background-color:rgb(255, 90, 0) !important;}
.md--no-color{background-color:transparent !important;}
.md--white-bg{background-color:white !important;}
.md-input-loading{position:absolute; right:1rem; top:1.25rem; background-color:white;}
.md-input-loading.second-icon{right:3rem;}
.text-overflow-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.input-busca{background:white !important; border-color:white !important; margin-top:4px !important; padding-top:4px; padding-right:32px;}
.icon-inside-input-busca{font-size:24px; position:absolute; right:4px; top:4px; background-color:white; padding-left:6px; cursor:pointer;}
.md-form.md-outline .form-control.input-busca:focus:not([readonly]):focus{border-color:rgba(255, 212, 101, 1) !important; outline-color:rgba(255, 212, 101, 1) !important; box-shadow:inset 0 0 0 1px rgb(255, 212, 101) !important;}
.select-outline .mdb-select.select-sm input{height:38px !important;}
.select-outline .mdb-select.select-sm span.caret{top:.75rem !important;pointer-events: none;}
.md-form.md-outline textarea.md-textarea.no-resize{resize:none !important;}
.md-form.md-outline .textarea-counter{background-color:gray; color:white; font-weight:400; font-size:8pt; padding:.1rem .25rem; border-radius:.2rem; position:absolute; right:.25rem; margin-top:-2rem;}
.dashboard-selectbox{margin-top:-1.5rem;}
@media screen and (max-width:999px) {
  .dashboard-selectbox{margin-top:-1rem;}
}
.dashboard-selectbox .select-wrapper.md-form.md-outline input.select-dropdown.form-control{color:#bbb;}
.md-col{padding-right:.25rem !important; margin-bottom:.5rem !important;}
.md-col small{margin-bottom:2rem;}
.md-col small.info-select{margin-top:-.5rem;}
@media screen and (max-width:767px) { /* --- Media query mobile --- */
  .md-col small{margin-bottom:1rem;}
  /* .form-container{padding:0 !important;} --- Tirei por enquanto, para que servia? */
}
.overflow-x-auto{overflow-x:auto !important;}
.texto-inativo{color:rgb(99 95 95);font-style: italic;}
.legend_icon{border-radius:1.5rem; width:1.5rem; height:1.5rem; line-height:1.5rem !important;}
.legend_icon_sm{border-radius:1.25rem; width:1.25rem; height:1.25rem;}
.btn_images {cursor: pointer;}
.thumb_preview_container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 999999;
  background-color: rgb(0,0,0); /* IE 8 < FALLBACK */
  background-color: rgba(0,0,0,0.5);
  overflow: auto;
  text-align: center;
}
.thumb_preview {z-index: 100; display: block; margin: 2% auto;}

.navbar--btn-text{height:30px;}
.navbar--btn-text:hover{background-color:rgba(62, 69, 81, 0.1);}
.icon-view{font-size:20px; position:absolute; right:1rem; top:1.3rem; background-color:white; padding-left:6px; cursor:pointer; z-index:2;}
.form-sm .icon-view{font-size:1rem; position:absolute; right:.85rem; top:.45rem; background-color:white; padding-left:.3rem; cursor:pointer; z-index:2;}
.form-control-sm.desc-data{width:7rem;}
.foto-perfil-usuario{height:auto !important; margin-top:6px !important;}
i.btn-perfil-usuario{margin-top:-4px; margin-left:8px; line-height:26px; font-size:42px;}
.box_avatar{border-radius:24px; cursor:pointer; width:45px; height:45px; text-align:center; margin:-8px 0 0 10px;}
.box_avatar_p{border-radius:18px; cursor:pointer; width:35px; height:35px; text-align:center; margin:-8px 0 0 10px;}
.box_avatar_m{border-radius:18px; cursor:pointer; height:45px; text-align:center; margin:-8px 0 0 10px;}
.icon-spacing{margin-left:32px;}
.md-side-nav__header a, .modal-dialog a{line-height:1.25rem; display:inline-block;}
.md-side-nav__body button.btn-drawer, .modal-dialog button.btn-drawer{text-transform:initial !important; font-size:14px !important; font-weight: normal !important; letter-spacing:0.6px !important; padding:initial !important; vertical-align:middle !important; height:42px !important; line-height:42px !important;}
.md-side-nav__body button.btn-drawer i, .modal-dialog button.btn-drawer i{font-size:21px !important; line-height:42px !important; vertical-align:bottom !important;}
.md-side-nav__body button.btn-drawer i{width:1.5rem !important;}
/* --- Top App Bar com media query para visualizações desktop / mobile --- */
.desktop-product-logo-right{text-indent:-9999px; width:100px; height:40px;}
.desktop-client-logo-right{max-height:40px;}
.phone-top-app-bar{z-index:500;}
.notifica-badge{left:1rem; font-size:8pt;}
.notifica-actions{right:0; bottom:0;}
.drawer-main-content{margin-top:5rem;}
/*.drawer-main-content h6{margin-top:0;}*/
.drawer-main-content .classic-tabs.main-top{margin-top:-1.25rem; margin-bottom:-.25rem;}
/* .md-filter .modal-body{padding-bottom:1rem !important;} -- retirando pois deixava muita margem no filtro do inbox, verificar */
.md-datagrid-content{padding:1rem !important;}
@media screen and (max-width:999px) { /* --- Media query mobile --- */
  header nav.phone-top-app-bar{display:flex !important;}
  header nav.desktop-top-app-bar{display:none !important;}
  .drawer-main-content{margin-top:4.75rem;}
  .drawer-main-content .classic-tabs.main-top{margin-top:-1.5rem;}
  .desktop-fields{display:none;}
  .container{padding-left:1.25rem; padding-right:1.25rem;}
}
@media screen and (min-width:1000px) { /* --- Media query desktop --- */
  header nav.phone-top-app-bar{display:none !important;}
  header nav.desktop-top-app-bar{display:flex !important;}
  header aside .md-side-nav__header{display:none;}
  .md-side-nav__border-top{border:0 none;}
  /* --- Alteração do comportamento de modal de filtro para desktop (sempre exibido na tela) --- */
  .md-filter{display:contents !important;}
  .md-filter .modal-header{display:none;}
  /* ---// modal de filtro para desktop --- */
  .md-datagrid-content{padding-top:0 !important;}
  .modal-footer{border-top:0 none;}
  .mobile-fields{display: none;}
}
@media screen and (min-width:1441px){ /* --- Media query desktop tela grande --- */
  header nav.desktop-top-app-bar{margin-left:206px;}
  .side-nav{width:16.5rem !important;}
  main.drawer-main-content{margin-left:16.5rem;}
  .md-top-app-bar__title{margin-left:1.5rem !important;}
}
@media screen and (max-width:419px) {
  .not-phone-fields{display: none;}
}
@media screen and (min-width:420px) { /* --- Media query phone --- */
  .phone-fields{display: none;}
}
/* --- Largura mínima para as tabs não quebrarem linha --- */
.nav-timesheet{min-width:655px;}
/* --- Estilos de cards de configuração / monitorar / analisar --- */
.md-card-row .card{min-width:360px; max-width:730px; height:340px;}
.md-card-row{display:flex; flex-wrap:wrap;}
@media screen and (max-width:741px){
  .md-card-row .card{
    max-width:inherit;
    height:inherit;
  }
}

@media screen and (max-width:599px){
  .md-card-row{margin-top:64px !important;}
}
@media screen and (min-width:600px) and (max-width:999px){
  .md-card-row{margin-top:74px !important;}
}
.md-form.md-outline .form-control-lg.text-right-icon, .text-right-icon{text-align:right !important; padding-right:3rem !important;}
 .text-right-icon{text-align:right !important; padding-right:3.25rem !important;}
.iconeBulletEsquerdaTexto{background-position: left center;padding-left: 15px;}
.redBullet{background: transparent url('../../../estilos/Default/imagens/icon_bullet_red_01.png') no-repeat center;}
.questionMarkTamIcon{background: transparent url('../../../estilos/Default/imagens/icon_tamanho_question.png') no-repeat center;}
.PTamIcon{background: transparent url('../../../estilos/Default/imagens/icon_tamanho_p.png') no-repeat center;}
.MTamIcon{background: transparent url('../../../estilos/Default/imagens/icon_tamanho_m.png') no-repeat center;}
.GTamIcon{background: transparent url('../../../estilos/Default/imagens/icon_tamanho_g.png') no-repeat center;}
.box_usuarios_selecionados .box_usuario_enderecamento.desabilitar{display: none;}
.box_usuarios_selecionar_lista .box_usuario_enderecamento.habilitar, .box_usuarios_selecionar .box_usuario_enderecamento.habilitar{background: #ddd;cursor: pointer;}
.box_usuarios_selecionar_lista .box_usuario_enderecamento.desabilitar, .box_usuarios_selecionar .box_usuario_enderecamento.desabilitar{cursor: pointer;}
.box_usuarios_selecionados .box_usuario_enderecamento.habilitar{display: block;float: left;background: transparent;cursor: pointer;}
.box_equipe_selecionados .box_usuario_enderecamento.desabilitar{display: none;}
.box_equipe_selecionados .box_usuario_enderecamento.habilitar{background: transparent;cursor: pointer;}
/* --- Modal de notificações --- */
.md-list{padding-left:0;}
.md-list-item{list-style-type:none; margin-bottom:1rem;}
.md-list-item__graphic.list-img{float:left; margin-right:.75rem; margin-top:.15rem;}
.md-list-item__graphic.list-img i{font-size:2.25rem;}
.on-top{
  z-index:100 !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  background: white !important;
}
.notification-title-action__holder {float:right;}
.list-img img{border-radius:50%;}
.list-text {margin-top:16px; height:3.5rem; display:block;}
.list-line-1 {margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-line-2 {margin:0; overflow:hidden; text-overflow:ellipsis; max-height:42px;}
.list-text p.md-typography--body3 {line-height:22px;}
ul.box-notifica{max-height:368px; overflow:auto;}

/* --- Barra de loading principal --- */
.main-loading-scrim{z-index:1000001; position:fixed; top:0; width:100%; height:100%; background-color:wheat; opacity:0.7; display:none;}
.main-loading-content{z-index:1000002; display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:126px; height:34px; padding:16px;}
.main-loading-text{text-align:center; margin-bottom:8px;}
/* --- Modal fullscreen em mobile --- */
@media screen and (max-width:991px) {
  .modal-dialog.md-modal-fullscreen-mobile,#modal_cronograma.modal-dialog.md-modal-fullscreen-mobile{position:fixed; margin:0; width:100%; height:100%; max-width:none;}
  .modal-content.md-modal-fullscreen-mobile,#modal_cronograma.modal-content.md-modal-fullscreen-mobile{height:100%; border-radius:unset; overflow-y:auto;}
}
#modal_cronograma.md-modal-fullscreen-mobile{width:98%; max-width:initial; height:94%; margin:1rem;}
.tab-content {padding: 0; margin:0;}
.link_abas{margin-bottom: 15px; text-align: center;}
.holderLinksAbas{list-style:none; border: 1px solid #666; border-radius: 5px; background-color: #F2F2F2; text-transform: uppercase; overflow: hidden;padding-left: 0;}
.holderLinksAbas > li{display: inline-block; *display: inline; * zoom: 1; color: #2B2B2B; border-left: 1px solid #666; margin-right: -4px !important;}
.holderLinksAbas > li:first-child{border-left: none;}
.holderLinksAbas > li:hover{background-color: #a9a9a9; color: #F2F2F2;}
.holderLinksAbas > li.selected{background-color: #82b067; color: #F2F2F2;}
.holderLinksAbas > li.selected a{background-color: #82b067; color: #F2F2F2;}
/*ESSA CLASSE TERA EFEITO SOMENTE DENTRO DO PAI*/
.holderLinksAbas .aba{display: block; padding: 6px 10px; font-size: 9pt; line-height: 12pt;}
.holderLinksAbas .aba.iconeBulletEsquerdaTexto{margin-left: 5px; padding-left: 15px;}
#mainContentJobOne .holderLinksAbas > li{background-color: #fff;}
#mainContentJobOne .holderLinksAbas > li:hover{background-color: rgb(255,87,34);}
#mainContentJobOne .holderLinksAbas > li.selected{background-color: rgb(255,87,34); color: #F2F2F2;}
#mainContentJobOne .holderLinksAbas > li.selected a{background-color: rgb(255,87,34); color: #F2F2F2;}
/* --- Botões da lista executar inbox --- */
.card_inbox_executar .desabilitar {background-color: #eee;}
.card_inbox_executar .botoes i{margin-left:1rem; cursor:pointer;}
.card_inbox_executar .botoes .fa-comment{position:relative;}
.card_inbox_executar .card_col_data p{margin:0;}
.card_inbox_executar .card_col_tipo i{margin-bottom:.5rem;}
.card_inbox_executar .card_col_conteudo h4{line-height:initial; margin-bottom:.5rem;}
.card_inbox_executar .card_col_conteudo p{margin-bottom:.5rem; /*max-height:42px;*/ overflow:hidden;}

  .card_inbox_executar .card_col_conteudo h4,
  .card_inbox_executar .card_col_conteudo p,
  .card_inbox_executar .card_col_conteudo .chip {margin-left:.5rem;}
@media screen and (max-width:360px) {
  .card_inbox_executar .card_col_conteudo h4,
  .card_inbox_executar .card_col_conteudo p,
  .card_inbox_executar .card_col_conteudo .chip {margin-left:.5rem;}
}
@media screen and (max-width:767px) {
  .card_inbox_executar .informacoes {max-height:100px; overflow:hidden;}
  .card_inbox_executar .card_col_conteudo .card_more_content {display:none;}
}
@media screen and (min-width:576px) {
  /*
  .card_inbox_executar .card_col_conteudo h4,
  .card_inbox_executar .card_col_conteudo p,
  .card_inbox_executar .card_col_conteudo .chip {margin-left:1rem;}
  */
}

/* --- Estilos para tabelas --- */
table thead.gray-300 {background-color:#e6e6e6;}
thead tr th, tbody:not(.tbody-form) tr td {vertical-align: middle !important;}
/* tbody {border-top: 1px solid #ddd;} */
tfoot th, tfoot td {background: #d1ecf1;}
tbody tr td .md-outline.form-md {min-width:8.65rem;}
tbody tr td .md-outline.form-md.size-min {min-width:4rem;}
tbody tr td .md-outline.form-md.size-med {min-width:6.25rem;}
tbody tr td .md-outline.form-md.size-big {min-width:26rem;}

/* --- Super-Modal de Workflow / Task --- */
.box_tamanho_os div {border:2px solid #333; border-radius:12px; width:24px; height:24px; background:#eee; font-weight:normal; line-height:20px; color:white;}
.box_tamanho_os div.tamanho_p {background-color:#4FC3F7; padding:1px 0 0 6px;}
.box_tamanho_os div.tamanho_m {color:black; background-color:#FFEA00; padding:1px 0 0 4px;}
.box_tamanho_os div.tamanho_g {background-color:#FF5722; padding:1px 0 0 5px;}
.box_tamanho_os div.tamanho_ {color:black; text-align:center; font-weight:bold; padding:0 0 0 2px;}
#novo_item, #edicao_workflow, .listagem_item, .edicao_item, .novo_link, .aponta_workflow{border-radius:.5rem; padding:1rem 1rem .5rem;}
.listagem_item{background-color:#F3F3F3;}

/* --- Estilos do plugin de comentários (modal) --- */
.comentario_modal{overflow:hidden;}
.boxUsuariosEnderecados{overflow-y:auto;}
#box_comentarios{overflow:hidden;}
.box_responder_comentario{margin-top:1rem;}
.box_comentario_nivel_2{margin-left:3rem;}
#box_comentarios .btn-flat.z-depth-0:not(.waves-effect){margin:0 !important; padding:0 !important;}
#box_comentarios textarea {overflow-y: auto !important;}
/*
#box_comentarios .btn{margin-left:0; margin-bottom:0; margin-right:1.5rem !important;}
#box_comentarios .btn.btn-flat {padding: 0 !important;}
#box_comentarios .chip {margin:0 .5rem .75rem 0 !important;}
*/
/* #box_comentarios hr{margin-bottom:1.25rem;} */ /* --- Temporariamente inibido para testar no super modal */
.chip .usuario-nome {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.chip .fa-user-circle {position:relative; top:-4px; left:-12px; font-size:xx-large;}
.chip .usuario-nome.sem-foto {position:relative; left:-7px;}
.box_enderecamento_balloon .chip .usuario-nome{max-width:initial;}
.super-modal .box_comentar .chip{margin:1rem .5rem 0 .15rem;}
.super-modal .box_comentarios #msg_comentario{margin-top:.5rem;}

.paginacao a{text-decoration:underline !important; cursor:pointer; margin-right:2px;}
.paginacao a.sem_link{text-decoration:none !important; cursor:default;}
.paginacao a.atual{font-weight:500;}
.box_busca .titulo{cursor:pointer; color:rgb(0,0,185);}
.box_busca .texto{max-height:59px; overflow:hidden; text-overflow:ellipsis;}
/* --- Padronização dos textos da busca ---*/
.box_busca .texto, .box_busca .texto li, .box_busca .texto h1, .box_busca .texto h2, .box_busca .texto h3, .box_busca .texto h4, .box_busca .texto h5, .box_busca .texto h6, .box_busca .texto p, .box_busca .texto span, .box_busca .texto a, .box_busca .texto strong, .box_busca .texto em, .box_busca .texto b, .box_busca .texto i{font-family:Roboto !important; font-size:14px !important; font-weight:normal !important; font-style:initial !important; text-decoration:initial !important; margin:0 !important; color:rgb(133,133,133) !important; background-color:white!important;}
.box_busca .data{margin-top:4px;}

/* --- Caixa de Fileupload - usado no perfil do usuário e arquivos de entrega --- */
.file-upload-message{border:#ddd 4px dashed; border-radius:2px; padding:.8rem; text-align:center;}
.file-upload-message i{font-size:32px;}
.file-upload-message span{line-height:32px; vertical-align:bottom; margin-left:8px;}
.file-upload-message .fileinput-button{display:block;}
.file-upload-message .fileinput-button span{float:none; display:inline-block; overflow:unset;}
.fileinput-button input{width:0px; height:0px;}
/*.counter-position-modifier{margin-left:-6px !important ;top:-10px !important ;padding: 1px 6px;}*/
/*.counter-position-modifier{padding: 1px 6px;left: 15px;top: 6px;}*/
.counter-position-modifier{padding:0; left:3rem; top:1.5rem; position:absolute; width:.75rem; height:.75rem;} /* utilizado no menu do contrato, verificar onde mais é usado, se estragou em outro lugar */
.badge-bottom{font-size: 12px !important;position: relative;top: 3px;right: 20px;}
.btnJobOn{background-color: #dbdbdb !important;}
.alterPencilLine{position: relative; top: -7px; right: -2px;cursor: pointer;}
.alterPencilLine:hover{color: black !important;}
.ui-tabs .tab-content, .ui-tabs-panel{padding:0 !important;}

/* --- Fileupload antigo v3 (balão de refação de entrega - temporário) --- */
#box_upload_arquivos .box_content .fileupload-progress.fade.in{opacity:1;}
#box_upload_arquivos .box_content form{border:3px dashed #ccc; margin:8px 0 0; padding:8px; overflow-y:auto; max-height:380px;}
#box_upload_arquivos .box_content .fileupload-buttonbar{overflow:hidden;}
#box_upload_arquivos .box_content .fileupload-buttonbar strong{color:#999;}
#box_upload_arquivos .box_content .fileupload-buttonbar a img{vertical-align:top;}
#box_upload_arquivos .box_content .fileinput-button{overflow:unset; text-decoration:underline; text-transform:none; font-size:11pt; vertical-align:baseline; float:none;}
#box_upload_arquivos .box_content .fileinput-button input[type=file] {position:absolute; height:20px; top:1px; width:312px;}
#box_upload_arquivos .box_content .fileupload-buttonbar .btn-start{text-align:center; margin:10px 0;}
#box_upload_arquivos .box_content .fileupload-buttonbar .progress{margin-bottom:8px;}
/* --- balloon.js ainda é usado - temporário --- */
.box_detalhar{z-index: 1030 !important;}

/* --- Cards do gerenciar oportunidades (pipeline) --- */
.card h2{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*********************************************/
/* --- Alterações no layout do Bootstrap --- */
/*********************************************/
.table thead th{border-bottom-width:1px !important;}
.table tr.inativo{color:#878787; background:#f7f7f7; font-style:italic;}
.container{max-width:initial !important;}

/**********************************************/
/* --- Alterações no layout do DevExtreme --- */
/**********************************************/
.dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified{background-color: white;}
/*.dxc-tooltip{background:#666; border-radius:6px; height:60px;} */  /*height:26px;*/
.dx-datagrid-headers{background-color:rgb(230, 230, 230) !important;}
.dx-htmleditor{background:white;}
.dx-htmleditor-content em{font-style: italic!important;color: rgba(0, 0, 0, 0.87)!important;}
.dx-scheduler-date-table-cell div.dx-scheduler-date-div{width:100%; height:100%;}
.dx-scheduler-date-table-cell.weekend, .weekend{background: #f1f1f1;}
.dx-scheduler-date-table-cell.dx-state-hover .weekend{background-color:rgba(0, 0, 0, .04);}
.dx-scheduler-date-table-cell.dx-state-focused .weekend{background-color:rgba(255, 87, 34, .02);}
.dx-scheduler-date-table-cell.weekend .horas_livre{display: none;}
.dx-scheduler-date-table-cell.holiday, .holiday{background-image:repeating-linear-gradient(135deg, rgba(244, 67, 54, 0.1), rgba(244, 67, 54, 0.1) 4px, rgba(0, 0, 0, 0) 4px, rgba(0, 0, 0, 0) 9px);}
/*.dx-overlay-wrapper{display: none !important;}*/
.dx-overlay-wrapper{z-index:1000010 !important;}
#timeline_atividades .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover{height: 20px !important;}
#timeline_atividades .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll{height: 20px !important; }
#timeline_atividades .dx-scrollbar-horizontal .dx-scrollable-scroll{height: 10px !important;}
#timeline_atividades .dx-scrollbar-horizontal.dx-scrollbar-hoverable{height: 10px !important; }
/*#timeline_atividades .dx-scheduler-date-table-cell{height: 130px !important;}*/
#retorno_pauta .dx-group-panel-message{margin-left: 10px !important;width: auto !important;}
#retorno_pesq_pessoa .dx-group-panel-message{margin-left: 10px !important;width: auto !important;}
#retorno_pauta_old .dx-group-panel-message{margin-left: 10px !important;width: auto !important;}

.dx-searchbox.dx-editor-filled .dx-placeholder::before,
.dx-searchbox.dx-editor-filled .dx-texteditor-input,
.dx-searchbox.dx-editor-outlined .dx-placeholder::before,
.dx-searchbox.dx-editor-outlined .dx-texteditor-input{
  padding-left: 46px !important;
}
.dx-texteditor.dx-editor-filled {
  background-color: transparent !important;
}
/**********************************************/
/* --- Alterações no layout do JQuery UI --- */
/**********************************************/
.ui-widget:not(.ui-tabs){z-index:2147483648 !important;} /* Z-INDEX gigante para os widgets do JQuery UI aparecerem sempre no topo, mesmo de modal */
.ui-autocomplete .ui-menu-item{font-family: Roboto,sans-serif; font-size:11pt;}
.ui-datepicker-title select{display: inline-block !important;}
.ui-tooltip{max-width: 200px !important; box-shadow: none !important; border: 0 none !important;}
.ui-tooltip-content{background-color: rgba(110,110,110,.9) !important; font-size: 12px !important; font-family: Roboto,sans-serif !important; color: white; border-radius: 9px !important; padding: 8px !important;}
.ui-tooltip.ui-widget-content{background:none !important;}
.dataFeriado > a, .dataFeriado > a.ui-state-default{background-color:#F00 !important; background-image:none;} /* Feriado no datepicker */
.ui-corner-all, .ui-corner-all{border-radius:0 !important;}
.ui-tabs-tab, .ui-tabs-tab{width:auto; display:inline-block; padding:4px 12px; border-radius:0 !important;}
.ui-tabs-tab{margin: 0 -4px 1px 0; /* necessário para ajustar layout das tabs da manutenção de papéis */}
.ui-tabs.ui-widget-content{border: 0 none !important;}
.ui-tabs.ui-widget-content, .ui-widget-content{background:white !important; color:black !important;}
.ui-tabs.ui-widget-content .classic-tabs,.ui-widget-content .classic-tabs {margin: -1rem -1.2rem 0 !important;}
/************************************************/
/* --- Alterações no layout do plugin TAGIT --- */
/************************************************/
ul.tagit{max-width:initial !important; border-color:rgb(218, 220, 224) !important; border-radius:4px !important; min-height:54px !important; line-height:44px; vertical-align:middle; margin-top:.75rem; margin-bottom:.75rem;}
ul.tagit li.tagit-choice{height:30px; margin:8px 4px !important; background-color:rgb(236, 239, 241) !important; color:rgba(0, 0, 0, 0.6) !important; border-radius:16px !important; border-color:rgb(236, 239, 241) !important; font-size:13px;}
ul.tagit li.tagit-choice .tagit-label{font-weight:500 !important; line-height:22px;}
ul.tagit li.tagit-new input{font-size:16px; font-weight:400; margin:0 4px !important; width:23rem;}
/************************************************/
/* --- Alterações no layout do GANTT DHTMLX --- */
/************************************************/
.gantt_cal_cover, .gantt_cal_light {z-index:2147483647 !important;}
.gantt_cal_light [type="checkbox"]:checked, .gantt_cal_light [type="checkbox"]:not(:checked){position:initial !important; opacity:1 !important;}
.gantt_cal_light select:not(.chosen-select){display:initial !important;}
.gantt-controls .gantt-controls{z-index:2 !important;}
/*****************************/
/* --- Typography do MDC --- */
/*****************************/
.md-typography--headline1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:6rem;line-height:6rem;font-weight:300;letter-spacing:-0.015625em;text-decoration:inherit;text-transform:inherit}
.md-typography--headline2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.0125em;text-decoration:inherit;text-transform:inherit}
.md-typography--headline3{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:3rem;line-height:3.125rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit}
.md-typography--headline4{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:2.125rem;line-height:2.5rem;font-weight:400;letter-spacing:.0073529412em;text-decoration:inherit;text-transform:inherit}
.md-typography--headline5{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.5rem;line-height:2rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit}
.md-typography--headline6{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.0125em;text-decoration:inherit;text-transform:inherit}
.md-typography--subtitle1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.009375em;text-decoration:inherit;text-transform:inherit}
.md-typography--subtitle2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.375rem;font-weight:500;letter-spacing:.0071428571em;text-decoration:inherit;text-transform:inherit}
.md-typography--body1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:.03125em;text-decoration:inherit;text-transform:inherit}
.md-typography--body2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit}
.md-typography--body3{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:1.25rem;font-weight:400;letter-spacing:.0333333333em;text-decoration:inherit;text-transform:inherit}
.md-typography--caption{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.95rem;line-height:1.25rem;font-weight:400;letter-spacing:.0em;text-decoration:inherit;text-transform:inherit}
.md-typography--button{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:2.25rem;font-weight:500;letter-spacing:.0892857143em;text-decoration:none;text-transform:uppercase}
.md-typography--overline{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:2rem;font-weight:500;letter-spacing:.1666666667em;text-decoration:none;text-transform:uppercase}

#box_briefing_content h2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:.03125em;text-decoration:inherit;text-transform:inherit}
#box_briefing_content p{margin-bottom:0 !important;}

/*******************/
/* --- Outros? --- */
/*******************/
#fluidModalRightNotific, #fluidModalRightSubmenu, #fluidModalRightUsuario{z-index:10001;}
.dx-quill-container{height: 150px;}
.accordion .card-body{padding: 0px;margin-left: 30px;}
.accordion .card{width: 600px;border-radius: 20px !important;}
div .container-card{display: flex; justify-content: center !important; padding-top: 7%;}
.btn-fas{margin-right: 23px; font-size: 20px !important; width: 30px !important}
/* .card-header:first-child{border-radius: 20px 20px 0px 0px !important;} onde era usado? */
.card-header .btn-link{text-decoration: unset;}
.card-header h5, .card-header a{cursor:pointer;}
.card-body .collapse, .collapsing, .collapsed .show{padding: 16px;}
.content-div{line-height: 43px !important;}
.card-header-hover:hover{background-color: #e0e0e0 !important;}
.accordion .card .card-header{height:68px !important;}
.accordion .card .card-header span{vertical-align: text-bottom; line-height: 22px;}
.list-decoration{list-style-type: none !important; padding-left: 10px; margin-bottom: 0px;}
.menu-contatos{left:268px !important; top:59px !important; z-index: 1 !important; width: 270px !important;}
.button-menu{width: 580px; text-align: left;}
.cor-btn-contato:hover{background-color: #DBDBDB;}
.cor-contatos:hover{background-color: #DBDBDA;}
.cor-contatos td a{line-height:30px; vertical-align:inherit;}

button.cor-btn-contato:not(.close){border-radius: 35px !important; width: 93%; height:40px !important; margin: 0 0 4px 0 !important; text-align: left;padding-left:20px !important; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-contatos{margin-left:274px; padding:0 1rem;}
.list-contatos .container .row{margin-top:-2rem; margin-right:-1rem;}
@media screen and (max-width: 999px){
  .list-contatos .container .row{margin-top:.5rem;}
}
.avatar-contato{font-size: 20px; vertical-align: middle; display: inline-block;line-height: 45px; border-radius: 24px;width: 45px;height: 45px;text-align: center;margin: -8px 8px 0 0 !important;}
.modal-body-contatos aside button i{
  font-size:13pt !important;
  margin-right: 5px;
  width: 21px;
}
@media screen and (max-width: 999px){
  .menu-contatos{display:contents;}
  .modal-body-contatos{padding-left: 16px !important;}
  .list-contatos{margin-left:0;}
}
@media screen and (min-width: 1000px){
  .menu-contatos{
    transform: translateX(-98%) !important;
    width: 244px;
    padding-top: .5rem;
  }
}
@media screen and (min-width: 1441px){
  .menu-contatos{
    margin-left:264px;
  }
}

.list-contatos table th{padding-left:0 !important;}

@media screen and (min-width: 484px){
  button.btn-notas-fiscais:not(.close){
    font-size: .9rem !important;
  }
}

@media screen and (min-width: 375px){
  button.btn-notas-fiscais:not(.close){
    font-size: .77rem !important;
  }
}

@media screen and (max-width: 1000px){
  .contato-desktop{
    display: none;
    padding-top: 100px !important;
  }
  .title-desktop{display: none;}
  .title-mobile{margin-left: 15px;}
}

.icone-cog-entrega{
  text-align: center;
  padding: 0px 2px;
  margin: 0px -23px;
}

.chip-comentarios{padding: 0px 9px 0px 3px !important;}

.iconMenu{
  font-size: 40px;
  width: 65px !important;
  margin-bottom: 12px !important;
}

.kanban-cor-1 {background-color: rgb(181, 206, 201) !important;} /*#b5cec9*/
.kanban-cor-2 {background-color: rgb(182, 204, 207) !important;} /*#b6cccf*/
.kanban-cor-3 {background-color: rgb(192, 222, 210) !important;} /*#c0ded2*/
.kanban-cor-4 {background-color: rgb(206, 216, 207) !important;} /*#ced8cf*/
.kanban-cor-5 {background-color: rgb(216, 254, 180) !important;} /*#d8feb4*/
.kanban-cor-6 {background-color: rgb(214, 224, 234) !important;} /*#d6e0ea*/
.kanban-cor-7 {background-color: rgb(216, 220, 248) !important;} /*#d8dcf8*/
.kanban-cor-8 {background-color: rgb(182, 200, 254) !important;} /*#b6c8fe*/
.kanban-cor-9 {background-color: rgb(242, 253, 204) !important;} /*#f2fdcc*/
.kanban-cor-10 {background-color: rgb(196, 234, 250) !important;} /*#c4eafa*/
.kanban-cor-11 {background-color: rgb(225, 205, 202) !important;} /*#e1cdca*/
.kanban-cor-12 {background-color: rgb(248, 188, 242) !important;} /*#f8bcf2*/
.kanban-cor-13 {background-color: rgb(232, 229, 187) !important;} /*#e8e5bb*/
.kanban-cor-14 {background-color: rgb(232, 230, 211) !important;} /*#e8e6d3*/
.kanban-cor-15 {background-color: rgb(249, 231, 217) !important;} /*#f9e7d9*/
.kanban-cor-16 {background-color: rgb(242, 201, 207) !important;} /*#f2c9cf*/
.kanban-cor-17 {background-color: rgb(255, 255, 255) !important;} /*#f2c9cf*/



/*TESTE QUADRO*/

#retorno_quadro {
    white-space: nowrap;
    margin-top: -6px;
}

#retorno_quadro_exec {
    white-space: nowrap;
    margin-top: -6px;
}

.list {
    border-radius: 8px;
    margin: 5px;
    background-color: rgba(192, 192, 192, 0.2);
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.titulo-lista {
    font-size: 16px;
    padding: 10px;
    /*padding-left: 30px;*/
    margin-bottom: -10px;
    font-weight: bold;
    cursor: pointer;
}

.scrollable-lista {
  width: 100% !important;
}

.sortable-cards {
    min-height: 380px
}

#retorno_quadro .dx-sortable{
  overflow: inherit;
}

#retorno_quadro .dx-scrollview-content .list,
#retorno_quadro_exec .dx-scrollview-content .list {
  min-width: 18rem;
  width: 18rem;
}

#retorno_quadro .dx-scrollview-content .list.fechado {
  width: 3rem !important;
  min-width: auto !important;
}
#retorno_quadro .dx-scrollview-content .list.fechado .titulo-lista {
  transform: rotate(90deg);
  margin-top: 1rem;
}
#retorno_quadro .dx-scrollview-content .list.fechado .titulo-lista .fa-minus-circle {
  display: none !important;
}
#retorno_quadro .dx-scrollview-content .list.fechado .dx-scrollable {
  display: none;
}

.cartao {
    position: relative;
    background-color: white;
    box-sizing: border-box;
    width: 16rem;
    float: left;
    padding: .75rem 1.25rem;
    margin: 1rem .5rem .5rem !important;
    cursor: pointer;
}

.card-subject {
    padding-bottom: 7px;
    margin-left: 0.3rem!important;
    line-height: initial;
}

.card-assignee {
    margin-left: 0.3rem!important;
    line-height: initial;
}

.card-priority {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 5px;
    width: 5px;
    border-radius: 2px;
    background: #86C285;
}

.priority-1 {
    background: #ADADAD;
}

.priority-2 {
    background: #86C285;
}

.priority-3 {
    background: #EDC578;
}

.priority-4 {
    background: #EF7D59;
}

/*.dx-scrollview-content{
  margin-right: .5rem!important;
  margin-left: .5rem!important;
}*/

.dx-icon.fas.fa-broom{font-size: 18px;}

/*.dx-scrollable-scrollbar.dx-widget.dx-scrollbar-horizontal.dx-scrollbar-hoverable{
  display: none;
}*/

/* tables */

table.tablesorter thead tr .header {
  background-image: url('../img/bg.gif');
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

table.tablesorter tbody tr.odd td {
  background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url('../img/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
  background-image: url('../img/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #c8ccce;
}

#retorno_dash_gestao #timeline_atividades .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-horizontal.dx-resizable{
  background-color: rgb(255, 167, 38);
}

#toast-container{
  pointer-events: none !important;
}

.md-toast.md-toast-info, .md-toast.md-toast-error, .md-toast.md-toast-success{
  pointer-events: visible !important;
}

div.links_modal{
  line-height: 1.25rem;
  display: inline-block;
  cursor: pointer;
  color: #6c757d !important;
  font-family: Roboto,sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .0178571429em;
  text-transform: inherit;
  border-bottom: 1px solid #6c757d;
}

.bold-text{
  font-weight: 500;
}

.num_painel{font-size: 3rem;}
.text_painel{font-size: 1.2rem !important;}
.title_painel{font-size: 1.1rem !important;line-height: 22px;margin-bottom: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hide_text{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.card_painel{height: 170px;}
.pessoas_ender{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.img_ender{width: 32px; height: 32px;}

.progress_missing{background-color: #e9ecef;color: black;text-align: end;padding-right: 20px;font-size: xx-large;}
.progress_cosumed{background-color: #01953db8;color: black;text-align: start;padding-left: 20px;font-size: xx-large;}

.tooltip{z-index:1150;}
.tooltip .tooltip-inner {background-color:#000;}
.icon-props{font-size: 20px !important;margin-left: 0;margin-top: 0;}
.btn-custom{
  padding: 0;
  border-radius: 36px;
  width: 32px;
  height: 32px;
  margin: 0;
  line-height: 36px !important;
  vertical-align: middle;
}
h2 a.btn-custom{margin-left:-.25rem; margin-right:.75rem;}

.card_painel .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {border-top-color:#000;}

.text_table_thead{line-height: 16px;font-weight: 500;font-size: 12px;white-space: nowrap;color: #6a6a6a;margin: 10px;}
.text_table_tbody{margin: 5px 10px;padding-top: 4px;}
table thead tr th:hover{background-color: #0000000a;}
table thead tr th{background-color: #e6e6e6;}

.btn_fab{text-align: right;margin-left: -201px;width: 210px; margin-top:19px; display:none; cursor:pointer;}

.waves-ripple .waves-rippling{transition: 0.2s !important;}

.form-control:focus{border-color: #ff5722 !important;box-shadow: 0 0 0 0.2rem #ff572240 !important;}

.form-control:focus{border-color: #ff5722 !important;box-shadow: 0 0 0 0.2rem #ff572240 !important;}

.form-control:focus{border-color: #ff5722 !important;box-shadow: 0 0 0 0.2rem #ff572240 !important;}

.odd-line{background-color:#ededed;}

.bg-green{background-color:#6fb90199;}
.bg-red{background-color:#f1a0a0;}
.width-column-1{width: 320px !important;}
.width-column-2{width: 140px !important;}

.chip_integracao{padding: 0 12px !important;cursor: pointer;}
.grid_position{margin-top: -1rem;}
.b-500{ font-weight: 500 !important;}
#div_quadro_exec ul.dropdown-content.select-dropdown.w-100{max-height: 400px !important;}
#statusOSTreeBox .dx-item-content.dx-treeview-item-content{margin-top:0 !important;}
.dropdown_height ul.dropdown-content.select-dropdown.w-100{max-height: 200px !important;}
#slide-out_nav ul.dropdown-content.select-dropdown.w-100{max-height: 200px !important;}
.dropdown-content li>a, .dropdown-content li>span{padding: 6px;}
/*.md-form.md-outline label:not(.active, .form-control-md-label){top: 0!important;}*/
.dropdown-content.select-dropdown.w-100.multiple-select-dropdown.active .md-form.md-outline label:not(.active):not(.form-control-md-label){top: 0 !important;}
/* .grid_servico_cenario.table .select-outline .mdb-select input {height:51px !important;} */
.grid_servico_cenario.table .select-outline .mdb-select input:not(.search) {height:51px !important;}

.text-opacity{
  opacity: 50% !important;
}