/** TEMPLATE AREA PUBCLICA **/

:root{

  --sidebar-open:252px;
  --sidebar-closed:76px;
  --header-height:56px;
  

  --color-primary:#32b6ff;
  --color-primary-alt:#3caaf8;
  --color-text-dark:#1d2025;
  --color-text-title:#22252A;
  --color-text-default:#333;
  --color-text-light:#ffffff;
  --color-border:#eee;
  --color-border-soft:#f3f4f6;
  --color-hover:#f5f5f5;
  --color-danger:#ea4343;
  --color-gray:#6a7282;
  

  --icon-sm:18px;
  --icon-md:32px;
  --avatar-size:36px;
  --edit-size:50px;
  
  --radius-full:9999px;
  

  --space-xs:.25rem;
  --space-sm:.375rem;
  --space-md:.5rem;
  --space-lg:15px;
  
  }
  
  h1, h2, h3, h4, h5, h6{
    color: #030712;
  }

  #collapsable-page.new-template .RadWindow.RadWindow_Metro .rwTitleBar .rwTitleWrapper>span{
    display: inline-block !important;
    font-weight:600;
  }
  
  #collapsable-page.new-template .RadWindow.RadWindow_Metro .rwTitleBar .rwTitleWrapper>span.rwIcon{
    display: none !important;
  }

  .RadWindow .rwTitle{
    color:#1D2025 !important;
    padding: 0 0 0 0 !important;
  }

  #collapsable-page.open section.main main{
    width:calc(100vw - var(--sidebar-open));
  }
  
  #collapsable-page.initClosed section.main main,
  #collapsable-page.close section.main main{
    width:calc(100vw - var(--sidebar-closed));
  }
  
  

  #collapsable-page.new-template header>div:first-of-type{
    flex-flow:row nowrap;
    justify-content:space-between;
  }
  
  #collapsable-page.new-template header img,
  #collapsable-page.new-template header>div:first-of-type a img{
    max-height:var(--icon-sm);
  }
  
  #collapsable-page.new-template header h2{
    color:var(--color-text-title) !important;
    font-weight:600 !important;
    padding:0;
  }

  #collapsable-page.new-template header>div:nth-of-type(2)>div:first-of-type a{
    margin-right:1em;
  }

  #collapsable-page.new-template header>div:nth-of-type(2)>div:first-of-type a img{
    max-height: var(--icon-sm);
  }
  
  #collapsable-page.new-template header a:after{
    display:none !important;
  }
  
  

  .header-right .user-icon{
    width:var(--avatar-size);
    height:var(--avatar-size);
    border-radius:50%;
    border:none;
    background:var(--color-primary);
    color:var(--color-text-light);
    font-size:16px;
    cursor:pointer;
    padding:0!important;
    min-width:auto!important;
  }

  #collapsable-page.new-template section.main aside.nav nav>ul li a.atual, 
  #collapsable-page.new-template section.main aside.nav nav>ul li a:hover{
    color:var(--color-text-title);
  }

  #collapsable-page.new-template section.main aside.nav nav>ul li a.atual svg, 
  #collapsable-page.new-template section.main aside.nav nav>ul li a:hover svg{
    stroke: var(--color-text-title);
  }
  
  
  #collapsable-page.new-template section.main aside.nav nav>ul li a span{
    margin-left:var(--space-lg);
  }
  
  #collapsable-page.new-template section.main aside.nav nav>ul li a img,
  #collapsable-page.new-template section.main aside.nav nav>ul li a div svg,
  #collapsable-page.close section.main aside.nav.collapsable nav svg{
    margin:0;
    width:18px;
    height:18px;
  }

  #collapsable-page.new-template header svg,
  #collapsable-page.new-template section.main aside.nav nav>ul li a svg{
    width:18px;
    height:18px;
  }

  #collapsable-page.new-template section.main aside.nav nav>ul li a div{
    height:18px;
  }
  
  #collapsable-page.close section.main aside.nav.collapsable nav span{
    display:none;
  }
  
  

  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content{
    padding:var(--space-xs);
    min-width:224px;
  }
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content hr{
    color:var(--color-border-soft);
    margin:var(--space-xs) 0;
    padding:0;
  }
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content h3{
    color:var(--color-text-dark);
  }
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul{
    margin-top:0;
  }
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul li button{
    padding:var(--space-sm) var(--space-md);
    color:var(--color-text-dark);
  }
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul li button span,
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul li button:hover span{
    color:var(--color-text-dark);
  }
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul li button:hover svg{
    stroke:var(--color-text-dark);
  }
  
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul li:last-child button,
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul li:last-child button span{
    color:var(--color-danger) !important;
  }
  
  #collapsable-page.new-template header .dropdown-menu-container .dropdown-content ul li:last-child button svg{
    stroke:var(--color-danger) !important;
  }
  
  

  .dropdown-menu-container #header{
    display:none;
  }
  
  .dropdown span.icone{
    background:var(--color-primary-alt);
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>");
    display:block;
    width:var(--icon-md);
    height:var(--icon-md);
    background-position:7px 6px;
    border-radius:var(--radius-full);
    background-repeat:no-repeat;
  }

  .dropdown span.icone:hover {
      cursor: pointer;
  }
  
  .dropdown span svg{
    stroke:var(--color-primary-alt)!important;
    opacity:0;
  }
  
  
  .dropdown .title{
    font-weight:bold;
    padding:10px 15px;
    border-bottom:1px solid var(--color-border);
  }
  
  .dropdown a{
    display:block;
    padding:10px 15px;
    text-decoration:none;
    color:var(--color-text-default);
    height:40px;
  }
  
  .dropdown a:hover{
    background:var(--color-hover);
  }
  
  .dropdown .logout{
    color:var(--color-danger);
  }
  
  

  #collapsable-page.new-template .edit-nav{
    padding:18px;
    height: 50px;
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    z-index:9999;
  }
  
  #collapsable-page.new-template.wf-edit-mode .edit-nav{
    display:none;
  }
  
  #collapsable-page.new-template .edit-nav .switch,
  #collapsable-page.new-template .edit-nav .slider{
    width:var(--edit-size);
    height:var(--edit-size);
  }
  
  #collapsable-page.new-template .edit-nav .slider{
    position:absolute;
    inset:0;
    cursor:pointer;
    background-color:var(--color-primary);
  }

  #collapsable-page.new-template .edit-nav .slider:before{
    background-color:var(--color-primary);
    left:15px;
    height: 0px;
    width: 0px;
  }
  
  #collapsable-page.new-template .edit-nav .slider.round,
  #collapsable-page.new-template .edit-nav .slider.round:before{
    border-radius:50%;
    transition: transform .25s ease, stroke .25s ease;
  }
  
  #collapsable-page.new-template .edit-nav .slider svg{
    stroke:var(--color-text-light);
    width:50px;
    margin:12px 1px;
    transition: transform .25s ease, stroke .25s ease;
  }

  #collapsable-page.new-template .edit-nav .slider.round:hover{
    transform: scale(1.1);
  }

  #collapsable-page.new-template .edit-nav{
    border: none;
  }


  /** Modulos na pagina **/


  /* GERAL */

  html{
    overflow: hidden;
  }

  #collapsable-page.new-template header>div:first-of-type button{
    margin-right: 0;
  }

  .zuri-workspace.contAreaTrabalho .watabela-itens .RadGrid.RadGrid_Metro.scrollTreated{
    /* para não limitar a altura da tabela da area de trabalho */
    /* height: auto !important; */
  }

  #collapsable-page.new-template input[type=text], #collapsable-page.new-template input[type=password], #collapsable-page.new-template input[type=date], #collapsable-page.new-template input[type=datetime-local], #collapsable-page.new-template input[type=number], #collapsable-page.new-template select, #collapsable-page.new-template textarea, #collapsable-page.new-template .rcbInner{
    font-size: 14px;
  }

  #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter){
    border-radius: .625rem;
  }

  
