/****************************************************************************/
/* --- Alterações em estilos MDB para adequar melhor ao Material Design --- */
/****************************************************************************/
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{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){top:.5rem !important;}
.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 .search-wrap input[type="text"] {border:0 none;}
.md-form.md-outline .form-control-lg{padding:.95rem 1rem !important; font-size:inherit !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-nav{}
.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-nav .nav-item.navbar--btn-text{}
.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;}
/*#modalGenerico .classic-tabs{margin:0 -.75rem 0 -.9rem !important;}*/
.tab-pane.fade.active.show{margin-left: 12px;}
.classic-tabs .nav{box-shadow:0 3px 4px 0 rgba(0,0,0,.18) !important; z-index:2; margin-bottom:1.5rem !important;}
.classic-tabs .tab-content{z-index:1;}
.tab-content{padding:0 !important;}
form .container{padding-right:1rem; padding-left:1rem;} /* 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, .modal-xl {max-width:1200px;}
}
/* .container{padding-right:.75rem !important;} */ /* Verificar onde era útilizado */
.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-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;}
/* --- Alterações em modal / super modal */
#modalGenerico .md-form.md-outline textarea {height:80px;}

/* --- Ajustes de profundidade --- */
#modalGenericoBox .modal{z-index:999911 !important;}
#modalGenericoSegundoBox .modal{z-index:999921 !important;}
#modalGenericoConfirmBox .modal{z-index:999931 !important;}
.backdrop-nivel-10{z-index:999910 !important;}
.backdrop-nivel-20{z-index:999920 !important;}
.backdrop-nivel-30{z-index:999930 !important;}

.dx-datagrid-summary-item.dx-datagrid-text-content{width: 160px !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_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, 
#retorno_oportunidades .dx-datagrid .dx-row-lines > td, 
#retorno_contratos_servicos .dx-datagrid .dx-row-lines > td, 
#retorno_contratos .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_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{
  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_contratos .dx-datagrid-total-footer.dx-datagrid-nowrap{
  height: 30px !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_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, 
#retorno_oportunidades .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td, 
#retorno_contratos_servicos .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td, 
#retorno_contratos .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_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, 
#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;}
.nav-item.desktop-logo{}
.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;}
.dashboard-selectbox{margin-top:-1rem;}
@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? */
}
.texto-inativo{color:rgb(99 95 95);font-style: italic;}
.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;}
.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;}
aside.side-nav{}
header nav h2{}
.notifica-badge{left:1rem; font-size:8pt;}
.drawer-main-content{margin-top:4.5rem;}
/*.drawer-main-content h6{margin-top:0;}*/
#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;
}
.drawer-main-content .classic-tabs{margin-top:0;}
@media screen and (max-width:894px) { /* --- Media query mobile 2 --- */
  .drawer-main-content .classic-tabs{margin-top:0 !important;}
}
/* .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.25rem;}
  .desktop-fields{display:none;}
}
@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;}
}
/* --- 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{position:fixed; margin:0; width:100%; height:100%; max-width:none;}
  .modal-content.md-modal-fullscreen-mobile{height:100%; border-radius:unset; overflow-y:auto;}
}
#modalGenerico .tab-content { /* padding: 1rem !important; margin-top:-1.5rem; */} /* Ajuste no layout do modal de informações com TABS -- tirei por estragar modal de negociação de prazo, onde mais é usado? */
.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{}
.card_inbox_executar .card_col_data p{margin:0;}
.card_inbox_executar .card_col_tipo{}
.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;}

/* --- 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;}

/* --- 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 .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;}
#timeline_atividades .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {margin-left: 200px !important;}
#timeline_atividades .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table{width: 200px !important;}
#timeline_atividades .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable{width: 200px !important;}
#timeline_atividades .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before{width: 200px !important;}
#timeline_atividades .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable{margin-left: 200px !important;}
#timeline_atividades .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments{left: 200px !important;}
.dx-scheduler-date-table-cell.weekend, .weekend {background: #f1f1f1;}
.dx-scheduler-date-table-cell.weekend .horas_livre {display: none;}
/*.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;}
#timeline_atividades .dx-scheduler-group-header{height: 116.09px !important;}
#retorno_pauta .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;}
/**********************************************/
/* --- 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;}

.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:3.75rem;line-height:3.75rem;font-weight:300;letter-spacing:-0.0083333333em;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:.75rem;line-height:1.25rem;font-weight:400;letter-spacing:.0333333333em;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? --- */
/*******************/
.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;}
.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 0px 0px 35px !important; width: 100%; 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;}
}

.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.4);
    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;
}

.cartao {
    position: relative;
    background-color: white;
    box-sizing: border-box;
    padding: 10px 20px;
    margin: 10px 0 18px 4px !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);
}