@charset "UTF-8";

:root {
    /* Primary Colors - Tons de Azul do Prime Antigo */
    --primary-color100: #EFF8FB;
    --primary-color200: #C1E4F0;
    --primary-color300: #90CFE4;
    --primary-color400: #63BCD9;
    --primary-color500: #32A6CD;
    --primary-color600: #2A8CAC;
    --primary-color700: #22718C;
    --primary-color800: #144352;
    --primary-color900: #0A2129;
    --main-primary-color: #00809F; /* main-color */
    /* Secondary Colors - Tons de Verde Pastel (Site da Eco) */
    /* Secondary 1 */
    --secondary-color-a-100: #EFFAF9;
    --secondary-color-a-200: #C4EDE8;
    --secondary-color-a-300: #96DFD5;
    --secondary-color-a-400: #6BD1C4;
    --secondary-color-a-500: #3CC3B1;
    --secondary-color-a-600: #309C8E;
    --secondary-color-a-700: #226D63;
    --secondary-color-a-800: #184E47;
    --secondary-color-a-900: #0C2723;
    /* Secondary 2 */
    --secondary-color-b-100: #EBF4FF;
    --secondary-color-b-200: #B3E8FF;
    --secondary-color-b-300: #75D6FF;
    --secondary-color-b-400: #3DC5FF;
    --secondary-color-b-500: #00B2FF;
    --secondary-color-b-600: #008FCC;
    --secondary-color-b-700: #006894;
    --secondary-color-b-800: #004766;
    --secondary-color-b-900: #002433;
    /* Grayscale */
    --white: #fff;
    --gray100: #F8F9FA;
    --gray200: #E9ECEF;
    --gray300: #DEE2E6;
    --gray400: #CED4DA;
    --gray500: #ADB5BD;
    --gray600: #6C757D;
    --gray700: #495057;
    --gray800: #343A40;
    --gray900: #212529;
    --black: #000;
    /* Complementar */
    --complementary01: #9E4C00;
    /* Cores de Destaque */
    --highlight-color01: #BEF272 /* verde de destaque - logo sistema (tom mais amarelo) */;
    --highlight-color02: #A3F268; /* verde de destaque - logo sistema (tom mais verde) */
    --highlight-color03: #B8336A; /* rosa de destaque */
    --highlight-color04: #C490D1; /* lilás de destaque */

    /* transparency: 100% - 80% - 64% - 56% - 40% - 24% - 16% - 8% - 4% */

    font-size: 62.5%; /* 10px */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 1.6rem;
    font-family: var(--font-main);
}

h2
{
    font-size: 17px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

a, img
{
    outline: none;
    text-decoration: none;
    border: 0;
}

.container {
    max-width: 1200px; /* antes, o Bootstrap limitava a 1140px */
    margin: auto; /* centralizar horizontalmente */
    margin-top: 10px;
    padding-bottom: 10px;
}

.nav
{
    width: 100%;
    float: left;
    display: block;
    clear: both;
}

.header {
    height: 49px; 
    background-image: linear-gradient(to bottom, var(--primary-color800), var(--main-primary-color));
    position: absolute;
    /*padding: .8rem 0px;*/
}

.brand {
    width: 200px;
    object-fit: contain;
}

.nome-unidade {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.6rem;
}

.usuario
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0px 20px;

}
.menu
{
    /*height: auto;
    width: auto;
    margin: 1px 280px 0px 0px;*/ /*A DIV DO BOTAO "MENU" ESTÁ ALINHADA A DIREITA DA TELA. MEXER NO ATRIBUTO "margin" PARA MOVER ESSA DIV E O BOTÃO */
    /*right: 0; 
    padding: 0;
    right: 0;
    z-index: 1000 !important;
    list-style: none;
    color: #fff;
    list-style: none;
    position: absolute;
    top: 0px;*/
}

.menu_novo,
.sub-menu {
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    overflow: hidden;
}

.clearfix:not(:hover) ul{	
  transition: all 0.0s;	
  transition-delay: 0.5s; /*O tempo de delay para o menu fechar*/
}