table thead tr:first-child th:first-child {
  border-top-left-radius:.625rem;
}

table thead tr:first-child th:last-child {
  border-top-right-radius:.625rem;
}

table tbody tr:last-child td:first-child {
  border-bottom-left-radius:.625rem;
}

table tbody tr:last-child td:last-child {
  border-bottom-right-radius:.625rem;
}


  #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) tbody tr:hover{
  background-color: #f8f9fa !important;

    }

    #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) thead{
       top:-18px !important;
    }


  #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) tbody tr:first-child th, 
  #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) thead tr:first-child th{
    background-color:  #fff !important;
    font-weight: 600;
    color:#030712 !important;
    line-height: 36px;
  }

  #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) tbody tr:first-child th:hover, 
  #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) thead tr:first-child th:hover{
  background-color:   #fff !important;
  }

  #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) tbody tr td, #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) thead tr td, #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) tbody tr th, #collapsable-page.new-template :not(.wfmod-htmlcontent):not(.datepick-month):not(.wfrepo):not(td):not(.wfcontent)>table:not(.rating):not(.table-observer):not(.table-reassign):not(.table-restart):not(.checkbox):not(.RadDockableObjectTitleBarLeft):not(.RadDockableObjectTitleBar):not(.RadDockableObjectResizeable):not(.RadDockingZone):not(.rcMainTable):not(.unstyled):not(.RadSplitter) thead tr th{
    color:#030712 !important;
    font-size: 14px;
    line-height: 40px;
  }

  #collapsable-page.new-template .RadGrid_Metro .rgRow a, #collapsable-page.new-template .RadGrid_Metro .rgAltRow a, #collapsable-page.new-template .RadGrid_Metro tr.rgEditRow a, #collapsable-page.new-template .RadGrid_Metro .rgFooter a, #collapsable-page.new-template .RadGrid_Metro .rgEditForm a{
    color:#030712 !important;
    font-size: 14px;
  }

  #collapsable-page.new-template .RadGrid_Metro .rgRow a:hover,
  #collapsable-page.new-template .RadGrid_Metro .rgAltRow a:hover, 
  #collapsable-page.new-template .RadGrid_Metro tr.rgEditRow a:hover, 
  #collapsable-page.new-template .RadGrid_Metro .rgFooter a:hover, 
  #collapsable-page.new-template .RadGrid_Metro .rgEditForm a:hover{
    border-bottom: solid 1px #030712;
  }

  #collapsable-page.new-template input[type=button], #collapsable-page.new-template input[type=submit], #collapsable-page.new-template .button{
    background: #33BEFF;
    border: solid 1px  #33BEFF;
    border-radius:8px;
    height:36px;
    padding: 10px 24px;
    margin-top:8px;
  }

  #collapsable-page.new-template input[type=button]:hover, 
  #collapsable-page.new-template input[type=submit]:hover, 
  #collapsable-page.new-template .button{
    opacity: 90%;
  }

  #collapsable-page.new-template input[type=text], #collapsable-page.new-template input[type=password], #collapsable-page.new-template input[type=date], #collapsable-page.new-template input[type=datetime-local], #collapsable-page.new-template input[type=number], #collapsable-page.new-template select, #collapsable-page.new-template textarea, #collapsable-page.new-template .rcbInner{
    border: solid 1px  #ebe6e7;
    border-radius:8px;
    height:36px;
  }

  #collapsable-page.new-template select:not([multiple]) {
    font-size: 12px;
    background-position-y: center;
    background-position-x: calc(100% - 12px);
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 34px;
    background-image: url('data:image/svg+xml; utf8, <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5389 6.50519L8.26286 10.6144L11.9868 6.50519" stroke="rgb(3, 7, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  }

  #collapsable-page.new-template input[type=checkbox]:before,
  #collapsable-page.new-template input[type=radio]:before {
    border: 1px solid #ebe6e7;
  }

  #collapsable-page.new-template input[type=checkbox]:hover:before,
  #collapsable-page.new-template input[type=radio]:hover:before {
    border-color: #ebe6e7;
  }

  #collapsable-page.new-template .wf-accesslist .wfbal-clear {
    background-image: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 6H5H21" stroke="rgb(239, 67, 67)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6" stroke="rgb(239, 67, 67)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 11V17" stroke="rgb(239, 67, 67)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 11V17" stroke="rgb(239, 67, 67)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
    font-size: 16px;
    font-weight: 500;
    color: #EF4343;
    background-position: -2px 1px;
    height: 18px;
    padding: 0px 0 0 18px;
  }

  #collapsable-page.new-template .wf-accesslist .wf-accesslist .wfbal-clear:hover {
    background-color: var(--color-hover-light);
    border-color: var(--color-border);
    color: var(--color-text);
  }

  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
  }

  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input+label{
    width: calc(100% - 40px);
    padding-left: 2px;
    /* para deixar cada opção em uma linha
    width: calc(100% - 40px);
    padding-left: 2px;
    width:auto;
    */
  }

  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input[value=USER]+label,
  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input[value=ROLE]+label,
  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input[value=ROLEGROUP]+label {
    padding-left: 28px;
    width:auto;
}

  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input+label{
    color:#030712;
  }

  #collapsable-page.new-template .wf-accesslist .wfbal-acl .wfacl-item{
    color:#030712;
  }
  
  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input[value=USER]+label,#collapsable-page.new-template .wf-accesslist .wfacl-user:before {
    background-image: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.0002 21V19C20.0002 17.9391 19.5788 16.9217 18.8286 16.1716C18.0785 15.4214 17.0611 15 16.0002 15H8.0002C6.93933 15 5.92192 15.4214 5.17177 16.1716C4.42163 16.9217 4.0002 17.9391 4.0002 19V21" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.9997 11.0001C14.2088 11.0001 15.9997 9.2092 15.9997 7.00006C15.9997 4.79092 14.2088 3.00006 11.9997 3.00006C9.79053 3.00006 7.99966 4.79092 7.99966 7.00006C7.99966 9.2092 9.79053 11.0001 11.9997 11.0001Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  }
  
  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input[value=ROLE]+label,#collapsable-page.new-template .wf-accesslist .wfacl-role:before {
    background-image: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  }
  
  #collapsable-page.new-template .wf-accesslist .wfbal-pickertype input[value=ROLEGROUP]+label,#collapsable-page.new-template .wf-accesslist .wfacl-rolegroup:before {
    background-image: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.5 11C10.7091 11 12.5 9.20914 12.5 7C12.5 4.79086 10.7091 3 8.5 3C6.29086 3 4.5 4.79086 4.5 7C4.5 9.20914 6.29086 11 8.5 11Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11L19 13L23 9" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  }

  .wf-form-web .new-form-ux input[type=radio]+label:before,
  .wf-form-web .new-form-ux input[type=checkbox]+label:before {
    border: 1px solid #ebe6e7;
  }

  .wf-form-web .new-form-ux input[type=checkbox]:checked+label:before,.wf-form-web .new-form-ux input[type=checkbox]+label:hover:before {
    border-color:#ebe6e7;
  }

  .container.wfcontrol-panel .btnPainelBack{
    background: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    color: #1D2025 !important;
  }
  
  .container.wfcontrol-panel .btnPainelBack:hover {
    background: #F3F4F6 !important;
  }


  .RadGrid_Metro .rgPagerCell{
    background-color: #fff !important;
  }

  .RadGrid .rgPagerCell .rgInfoPart{
    font-size: 14px !important;
  }

  .RadGrid_Metro .rgPagerCell .rgNumPart a{
    font-size: 14px !important;
  }

  .RadGrid_Metro .rgPagerCell .rgNumPart a:hover{
    background-color: #fff !important;
    border-color: #E5E7EB !important;
  }

  .RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage{
    border-color: #1D2025 !important;
    color: #1D2025 !important;
    font-weight: 600;
  }

  .RadGrid.RadGrid_Metro.scrollTreated{
    padding-bottom:1em;
  }

  /* AREA DE TRABALHO */

  #collapsable-page.new-template .contAreaTrabalho .wacont-Main .wabuscar .busca-input-container{
    border:solid 1px #ebe6e7;
    border-radius:8px;
    height:36px;
  }

  #collapsable-page.new-template .contAreaTrabalho .wacont-Main .wabuscar .busca-input-container .buscasimples{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-search absolute left-3 top-1/2 transform -translate-y-1/2 size-4 text-muted-foreground' aria-hidden='true'><path d='m21 21-4.34-4.34'></path><circle cx='11' cy='11' r='8'></circle></svg>");
    background-repeat:no-repeat;
    border:none;
    height:26px;
    width:26px;
    background-position:9px;
  }

  #collapsable-page.new-template .contAreaTrabalho .wacont-Main .wabuscar .busca-input-container .wainput-busca{
    border:none;
    padding: 0 9px;
  }

  .zuri-workspace .listGroup{
    display:flex;
  }

  .zuri-workspace ul.panel{
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    background:#f6f3f4;
    /*background:#ccc;*/
    padding:5px;
    gap:8px;
    border-radius: 8px;
  }

  body.new-template.wf-edit-mode .zuri-workspace ul.panel{
    background: transparent;
  }

  #collapsable-page.new-template .listGroup.listSections ul.panel{
    background:none;
    width:100%;
  }

  .listGroup:not(.listSections) ul.panel li{
    flex: none;
  }

  #collapsable-page.new-template .listGroup.tabs li.panel-tile{
    margin-bottom:0;
    margin-right:0;
    border-radius: 4px;
    padding: 5px 2rem !important;
    background-color: #f6f3f4 !important;
    color:#030712;
    font-size: 14px;
  }

  #collapsable-page.new-template.wf-edit-mode .listGroup.tabs li.panel-tile{
    background-color: transparent !important;
  }

  #collapsable-page.new-template .listGroup.tabs li.panel-tile.selected{
    box-shadow:0 0 #0000,0 0 #0000,0 0 0;
  }

  #collapsable-page.new-template .listGroup.tabs li.panel-tile a{
    font-size:14px;
  }

  #collapsable-page.new-template .listGroup.tabs li.panel-tile.selected a span{
    border-bottom:none !important;
    color:#030712;
    font-size: 14px;
  }

  .zuri-workspace .listGroup.tabs ul.panel{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:12px;
  
    background:#f3f4f6;
    padding:12px;
    border-radius:8px;
  
    list-style:none;
    margin:0;
  }
  
  /* ITEM */
  .zuri-workspace .listGroup.tabs ul.panel li{
    background:#e5e7eb;
    border-radius:10px;
    overflow:hidden;
    transition:.2s;
  }
  
  /* ITEM SELECIONADO */
  .zuri-workspace .listGroup.tabs ul.panel li.selected{
    background:#ffffff;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
  }
  
  /* LINK */
  .zuri-workspace .listGroup.tabs ul.panel li a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    padding: 16px;
    text-decoration: none;
    color: #1D2025;
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
  }
  
  /* TITULO */
  .zuri-workspace .listGroup.tabs ul.panel li a span:first-child{
    font-weight:600;
    font-size:14px;
  }
  
  /* DESCRIÇÃO */
  .zuri-workspace .listGroup.tabs ul.panel li .watermark{
    font-size:12px;
    color:#6b7280;
  }
  
  /* CONTADOR */
  .zuri-workspace .listGroup.tabs ul.panel li .count{
    font-size:12px;
    color:#9ca3af;
  }
  
  /* =========================
     ICONES (via ::before)
  ========================= */
  .zuri-workspace .listGroup.tabs ul.panel li a:before{
    content:"";
    width:18px;
    height:18px;
    margin-bottom:4px;
    margin-top:4px;
  
    background-size:contain;
    background-repeat:no-repeat;
  }
  
  /* LISTAGEM */
  .zuri-workspace .listGroup.tabs ul.panel li a[href*="Inbox"]:before{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='22 12 16 12 14 15 10 15 8 12 2 12'></polyline><path d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'></path></svg>");
  }
  
  /* MEUS ITENS */
  .zuri-workspace .listGroup.tabs ul.panel li a[href*="MyItems"]:before{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>");
  }
  
  /* ACOMPANHAMENTO */
  .zuri-workspace .listGroup.tabs ul.panel li a[href*="Outlook"]:before{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'></path><circle cx='12' cy='12' r='3'></circle></svg>");
  }
  
  /* HOVER */
  .zuri-workspace .listGroup.tabs ul.panel li:hover{
    transform:translateY(-2px);
  }




  #collapsable-page.new-template .RadGrid_Metro .rgHeader a{
    color:#030712 !important;
    font-size:14px;
  }

  /* Analytcs */

  #collapsable-page.new-template .wfcontrol-panel-config{
    color:#030712 !important;
  }

  #collapsable-page.new-template .wfcontrol-panel-config:before {
    content: "";
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image:url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><title>Settings</title><path d='M323.88,188.12a95.73,95.73,0,1,0,20.57,30.51A95.67,95.67,0,0,0,323.88,188.12ZM293.71,293.71A53.33,53.33,0,1,1,309.33,256,52.94,52.94,0,0,1,293.71,293.71Z'></path><path d='M448,192H437.07a189.72,189.72,0,0,0-7.79-18.77l7.74-7.74a42.66,42.66,0,0,0,0-60.34L406.85,75a42.71,42.71,0,0,0-60.34,0l-7.74,7.74A189.72,189.72,0,0,0,320,74.93V64a42.72,42.72,0,0,0-42.67-42.67H234.45A42.5,42.5,0,0,0,192,63.79V74.93a189.72,189.72,0,0,0-18.77,7.79L165.49,75a42.66,42.66,0,0,0-60.34,0L74.83,105.3a42.47,42.47,0,0,0,0,60l7.89,7.89A189.72,189.72,0,0,0,74.93,192H64a42.72,42.72,0,0,0-42.67,42.67v42.88A42.5,42.5,0,0,0,63.79,320H74.93a189.72,189.72,0,0,0,7.79,18.77L75,346.51a42.71,42.71,0,0,0,0,60.34l30.32,30.32a42.47,42.47,0,0,0,60,0l7.89-7.89A189.72,189.72,0,0,0,192,437.07V448a42.72,42.72,0,0,0,42.67,42.67h42.66A42.72,42.72,0,0,0,320,448V437.07a189.72,189.72,0,0,0,18.77-7.79l7.74,7.74a42.73,42.73,0,0,0,60.34,0L437,406.85a42.71,42.71,0,0,0,0-60.34l-7.74-7.74A189.72,189.72,0,0,0,437.07,320H448a42.72,42.72,0,0,0,42.67-42.67V234.67A42.72,42.72,0,0,0,448,192Zm0,85.33H421.29a21.34,21.34,0,0,0-20.66,16,148.66,148.66,0,0,1-16,38.49A21.34,21.34,0,0,0,388,357.78l18.9,18.9-30.17,30.17L357.78,388a21.34,21.34,0,0,0-25.94-3.28,148.66,148.66,0,0,1-38.49,16,21.34,21.34,0,0,0-16,20.66V448H234.67V421.29a21.34,21.34,0,0,0-16-20.66,148.66,148.66,0,0,1-38.49-16A21.34,21.34,0,0,0,154.22,388l-18.9,18.9-30.17-30.17,18.9-18.9a21.34,21.34,0,0,0,3.28-25.94,148.66,148.66,0,0,1-16-38.49,21.34,21.34,0,0,0-20.66-16H64V234.67H90.71a21.34,21.34,0,0,0,20.66-16,148.66,148.66,0,0,1,16-38.49,21.34,21.34,0,0,0-3.28-25.94l-18.9-18.9,30.17-30.17,18.9,18.9a21.34,21.34,0,0,0,25.94,3.28,148.66,148.66,0,0,1,38.49-16,21.34,21.34,0,0,0,16-20.66V64h42.66V90.71a21.34,21.34,0,0,0,16,20.66,148.66,148.66,0,0,1,38.49,16,21.34,21.34,0,0,0,25.94-3.28l18.9-18.9h0l30.17,30.17L388,154.22a21.34,21.34,0,0,0-3.28,25.94,148.66,148.66,0,0,1,16,38.49,21.34,21.34,0,0,0,20.66,16H448Z'></path></svg>");
    background-repeat:no-repeat;
    border:none;
    height:18px;
    width:18px;
  }


  #collapsable-page.new-template select:not([multiple]){
    border-radius:8px;
  }
  
  #collapsable-page.new-template .controle-item h4 {
    color: #030712;
}

#collapsable-page.new-template .datefield-container .wadatefield .RadPicker.RadPicker_Metro .RadInput .rcSelect .rcCalPopup:before {
  content: url('data:image/svg+xml; utf8, <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.4598 4H5.45984C4.35527 4 3.45984 4.89543 3.45984 6V20C3.45984 21.1046 4.35527 22 5.45984 22H19.4598C20.5644 22 21.4598 21.1046 21.4598 20V6C21.4598 4.89543 20.5644 4 19.4598 4Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.4598 2V6" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.45984 2V6" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.45984 10H21.4598" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
}

#collapsable-page.new-template .datefield-container .wadatefield .RadPicker.RadPicker_Metro .RadInput .riTextBox:focus-visible,#collapsable-page.new-template .datefield-container .wadatefield .RadPicker.RadPicker_Metro .RadInput .riTextBox.riFocused {
  outline: none;
  border-color: #030712 !important;
}

.wf-admin-modal .contentmodule.subprocess #configPages #Agrupamentos table.unstyled td .wfbal-pickertype,
.wf-admin-modal .contentmodule.subprocess #configPages #Filtros table.unstyled td .wfbal-pickertype {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}

.wf-admin-modal .contentmodule.subprocess #configPages #Agrupamentos table.unstyled td .wfbal-pickertype input+label,
.wf-admin-modal .contentmodule.subprocess #configPages #Filtros table.unstyled td .wfbal-pickertype input+label{
  width: calc(100% - 40px);
  padding-left: 2px;
  /* para deixar cada opção em uma linha
  width: calc(100% - 40px);
  padding-left: 2px;
  width:auto;
  */
}