.paragrafo1 {
    color: #ff0000;
}

.menu_novo,
.sub-menu_novo {
    /*AQUI É O MENU PRINCIPAL */
    list-style: none;
    /*position:absolute;*/
    /*background-color: lightcyan;*/ /*LARANJA PADRAO rgba(255, 127, 39, 1);*/
    float: left;
    z-index: 1050;
    border-radius: 3px;
    animation-direction: normal;
}

.sub-menu_novo:first-child{
    margin-top: 4px;
}

.menu_novo a {
    text-decoration: none;
    display: block;
    padding: 4px; 
    font-family: Verdana;
    font-size: 12px;
    color: #fff; /*tirado por causa do azul claro*/
    font-weight: bold;
    border-radius: 3px;
    /*height: 16px;*/
}

    /*.menu_novo a:hover {
        color: var(--primary-color800);
    }*/

.menu_novo li {
    position: relative;
    /*background-color: rgba(200, 200, 255, 0.2);*/
}

.menu_novo > li {
    float: left;
}

    .menu_novo > li:hover {
        /*MENU PRINCIPAL APÓS CLICK*/
        background-color: var(--primary-color600);
        border-radius: 3px;
    }

    .menu_novo li:hover > .sub-menu_novo {
        /*COR DO FUNDO DO MENU INTEIRO EXCETO O BOTAO MENU*/
        visibility: visible;
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
        background-color: rgba(0, 128, 159, 0.9);
        color: white !important;
        padding-left: 0;
    }

.sub-menu_novo li:hover > .subsub-menu_novo {
    visibility: visible;
}


.sub-menu_novo {
    /*ESSE AQUI É O PRIMEIRO SUB-MENU*/
    visibility: hidden;
    position: absolute;
    min-width: 210px;
    background-color: rgba(0, 128, 159, 0.8);
}

.sub-menu_novo a {
    color: white;
}

.sub-menu_novo a:visited {
    color: white;
}

/*.sub-menu_novo a:visited:hover {
    color: black;
}*/

.sub-menu_novo li:hover {
    /*ESSA AQUI É A COR DE SELECAO DO MENU*/
    background-color: var(--primary-color400); /*lightcyan; /*rgba(255, 127, 39, 1);*/
    color: white;
}

.sub-menu_novo .sub-menu_novo {
    /*ESSE AQUI É O SUB MENU TODOS*/
    top: 0;
    right: 100%;
    float: inherit;
    transform: translate(0, 0);
    background-color: rgba(0, 128, 159, 1);
    min-width: 200px;
}

/*fim estilo para novo formato de menu*/


.div_botao_painel
{
    margin-right: 2.4rem;
}

    .div_botao_painel a{
        font-size: 12px!important;
    }

    .versao { /* classe não utilizada mais */
        height: auto;
        width: auto;
        padding: 0;
        float: left;
        z-index: 999999;
        list-style: none;
        color: #fff;
        list-style: none;
        position: absolute;
        top: 20px;
        left: 15px;
        font-size: 10px;
    }

.menu .detail
{
    width: 47px;
    height: 25px;
    float: left;
    padding: 12px 5px 0 15px;
    color: white;
    font-size: 10px;
    background: url(Images/ico-seta-branca.png) no-repeat 50px 17px;
}

div.RadMenu .rmGroup .rmText
{
    margin: 0 0 0 4px;
    padding: 3px 0 0 10px;
    font-size: 10px !important;
}

div.RadMenu_Metro ul.rmRootGroup, div.RadMenu_Metro div.rmRootGroup
{
    background: none;
    border: 0;
    height: 20px !important;
    padding-left: 20px;
}

div.RadMenu_Metro .rmHorizontal .rmItem
{
    padding: 0;
}

div.RadMenu_Metro .rmTemplate
{
    border: solid 10px #e1dddd;
    line-height: 15px;
}

.RadSiteMap_Metro
{
    width: 870px !important;

}

.rmSized {
	left: -60px;
	z-index: 8000;
	height: 15px !important;
}

.rmSlide
{
    left: -300px;
}

div.RadMenu_Metro .rsmItem, div.RadMenu_Metro .rsmLink
{
    color: Black !important;
}
div.RadMenu .rmItem
{
    position: static;
}

div.RadMenu_Metro .rmLink .rmText, div.RadMenu_Metro .rmFocused .rmText
{
    margin-top: 1px;
    line-height: 36px;
    color: #FFF !important;
    text-transform: capitalize;
}

div.RadMenu_Metro .rmLink:hover, div.RadMenu_Metro .rmFocused, div.RadMenu_Metro .rmSelected, div.RadMenu_Metro .rmExpanded
{
    background: transparent url('Img/RootBg.png') repeat-x 0 0;
}

/** html div.RadMenu_Metro .rmLink:hover, * html div.RadMenu_Metro .rmFocused, * html div.RadMenu_Metro .rmSelected, * html div.RadMenu_Metro .rmExpanded
{
    background: #FFF;
    filter: alpha(opacity=70);
}*/
div.RadMenu_Metro .rmLink
{
    border: 0 !important;
}

div.RadMenu_Metro .rmSelected .rmText, div.RadMenu_Metro .rmLink:hover .rmText, div.RadMenu_Metro .rmExpanded .rmText
{
    color: #555;
}

div.RadMenu_Metro .rmHorizontal .rmItem a.rmLink .rmText
{
    border: 0 none;
}

/* begin - menu rodapé esquerda */
#pnlLeftMenu.RadPanelBar_Metro .rpRootGroup .rpOut {
   
    background-color: var(--primary-color700);
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    color: var(--white);
}

    #pnlLeftMenu.RadPanelBar_Metro .rpRootGroup .rpOut:hover {
        background-color: var(--primary-color600);
    }

/* end - menu rodapé esquerda */

div.RadPanelBar_Metro .rpRootGroup .rpSlide .rpOut
{
    background: #fff;
}

div.RadPanelBar_Metro ul.rpRootGroup div.rpSlide span.rpOut:hover
{
    background-color: var(--secondary-color-a-400);
}

.sinaisvitaislabel
{
    font-weight: bold;
}

div.RadTabStrip_Metro .rtsLI, div.RadTabStrip_Metro .rtsSelected
{
    background: #b6d9e2;
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 12px !important;
    color: #333 !important;
    border: 0 !important;
    margin-bottom: 2px;
}
div.RadTabStrip_Metro .rtsIn
{
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 12px !important;
    color: #333 !important;
}

div.RadTabStrip_Metro .rtsLink
{
    border: 0 !important;
}

div.RadPanelBar_Metro .rpRootGroup .rpOut {
    background: var(--primary-color500);
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    /*color: var(--gray900);*/
    color: var(--white);
}

.AreaEsquerda .RadPanelBar .rpText {
    padding: 0 0 0 4px;
}

div.RadPanelBar .rpText {
    font-size: 1.3rem;
}

.soapContainer div.RadPanelBar .rpText {
    font-size: 1.4rem;
}

div.top-left-pane{
    /*height: auto!important*/
}

div.RadPanelBar_Metro .rpRootGroup .rpOut:hover {
    background-color: var(--primary-color600);
}
div.RadPanelBar_Metro .rpRootGroup .rpItem
{
    /*margin: 0 0 2px 0;*/
}

div.RadPanelBar_Metro a.rpSelected {
    background-color: var(--secondary-color-a-500);
}

div.RadPanelBar_Metro .rpRootGroup .rpSlide .rpOut /* conteúdo textual dentro do <li> do menu expansível */ {
    background: var(--white);
    color: var(--gray800);
}

    div.RadPanelBar_Metro .rpRootGroup .rpSlide .rpOut b {
        color: var(--primary-color700);
    }

    div.RadPanelBar_Metro .rpRootGroup .rpSlide .rpOut:hover {
        background-color: #d8e5ec;
    }