/* Painel de Controle */



.wf-painel-items-actions span{
  color: #030712;
}

.accordion-header.minusPlusIndicator svg.minus, .accordion-header.minusPlusIndicator svg.plus{
  color:#030712;
}

.accordion-header.light h2,
.accordion-header span,
#collapsable-page.new-template .wf-statistics ul.filter-cards li.statItem a h5,
#collapsable-page.new-template .wf-statistics ul.filter-cards li.statItem a span.biggest-queue,
#collapsable-page.new-template .wf-statistics ul.filter-cards li.statItem.sla a h5{
  color: #030712 !important;
}

#collapsable-page.new-template .wf-statistics ul.filter-cards li.statItem a svg{
  stroke: #030712;
}

.paineldecontrole div div[id*="WFPainelCharts_pnlFilter"]{
  margin-top:10px !important;
}

.paineldecontrole div div[id*="WFPainelCharts_pnlFilter"] table tr td input[id*="WFPainelCharts_txtSearchText"],
.paineldecontrole div div[id*="WFPainelCharts_pnlFilter"] table tr td input[id*="WFPainelCharts_btnsearch"]{
  margin-bottom:0 !important;
}

.paineldecontrole div div.container.wfcontrol-panel .cont-center .sla.center_column div.RadHtmlChart.RadHtmlChart_Metro.k-chart{
  padding:0 !important;
}

.paineldecontrole div[id*="updControlPanel"] div[id*="WFPainelCharts_pnlFilter"] table tr td input[value="Buscar"]{
  margin:0 !important;
  background-repeat: no-repeat !important;
  background-position-x: 5.1em !important;
  background-image: url("data:image/svg+xml;utf8,<svg width='48' height='48' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") !important;
  width: 7em !important;
  padding: 3px 24px 5px 0 !important;
  background-position-y: 0.55em !important;
}


/* FORMS */

.wf-form-web .new-form-ux .RadUpload .ruSelectWrap .ruFileWrap.ruStyled .ruFakeInput:after{
  color:#030712;
}


.wf-form-web .new-form-ux table.rating td input[type=radio]+label:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>');
  width: 24px;
  height: 24px;
  position: unset;
  border-radius: unset;
  border: none;
  background-color: transparent;
}

/*
.wf-form-web .new-form-ux table.rating td input:checked+label:before,.wf-form-web .new-form-ux table.rating td input+label.included:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(3, 17, 18)" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>') !important;
}

.wf-form-web .new-form-ux table.rating td input+label:hover:before {
  opacity: 1;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>');
}
*/

.wf-form-web .form-actions {
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 1rem;
}

.wf-form-web .form-actions input[type=submit]:first-child:last-child{
  width: auto;
}

.wf-form-web .form-actions input[value=OK],
.wf-form-web .form-actions input[value=Cancelar] {
  padding: 10px 20px;
  min-width: auto;
  width:auto;
}

.wf-form-web .form-actions input[value=OK]:hover {
  background:#33BEFF;
}

.wf-form-web .form-actions input[value=Cancelar] {
  background: #ffffff !important;
  border: 1px solid  #E5E7EB !important;
  color: #1D2025 !important;
}

.wf-form-web .form-actions input[value=Cancelar]:hover {
  background: #F3F4F6 !important;
}


/* RELATORIO - FORMS */

.zurireportfiltro{
  border:solid 1px #E5E7EB;
  border-radius:8px !important;
  padding:10px;
  margin-bottom:10px;
}

.zurireportfiltro .reportsfiltro {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap:1rem;
}

.zurireportfiltro .reportsfiltro>div{
    width:32%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
  }

.new-template.wf-edit-mode .zurireportfiltro{
  display: none;
}

.zurireportfiltro .reportsfiltro>div>div{
    width: auto !important;
}

.zurireportfiltro .reportsfiltro>div>input,
.zurireportfiltro .reportsfiltro>div>select {
    width:100% !important;
}

.zurireportfiltro .reportsfiltro>div>div>span {
  white-space: nowrap;
  margin-left:3px;
}

.zurireportfiltro div input[value="Buscar"]{
  margin-bottom:0 !important;
  background-repeat: no-repeat !important;
  background-position-x: 5.1em !important;
  background-image: url("data:image/svg+xml;utf8,<svg width='48' height='48' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") !important;
  width: 7em !important;
  padding: 3px 24px 5px 0 !important;
  background-position-y: 0.55em !important;
}

.reportsDashboard{
    justify-content: center;
  }

  #collapsable-page.new-template .wabusca-avancada .labelItem{
    color:#030712;
  }

  #collapsable-page.new-template .wabusca-avancada input[type=text]:focus-visible, #collapsable-page.new-template .wabusca-avancada input[type=date]:focus-visible, #collapsable-page.new-template .wabusca-avancada input[type=datetime-local]:focus-visible, #collapsable-page.new-template .wabusca-avancada input[type=number]:focus-visible, #collapsable-page.new-template .wabusca-avancada select:focus-visible, #collapsable-page.new-template .wabusca-avancada textarea:focus-visible, #collapsable-page.new-template .wabusca-avancada .rcbInner:focus-visible, #collapsable-page.new-template .wabusca-avancada .riTextBox.riEnabled:focus-visible{
    color:#030712;
  }

  #collapsable-page.new-template .wabusca-avancada input[type=text], #collapsable-page.new-template .wabusca-avancada input[type=date], #collapsable-page.new-template .wabusca-avancada input[type=datetime-local], #collapsable-page.new-template .wabusca-avancada input[type=number], #collapsable-page.new-template .wabusca-avancada select, #collapsable-page.new-template .wabusca-avancada textarea, #collapsable-page.new-template .wabusca-avancada .rcbInner, #collapsable-page.new-template .wabusca-avancada .riTextBox.riEnabled{
    color:#030712;
  }

  /* RELATORIO PROCESSOS */

  .contAreaTrabalho .wacont-Main .wabusca-avancada{
    background: transparent !important;
    border:solid 1px #E5E7EB;
    border-radius:8px !important;
  }

  .RadGrid.RadGrid_Metro.marker-report-list.scrollTreated .rgMasterTable th.rgHeader a{
    font-weight:600 !important;
  }

  div[id*="MarkerSearch_pnlMarkerFilter"] #pnlFiltros .wabusca-avancada .align-end {
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }

  div[id*="MarkerSearch_pnlMarkerFilter"] #pnlFiltros .wabusca-avancada .align-end input[type=submit].search {
    margin-bottom:0 !important;
    background-repeat: no-repeat !important;
    background-position-x: 5.1em !important;
    background-image: url("data:image/svg+xml;utf8,<svg width='48' height='48' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") !important;
    width: 7em !important;
    padding: 3px 24px 5px 15px !important;
    background-position-y: 0.55em !important;
  }






/* Tela de Item de Processo */

.wfprocess-item.new-template-selected header.itemHeader{
  height: auto !important;
  padding: 1rem 1rem .5rem 1rem;
}