.sinaisvitaislabel
{
    font-weight: bold;
}

div.RadTabStrip_Metro .rtsLI, div.RadTabStrip_Metro .rtsSelected
{
    background: #b6d9e2;
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 12px !important;
    color: #333 !important;
    border: 0 !important;
    margin-bottom: 2px;
}
div.RadTabStrip_Metro .rtsIn
{
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 12px !important;
    color: #333 !important;
}

div.RadTabStrip_Metro .rtsLink
{
    border: 0 !important;
}

/* begin RadGrid - Tabelas */

.RadGrid_Metro
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}
.RadGrid_Metro thead tr
{
    /*background: #b6d9e2 !important;*/
    background-color: var(--primary-color700);
    color: var(--white)
}
    .RadGrid_Metro .rgMasterTable thead tr th.rgHeader {
        /*background: #b6d9e2 !important;*/
        background-color: var(--primary-color600);
        color: var(--white) !important;
        /*font-weight: 600; */
        /*letter-spacing: 0.2px;*/
        text-align: center;
        word-break: normal;
    }

    .RadGrid_Metro .rgMasterTable{
        border: 1px solid var(--primary-color700);
        box-shadow: 0 0 4px rgb(0 0 0 / 0.40);
    }

    .RadGrid_Metro .rgMasterTable .rgAltRow {
        background-color: var(--primary-color200);
    }

    .RadGrid_Metro .rgMasterTable .rgRow {
        background-color: var(--primary-color100);
    }

    .RadGrid_Metro .rgHeader {
        color: Black !important;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
    }

    div.RadGrid_Metro .rgHoveredRow .rgSorted,
    div.RadGrid_Metro .rgHoveredRow td {
        background-color: var(--secondary-color-a-400);
        color: var(--white);
    }

    div.RadGrid_Metro .rgHoveredRow .rgSorted,
    div.RadGrid_Metro .rgHoveredRow td{
        border-color: var(--gray500);
    }

    div.RadGrid_Metro .rgMasterTable .rgSelectedRow {
        background-color: var(--secondary-color-a-400);
    }

    div.RadGrid_Metro .rgHeader a,
    div.RadGrid_Metro th.rgSorted a {
        color: var(--highlight-color01);
    }

        div.RadGrid_Metro .rgHeader a:hover,
        div.RadGrid_Metro th.rgSorted a:hover {
            color: var(--white);
        }

div.RadGrid th.rgHeader,
div.RadGrid td {
    padding-left: 4px;
    padding-right: 4px;
}

div.RadGrid_Metro th.rgHeader:first-child {
    border-left: none;
}

tr.rgRow a img {
    height: 2rem;
}

tr.rgAltRow a img{
    height: 2rem;
}

/* centraliznado dados da tabela */
tr.rgRow td,
tr.rgAltRow td,
th th.rgHeader {
    text-align: center;
}
/* */

div.RadGrid input[type="image"]{
    height: 2rem;
}

tr.rgRow:has(.table-responsive:hover),
tr.rgAltRow:has(.table-responsive:hover) {
    background-color: var(--secondary-color-a-400);
}

.RadGrid.RadGrid_Metro input[type=image]:not(.imgCinza):hover,
.RadGrid.RadGrid_Metro tr.rgRow a img:not(.imgCinza):hover,
.rgMasterTable input[type=image]:not(.imgCinza):hover,
.img-hover:hover
{
    /*opacity: 0.8;*/
    /*filter: invert(0.25);*/
    filter: saturate(2);
    cursor: pointer;
}

.rgMasterTable input[type=image].imgCinza:hover {
    opacity: 0.7;
    
}