.wfprocess-item.new-template-selected header.itemHeader .headerContent{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.wfprocess-item.new-template-selected header.itemHeader .headerContent .divider-header{
  border-left: solid 1px #e5e7eb;
  margin:0 1rem;
  min-height:3em;
}

.wfprocess-item.new-template-selected header.itemHeader .headerContent .header-content-info{
  display:flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-evenly;
}

.wfprocess-item.new-template-selected header.itemHeader .headerContent .header-content-info .headerInfo h2{
  color:#030712;
  font-weight: 600;
  font-size: 1.2em;
}

.wfprocess-item.new-template-selected header.itemHeader .headerContent .header-content-info .headerInfo p{
  color: #6b7280;
  font-size: .9em;
}

.menu-zuri-item{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
  height:44px !important;

  background:#f3f4f6;
  padding:12px !important;
  border-radius:8px;

  list-style:none !important;
  margin:1.5em 1em;
}

/* ITEM */
.menu-zuri-item li{
  background:transparent;
  border-radius:10px;
  overflow:hidden;
  transition:.2s;
}

/* ITEM SELECIONADO */
.menu-zuri-item li a.active{
  background:#ffffff;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* LINK */
.menu-zuri-item li a{
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 100% !important;
  padding: 16px;
  text-decoration: none !important;
  color: #1D2025 !important;
  position: relative !important;
  flex-wrap: nowrap;
  align-items: center !important;
  height: 24px !important;
  border-radius: 4px;
}

/* TITULO */
.menu-zuri-item li a{
  font-weight:600 !important;
  font-size:14px !important;
}

/* =========================
   ICONES (via ::before)
========================= */
.menu-zuri-item li a:before{
  content:"";
  width:18px;
  height:18px;
  margin-bottom:4px;
  margin-top:4px;

  background-size:contain;
  background-repeat:no-repeat;
}


.wfprocess-item.new-template-selected menu li a{
  margin:0 !important;
}

.wfprocess-item.new-template-selected menu li a:before {
  background-image: none !important;
  color: #1D2025 !important;
}

.wfprocess-item.new-template-selected menu li a.active:after {
  background-color: #32b6ff !important;
}

.wfprocess-item.new-template-selected menu li a:hover,.wfprocess-item.new-template-selected menu li a.active {
  color: #1D2025 !important;
}

.wfprocess-item.new-template-selected menu li a:hover:before,.wfprocess-item.new-template-selected menu li a.active:before {
  color: #1D2025 !important;
}

.wfprocess-item.new-template-selected menu li .home:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 7L15 11L9 15V7Z" stroke="rgb(33, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .home.active:before,.wfprocess-item.new-template-selected menu li .home:hover:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 7L15 11L9 15V7Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .details:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.8887 18.7779C14.7978 18.7779 18.7774 14.7982 18.7774 9.88894C18.7774 4.97971 14.7978 1 9.8887 1C4.9796 1 1 4.97971 1 9.88894C1 14.7982 4.9796 18.7779 9.8887 18.7779Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 21L16.1668 16.1666" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .details.active:before,.wfprocess-item.new-template-selected menu li .details:hover:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.8887 18.7779C14.7978 18.7779 18.7774 14.7982 18.7774 9.88894C18.7774 4.97971 14.7978 1 9.8887 1C4.9796 1 1 4.97971 1 9.88894C1 14.7982 4.9796 18.7779 9.8887 18.7779Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 21L16.1668 16.1666" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .history:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5V11L15 13" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .history.active:before,.wfprocess-item.new-template-selected menu li .history:hover:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5V11L15 13" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .attachments:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6533 10.1292L11.2292 18.5533C10.1971 19.5854 8.79741 20.1651 7.33791 20.1651C5.87841 20.1651 4.47869 19.5854 3.44666 18.5533C2.41464 17.5213 1.83485 16.1216 1.83485 14.6621C1.83485 13.2026 2.41464 11.8029 3.44666 10.7708L11.8708 2.34666C12.5588 1.65865 13.492 1.27213 14.465 1.27213C15.438 1.27213 16.3711 1.65865 17.0592 2.34666C17.7472 3.03468 18.1337 3.96783 18.1337 4.94083C18.1337 5.91383 17.7472 6.84698 17.0592 7.535L8.62583 15.9592C8.28182 16.3032 7.81525 16.4964 7.32875 16.4964C6.84225 16.4964 6.37567 16.3032 6.03166 15.9592C5.68765 15.6152 5.49439 15.1486 5.49439 14.6621C5.49439 14.1756 5.68765 13.709 6.03166 13.365L13.8142 5.59166" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .attachments.active:before,.wfprocess-item.new-template-selected menu li .attachments:hover:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6533 10.1292L11.2292 18.5533C10.1971 19.5854 8.79741 20.1651 7.33791 20.1651C5.87841 20.1651 4.47869 19.5854 3.44666 18.5533C2.41464 17.5213 1.83485 16.1216 1.83485 14.6621C1.83485 13.2026 2.41464 11.8029 3.44666 10.7708L11.8708 2.34666C12.5588 1.65865 13.492 1.27213 14.465 1.27213C15.438 1.27213 16.3711 1.65865 17.0592 2.34666C17.7472 3.03468 18.1337 3.96783 18.1337 4.94083C18.1337 5.91383 17.7472 6.84698 17.0592 7.535L8.62583 15.9592C8.28182 16.3032 7.81525 16.4964 7.32875 16.4964C6.84225 16.4964 6.37567 16.3032 6.03166 15.9592C5.68765 15.6152 5.49439 15.1486 5.49439 14.6621C5.49439 14.1756 5.68765 13.709 6.03166 13.365L13.8142 5.59166" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .messages:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 14.3333C21 14.9227 20.7659 15.4879 20.3491 15.9047C19.9324 16.3214 19.3671 16.5556 18.7778 16.5556H5.44444L1 21V3.22222C1 2.63285 1.23413 2.06762 1.65087 1.65087C2.06762 1.23413 2.63285 1 3.22222 1H18.7778C19.3671 1 19.9324 1.23413 20.3491 1.65087C20.7659 2.06762 21 2.63285 21 3.22222V14.3333Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .messages.active:before,.wfprocess-item.new-template-selected menu li .messages:hover:before {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 14.3333C21 14.9227 20.7659 15.4879 20.3491 15.9047C19.9324 16.3214 19.3671 16.5556 18.7778 16.5556H5.44444L1 21V3.22222C1 2.63285 1.23413 2.06762 1.65087 1.65087C2.06762 1.23413 2.63285 1 3.22222 1H18.7778C19.3671 1 19.9324 1.23413 20.3491 1.65087C20.7659 2.06762 21 2.63285 21 3.22222V14.3333Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .gps:before {
  content: url('data:image/svg+xml; utf8, <svg width="16" height="18" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3636 9.18182C18.3636 15.5455 10.1818 21 10.1818 21C10.1818 21 2 15.5455 2 9.18182C2 7.01187 2.86201 4.93079 4.3964 3.3964C5.93079 1.86201 8.01186 1 10.1818 1C12.3518 1 14.4328 1.86201 15.9672 3.3964C17.5016 4.93079 18.3636 7.01187 18.3636 9.18182Z" stroke="rgb(33, 77, 91)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1818 11.9091C11.688 11.9091 12.9091 10.6881 12.9091 9.18183C12.9091 7.6756 11.688 6.45456 10.1818 6.45456C8.67559 6.45456 7.45454 7.6756 7.45454 9.18183C7.45454 10.6881 8.67559 11.9091 10.1818 11.9091Z" stroke="rgb(33, 77, 91)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.wfprocess-item.new-template-selected menu li .gps.active:before,.wfprocess-item.new-template-selected menu li .gps:hover:before {
  content: url('data:image/svg+xml; utf8, <svg width="16" height="18" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3636 9.18182C18.3636 15.5455 10.1818 21 10.1818 21C10.1818 21 2 15.5455 2 9.18182C2 7.01187 2.86201 4.93079 4.3964 3.3964C5.93079 1.86201 8.01186 1 10.1818 1C12.3518 1 14.4328 1.86201 15.9672 3.3964C17.5016 4.93079 18.3636 7.01187 18.3636 9.18182Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1818 11.9091C11.688 11.9091 12.9091 10.6881 12.9091 9.18183C12.9091 7.6756 11.688 6.45456 10.1818 6.45456C8.67559 6.45456 7.45454 7.6756 7.45454 9.18183C7.45454 10.6881 8.67559 11.9091 10.1818 11.9091Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}





/* EXECUÇÃO */
.menu-zuri-item li a[id*="ctl01_tabLink"]:before{
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 7L15 11L9 15V7Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* DETALHES */
.menu-zuri-item li a[id*="ctl02_tabLink"]:before{
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.8887 18.7779C14.7978 18.7779 18.7774 14.7982 18.7774 9.88894C18.7774 4.97971 14.7978 1 9.8887 1C4.9796 1 1 4.97971 1 9.88894C1 14.7982 4.9796 18.7779 9.8887 18.7779Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 21L16.1668 16.1666" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* HISTÓRICO */
.menu-zuri-item li a[id*="ctl03_tabLink"]:before{
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5V11L15 13" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* ANEXOS */
.menu-zuri-item li a[id*="ctl04_tabLink"]:before{
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6533 10.1292L11.2292 18.5533C10.1971 19.5854 8.79741 20.1651 7.33791 20.1651C5.87841 20.1651 4.47869 19.5854 3.44666 18.5533C2.41464 17.5213 1.83485 16.1216 1.83485 14.6621C1.83485 13.2026 2.41464 11.8029 3.44666 10.7708L11.8708 2.34666C12.5588 1.65865 13.492 1.27213 14.465 1.27213C15.438 1.27213 16.3711 1.65865 17.0592 2.34666C17.7472 3.03468 18.1337 3.96783 18.1337 4.94083C18.1337 5.91383 17.7472 6.84698 17.0592 7.535L8.62583 15.9592C8.28182 16.3032 7.81525 16.4964 7.32875 16.4964C6.84225 16.4964 6.37567 16.3032 6.03166 15.9592C5.68765 15.6152 5.49439 15.1486 5.49439 14.6621C5.49439 14.1756 5.68765 13.709 6.03166 13.365L13.8142 5.59166" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* MENSAGENS */
.menu-zuri-item li a[id*="ctl05_tabLink"]:before{
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 14.3333C21 14.9227 20.7659 15.4879 20.3491 15.9047C19.9324 16.3214 19.3671 16.5556 18.7778 16.5556H5.44444L1 21V3.22222C1 2.63285 1.23413 2.06762 1.65087 1.65087C2.06762 1.23413 2.63285 1 3.22222 1H18.7778C19.3671 1 19.9324 1.23413 20.3491 1.65087C20.7659 2.06762 21 2.63285 21 3.22222V14.3333Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* GPS */
.menu-zuri-item li a[id*="ctl06_tabLink"]:before{
  content: url('data:image/svg+xml; utf8, <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3636 9.18182C18.3636 15.5455 10.1818 21 10.1818 21C10.1818 21 2 15.5455 2 9.18182C2 7.01187 2.86201 4.93079 4.3964 3.3964C5.93079 1.86201 8.01186 1 10.1818 1C12.3518 1 14.4328 1.86201 15.9672 3.3964C17.5016 4.93079 18.3636 7.01187 18.3636 9.18182Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1818 11.9091C11.688 11.9091 12.9091 10.6881 12.9091 9.18183C12.9091 7.6756 11.688 6.45456 10.1818 6.45456C8.67559 6.45456 7.45454 7.6756 7.45454 9.18183C7.45454 10.6881 8.67559 11.9091 10.1818 11.9091Z" stroke="rgb(3, 17, 18)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}


.wfprocess-item.new-template-selected menu li a.active:after{
  display:none;
}

.wfprocess-item.new-template-selected menu li a,
.wfprocess-item.new-template-selected menu li a:hover, 
.wfprocess-item.new-template-selected menu li a.active{
  color: #1D2025 !important;
}

.wfprocess-item.new-template-selected main{
  padding:1em;
}

.wfprocess-item.new-template-selected .detalhe-item{
  width:100%;
  padding:1em;
}

.wfprocess-item.new-template-selected main #zuri-itemexec>div,
.wfprocess-item.new-template-selected .anexos{
  width:100%;
}

.textAreaDecisao {
  width: 100%;
}

.messageTabs{
  margin-top: 0;
  margin-bottom: 0;
}

.detalhe-info{
  display:grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap:16px !important;
}

.itemForm.info{
  width:100%;
  background:#fff;
  padding:12px 16px;
  border-radius:8px;
  /* border:1px solid #e5e7eb; */
  margin:0 !important;
}

.wfprocess-item.new-template-selected dl.decisions,
.itemForm.gestor-decisao{
  display: flex !important;
  justify-content: space-around;
}

.wfprocess-item.new-template-selected dl.decisions dd .decision{
  border-radius:8px !important;
  height:40px;
  padding:0 2em;
  width:100%;
  min-width: 18em !important;
  font-size:.9em;
}

.wfprocess-item.new-template-selected dl.decisions dd+dd{
  margin:0 !important;
}

.wfprocess-item.new-template-selected input[type=button].stylized, .wfprocess-item.new-template-selected input[type=submit].stylized, .wfprocess-item.new-template-selected input[type=reset].stylized, .wfprocess-item.new-template-selected button.stylized, .wfprocess-item.new-template-selected input.send, .wfprocess-item.new-template-selected input.btn_ProcessoPeq{
  background-color: #00ABF8 !important;
  border-radius:8px !important;
  height:40px;
  padding:0 2em;
  width:8em;
  min-width: 18em !important;
  font-size:.9em;
}

#zuri-itemexec .wf-form-web .form-actions.actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-around !important;
}

#zuri-itemexec .wf-form-web .form-actions.actions input[type=submit]:first-child:last-child{
  width: 18rem !important;
  background:#33BEFF !important;
  height: 40px;
  padding: 0px 20px !important;
}

.wfprocess-item.new-template-selected .detalhe-item .itemForm.info label{
  color: #6b7280 !important;
}

.wfprocess-item.new-template-selected .detalhe-item .itemForm.info>span{
  color: #1d2025 !important;
}

.campoItemForm{
  display:inline-block;
  padding:4px 0px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
}

/* BAIXA */
.wfprocess-item.new-template-selected .detalhe-item .itemForm.info>span.baixa{
  background:#16a34a;
  color:#ffffff !important;
  width:3.8em;
  padding:4px 10px;
}

/* MÉDIA */
.wfprocess-item.new-template-selected .detalhe-item .itemForm.info>span.media{
  background:#d97706;
  color:#ffffff !important;
  width:4em;
  padding:4px 10px;
}

/* ALTA */
.wfprocess-item.new-template-selected .detalhe-item .itemForm.info>span.alta{
  background:#ef4343;
  color:#ffffff !important;
  width:3.2em;
  padding:4px 10px;
}

.wfprocess-item.new-template-selected input[type=button].stylized.linkbutton, .wfprocess-item.new-template-selected input[type=submit].stylized.linkbutton, .wfprocess-item.new-template-selected input[type=reset].stylized.linkbutton, .wfprocess-item.new-template-selected button.stylized.linkbutton, .wfprocess-item.new-template-selected input.send.linkbutton, .wfprocess-item.new-template-selected input.btn_ProcessoPeq.linkbutton{
  color:#33beff !important;
}


.campoItemForm.status{
  display:inline-block;
  padding:4px 10px;
  border:solid 1px #e5e7eb;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  background:#ffffff;
  color:#1d2025 !important;
  width:6.5em;
}

.campoItemForm.estado-item,
.wfprocess-item.new-template-selected .detalhe-item .itemForm.info>span.estado-item{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  background:#33beff;
  color:#ffffff !important;
  width:8.5em;
}

.wfprocess-item.new-template-selected *:not(.datepick-month)>table:not(.rcMainTable,.rating,.table-observer,.table-reassign,.table-restart,.checkbox,.RadDockableObjectTitleBarLeft,.RadDockableObjectTitleBar,.RadDockableObjectResizeable,.RadDockingZone,.unstyled,.reLayoutWrapper,.reBottomTable):not([id*="UpLoad"])>tbody>tr:first-child>th, .wfprocess-item.new-template-selected *:not(.datepick-month)>table:not(.rcMainTable,.rating,.table-observer,.table-reassign,.table-restart,.checkbox,.RadDockableObjectTitleBarLeft,.RadDockableObjectTitleBar,.RadDockableObjectResizeable,.RadDockingZone,.unstyled,.reLayoutWrapper,.reBottomTable):not([id*="UpLoad"])>thead>tr:first-child>th, .wfprocess-item.new-template-selected *:not(.datepick-month)>table:not(.rcMainTable,.rating,.table-observer,.table-reassign,.table-restart,.checkbox,.RadDockableObjectTitleBarLeft,.RadDockableObjectTitleBar,.RadDockableObjectResizeable,.RadDockingZone,.unstyled,.reLayoutWrapper,.reBottomTable):not([id*="UpLoad"])>tfoot>tr:first-child>th{
  background-color: #ffffff !important;
  color: #1d2025 !important;
}

.wfprocess-item.new-template-selected *:not(.datepick-month)>table:not(.rcMainTable,.rating,.table-observer,.table-reassign,.table-restart,.checkbox,.RadDockableObjectTitleBarLeft,.RadDockableObjectTitleBar,.RadDockableObjectResizeable,.RadDockingZone,.unstyled,.reLayoutWrapper,.reBottomTable):not([id*="UpLoad"]):not(.subFormStyle)>tbody>tr.rgSelectedRow{
  background-color: #ffffff !important;
  color: #1d2025 !important;
}

/*
.wfprocess-item.new-template-selected div.messages{
  flex-direction: column-reverse !important;
}

.wfprocess-item.new-template-selected div.messages .message-list{
  width:100% !important;
}

.wfprocess-item.new-template-selected div.messages .new-message{
  width:100% !important;
}

.wfprocess-item.new-template-selected div.messages .message-list .chat .message{
  width:100%;
}
*/

.wfprocess-item.new-template-selected div.messages .message-list h2{
  margin-bottom:0;
}

.wfprocess-item.new-template-selected div.messages .message-list .chat .message.current{
  display:flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top:16px;
  border:solid 1px #e5e7eb;
  border-radius:12px;
  background-color: #ffffff;
  padding:1em;
  width:100%;
}

.wfprocess-item.new-template-selected div.messages .message-list .chat .message.current .content{
  margin:0 !important;
}

.wfprocess-item.new-template-selected div.messages .message-list .chat .message .to, 
.wfprocess-item.new-template-selected div.messages .message-list .chat .message .cc{
  color: #1d2025 !important;
}

.wfprocess-item.new-template-selected div.messages .message-list .chat .message p{
  color: #1d2025 !important;
}

.wfprocess-item.new-template-selected div.messages .message-list .chat .message time{
  color: #1d2025 !important;
  font-style: normal;
  font-size: 14px;
}

.wfprocess-item.new-template-selected div.messages .new-message .new-message-form>div>input[type=submit]{
  background-color: #00ABF8 !important;
}

.wfprocess-item.new-template-selected div.messages .new-message .new-message-form>div.subject, 
.wfprocess-item.new-template-selected div.messages .new-message .new-message-form>div.cc, 
.wfprocess-item.new-template-selected div.messages .new-message .new-message-form>div.to{
  margin:1em 0;
}

#collapsable-page.new-template [class*='sla']>div{
  padding: 0px 10px;
  border-radius: 999px;
  display: inline-block;
  border: 1px solid color-mix(in oklab, var(--sla-color) 35%, white);
  line-height: 18px;
}

#collapsable-page.new-template [class*='sla']>div:hover{
  background-color: color-mix(in oklab, var(--sla-color) 20%, white) !important;
}

#collapsable-page.new-template [class*='sla']>div>span{
  font-size: 12px;
  text-transform: lowercase;
}

.zuri-workspace.contAreaTrabalho .watabela-itens .rgMasterTable td select{
  min-width:14em;
}



  /* MOBILE */
@media (max-width: 768px){

  /* Modulo de Area de Trabalho */

  /* =========================
     ICONES (via ::before)
  ========================= */
  .zuri-workspace .listGroup.tabs ul.panel li a:before{
    content:"";
    width:32px;
    height:32px;
    margin-bottom:4px;
    margin-top:4px;
  
    background-size:contain;
    background-repeat:no-repeat;
  }
  
  /* LISTAGEM */
  .zuri-workspace .listGroup.tabs ul.panel li a[href*="Inbox"]:before{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='22 12 16 12 14 15 10 15 8 12 2 12'></polyline><path d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'></path></svg>");
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
  }
  
  /* MEUS ITENS */
  .zuri-workspace .listGroup.tabs ul.panel li a[href*="MyItems"]:before{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>");
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
  }
  
  /* ACOMPANHAMENTO */
  .zuri-workspace .listGroup.tabs ul.panel li a[href*="Outlook"]:before{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'></path><circle cx='12' cy='12' r='3'></circle></svg>");
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
  }

  /* UL vira uma linha horizontal */
  .zuri-workspace .listGroup.tabs ul.panel{
    grid-template-columns: repeat(3, 1fr);
    gap:8px;
  }

  /* LINK centralizado */
  .zuri-workspace .listGroup.tabs ul.panel li a{
    align-items:center;
    justify-content:center;
    padding:12px;
  }

  /* ESCONDER TEXTOS */
  .zuri-workspace .listGroup.tabs ul.panel li a span:first-child{
    display:none !important;
  }

  /* ICONE CENTRAL */
  .zuri-workspace ul.panel li a::before{
    margin:0;
    width:28px;
    height:28px;
  }

  .wfprocess-item.new-template-selected header.itemHeader .headerContent .headerInfo {
    display: flex !important;
  }

  .wfprocess-item.new-template-selected menu {
    display: flex !important;
  }

  .wfprocess-item.new-template-selected menu li a, 
  .wfprocess-item.new-template-selected menu li a:hover, 
  .wfprocess-item.new-template-selected menu li a.active{
    font-size: 0 !important;
  }

  .detalhe-info {
    grid-template-columns: repeat(2, 1fr);
  }

}