/* end RadGrid - Tabelas */
.menuGroup {
    width: 154px;
    height: auto;
    min-height: 220px;
    float: left;
    padding: 0 9px 0 10px;
    margin: 10px 40px 0 0 !important;
}
.menuGroup h2
{
    width: 154px;
    height: 25px;
    float: left;
    overflow: hidden;
    border-bottom: solid 1px #dddddd;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    color: #555555;
    line-height: 15px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

/*.subnivel {width:100%; margin:0; padding:5px 0 10px 0; position:absolute; top:38px; left:50%; z-index:999; min-height:auto; display:none; border:solid 10px #e1dddd; background:#fff; }*/
.subnivel
{
    float: left;
    left: 100px !important;
    padding-left: 5px !important;

}
.subnivel li
{
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    display: block;
    height: auto;
    width: auto;
    padding-left: 5px !important;
}
.subnivel li a
{
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
}

.itemSecao
{
    float: left;
}

.itemSecao1,  .itemSecao1 ul, .itemSecao1 ul li a
{
    width: 110px;
    padding-left:0px !important;
    
}
.itemSecao1 h2
{
    padding-left:10px !important;
    width: 90px !important;
}

.itemSecao2,  .itemSecao2 ul, .itemSecao2 ul li a
{
    width: 205px;
    padding-left:0px !important;
}

.itemSecao2 h2
{
    padding-left:10px !important;
    width: 190px !important;
}

.itemSecao3,  .itemSecao3 ul, .itemSecao3 ul li a
{
    width: 290px;
    padding-left:0px !important;
}

.itemSecao3 h2
{
    padding-left:10px !important;
    width: 290px !important;
}

.item
{
    height: auto;
    float: left;
    padding: 0 5px 0 10px;
    margin: 10px 5px 0 0 !important;
}
.item h2
{
    height: 20px;
    float: left;
    overflow: hidden;
    border-bottom: solid 1px #dddddd;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    color: #555555;
    line-height: 15px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
.item ul
{
    padding: 0;
    margin: 0;
}
.item ul li a
{
    height: auto;
    text-align: left;
    margin: 0;
    float: left;
    padding: 0px 0px 0px 0px;
}
.item ul li a:hover
{
    text-decoration: none;
    background: #d8e5ec;
}

.itemCadastro
{
    height: auto;
    float: left;
    padding: 0 5px 0 10px;
    margin: 10px 5px 0 0 !important;
}
.itemCadastro h2
{
    height: 20px;
    float: left;
    overflow: hidden;
    border-bottom: solid 1px #dddddd;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    color: #555555;
    line-height: 15px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
.itemCadastro ul
{
    padding: 0;
    margin: 0;
}
.itemCadastro ul li a
{
    height: auto;
    text-align: left;
    margin: 0;
    float: left;
    padding: 0px 0px 0px 0px;
}
.itemCadastro ul li a:hover
{
    text-decoration: none;
    background: #d8e5ec;
}

.item.duplo
{
    width: 430px;
    height: auto;
    min-height: 220px;
    float: left;
    padding: 0 9px 0 10px;
    margin: 10px 40px 0 0 !important;
    padding-left:0px !important;
}
.item.duplo h2
{
    width: 430px;
    height: 20px;
    float: left;
    padding-left:10px !important;
    overflow: hidden;
    border-bottom: solid 1px #dddddd;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    color: #555555;
    line-height: 15px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
.item.duplo ul
{
    padding: 0;
    margin: 0 5px 0 0;
    float: left;
}
.item.duplo ul.last
{
    margin: 0;
}

.item.duplo ul li a
{
    width: 199px;
    height: auto;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0px 0px 0px 0px;
}

.itemDisable
{
    color: #e1dddd;
}

div.RadPanelBar_Metro .rpRootGroup .rpDisabled .rpOut {
    background-color: var(--gray400);
    color: var(--gray900);
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    opacity: .6;
}

div.RadComboBox_Metro{
    border: 1px solid var(--gray500) !important;
    border-radius: 4px !important;
    margin-bottom: 8px;
}

div.RadComboBox{
    margin-bottom: 8px;
}

div.RadComboBox.RadComboBox_Metro table.rcbFocused,
div.RadComboBox.RadComboBox_Metro table.rcbHovered {
    border-collapse: unset !important;
    border-spacing: 0;
}

div.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell {
    background-color: var(--primary-color500);
    border-color: var(--primary-color500);
}

div.RadComboBox_Metro .rcbFocused .rcbArrowCell {
    background-color: var(--primary-color500);
    border-color: var(--primary-color500);
}

div.RadComboBoxDropDown_Metro li.rcbHovered{
    color: var(--gray900);
    background-color: var(--primary-color200);
}

.label_consulta_avancada {
    font-weight: 600;
    color: var(--primary-color600);
    font-size: 1.3rem;
}

.RadSplitter_Metro {
    font-size: 13px;
}

span.RadInput_Metro {
    border: none;
    margin-right: 8px;
}

html body .RadInput_Metro .riEmpty{
    color: var(--gray500)!important
}

html body .riSingle .riTextBox[type="text"],
.main-input{
    border: 1px solid var(--gray500);
    border-radius: 4px;
    margin-bottom: 8px !important;
    height: 25px;
    font-size: 1.3rem;
    color: var(--gray900);
    padding: 2px 5px;
}

    html body .riSingle .riTextBox[type="text"]::placeholder,
    .main-input::placeholder{
        color: var(--gray500);
    }

textarea {
    border: 1px solid var(--gray500);
    border-radius: 4px;
    font-size: 1.3rem;
    color: var(--gray900);
    padding: 2px 5px;
}

    textarea:focus-visible {
        outline: 2px solid var(--primary-color300) !important;
    }


    /* begin RadComboBox */
    html body .riSingle .riTextBox[type="text"]:focus-visible,
    .main-input:focus-visible,
    .RadComboBox .rcbFocused {
        outline: 2px solid var(--primary-color300);
    }

.RadComboBox .rcbHovered,
.RadComboBox .rcbFocused {
    border: 1px solid var(--primary-color300);
    border-radius: 4px;
}

    /*.RadComboBox .rcbHovered .rcbReadOnly,
    .RadComboBox .rcbFocused .rcbReadOnly {
        border: 1px solid var(--primary-color300);
    }*/

.RadComboBox .rcbHovered {
    outline: 1px solid var(--primary-color300) !important;
}

div.user {
    background-color: rgb(255 255 255 / 0.24);
    border-radius: 4px;
}

div.user .RadComboBox .rcbHovered {
    border: none;
    outline: none !important;
}

div.user div.RadComboBox .rcbReadOnly{
    border: none;
}

div.user .RadComboBox .rcbFocused {
    border: none;
    outline: none;
}

div.RadComboBox_Metro table td.rcbInputCell {
    border: none;
}

div.RadComboBox table td.rcbInputCell{
    border-radius: 4px 0 0 4px;
    border: none;
}

div.RadComboBox table{
    border-radius: 4px;
    overflow: hidden;
}

div.RadComboBox_Vista {
    /*border: 1px solid var(--gray500) !important;*/
    border-radius: 4px !important;
    /*margin-bottom: 8px;*/
}

div.RadComboBox_Vista .rcbInputCell{
    background-image: none;
    background-color: var(--white);
    /*border: 1px solid var(--gray500)!important;*/
}

div.RadComboBoxDropDown_Vista .rcbHovered {
    color: var(--primary-color800);
    background-color: var(--primary-color200);
}
div.RadComboBox_Vista .rcbReadOnly .rcbArrowCellRight {
    border: 1px solid var(--primary500);
    border-radius: 0 4px 4px 0;
}

div.RadComboBox_Vista .rcbArrowCell{
    border: 1px solid var(--primary500)!important;
    border-radius: 0 4px 4px 0!important;
    background-image: none!important;
    background-position: center center!important;
    background-repeat: no-repeat;
    background-size: contain;
}

div.RadComboBox_Vista .rcbReadOnly .rcbArrowCellRight {
    border: 1px solid var(--primary500) !important;
    border-radius: 0 4px 4px 0 !important;
}

    div.RadComboBox .rcbArrowCell a,
    div.RadComboBox_Vista .rcbReadOnly .rcbArrowCellRight a {
        background-image: url('./Images/Icones/novos/arrow-down-branco.png');
        background-position: center center !important;
        background-repeat: no-repeat;
        background-size: 12px;
        border: 1px solid var(--main-primary-color);
        border-radius: 0 4px 4px 0;
        /*border-left-width: 0;*/
        background-color: var(--main-primary-color)
    }

        div.RadComboBox .rcbArrowCell a:hover,
        div.RadComboBox_Vista .rcbReadOnly .rcbArrowCellRight a:hover {
            background-color: var(--primary-color500);
            border: 1px solid var(--primary-color500);
        }

        div.RadComboBox:hover .rcbArrowCell a,
        div.RadComboBox_Vista:hover .rcbReadOnly .rcbArrowCellRight a {
            background-color: var(--primary-color500);
            border: 1px solid var(--primary-color500);
        }

        /* quando estiver Disabled */
        div.RadComboBox .rcbDisabled .rcbArrowCell a:hover,
        div.RadComboBox_Vista .rcbDisabled .rcbArrowCellRight a:hover {
            background-color: var(--main-primary-color);
            border: 1px solid var(--primary-color500);
            cursor: default;
        }

        div.RadComboBox:hover .rcbDisabled .rcbArrowCell a,
        div.RadComboBox_Vista:hover .rcbDisabled .rcbArrowCellRight a {
            background-color: var(--main-primary-color);
            border: 1px solid var(--primary-color500);
            cursor: default;
        }
        /* */
        div.RadComboBoxDropDown .rcbList img {
            margin-right: 8px !important;
        }

        /* Aplicando Flex para alinhar rcbInputCellLeft e rcbArrowCellRight verticalmente */

        div.RadComboBox tbody:has(.rcbReadOnly) {
            display: flex
        }

        div.RadComboBox .rcbReadOnly
        {
            display: flex;
            align-items: center;
            border-radius: 4px;
            flex-grow: 1
        }

        div.RadComboBox_Vista .rcbReadOnly {
            display: flex;
            align-items: center;
            border: 1px solid var(--gray500);
            border-radius: 4px;
        }

            div.RadComboBox .rcbReadOnly .rcbInputCell.rcbInputCellLeft,
            div.RadComboBox_Vista .rcbReadOnly .rcbInputCell.rcbInputCellLeft {
                height: 24px;
            }

/* end RadComboBox */
        .LinkButtonLogo {
            width: auto;
            height: 27px;
            float: left;
            padding-top: 3px;
            padding-left: 3px;
            padding-bottom: 0px;
            padding-right: 0px;
            margin: 0;
            font-size: 12px !important;
            color: #fff;
            text-decoration: none;
            font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
        }

.LinkButtonLogo:hover {
    text-decoration: underline;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
}

.divLocalAtendimento {
    height: auto;
    width: auto;
    margin: 0px 320px 0px 0px;
    right: 0;
    padding-bottom: 5px;
    z-index: 1000 !important;
    list-style: none;
    color: #fff;
    list-style: none;
    position: absolute;
    top: 0px;
    background-color: transparent;
    max-width: 250px;
    text-overflow: clip;
    overflow: hidden;
}

/** RadComboBox Item Template styles */
.rcbTemplate {
    padding: 5px 5px 5px 5px !important;
    border: 0 !important;
    border-bottom: 1px solid #cccccc !important;
    *zoom: 1;
}

    .rcbTemplate:after {
        content: "";
        height: 0;
        clear: both;
        display: block;
    }

    .rcbTemplate .imageWrap {
        margin: 0 0 0 -85px;
        float: left;
    }

        .rcbTemplate .imageWrap img {
            width: 65px;
            height: 80px;
            border-radius: 15px;
            border: 1px solid #ccc;
        }

    .rcbTemplate .detalhesItem {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rcbTemplate .textoItem {
        font-weight: bold;
    }

    .rcbTemplate .infoItem {
        font-size: smaller;
    }
/** Fim RadComboBox Item Template styles */