@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700'); /************************************* Padrão *************************************/ .tema_4f9b1505333878234 .navbar { background-color:#c48aff!important} .tema_4f9b1505333878234 .navbar .nav > li > a, .tema_4f9b1505333878234 .navbar .nav > li > a:hover, .tema_4f9b1505333878234 .navbar .nav > li > a:focus, .tema_4f9b1505333878234 .flaty-nav > li > a > [class*='fa-'], .tema_4f9b1505333878234 .navbar .navbar-brand { color:#ffffff!important} .tema_4f9b1505333878234 .flaty-nav > li > a > .badge { border-color:#c48aff!important} .tema_4f9b1505333878234 .flaty-nav > li.open > a > .badge, .tema_4f9b1505333878234 .flaty-nav > li:hover > a > .badge { border-color:#b275ef!important} .tema_4f9b1505333878234 .navbar-btn, .tema_4f9b1505333878234 .navbar-btn:hover, .tema_4f9b1505333878234 .navbar-btn:focus, .tema_4f9b1505333878234 .navbar-btn.collapsed:hover, .tema_4f9b1505333878234 .navbar-btn.collapsed:focus, .tema_4f9b1505333878234 .flaty-nav > li.open, .tema_4f9b1505333878234 .flaty-nav > li.active, .tema_4f9b1505333878234 .flaty-nav > li:hover, .tema_4f9b1505333878234 .dropdown-navbar > li.nav-header, .tema_4f9b1505333878234 .dropdown-navbar > li.nav-header:hover { background-color:#b275ef!important} .tema_4f9b1505333878234 .dropdown-navbar > li.nav-header:hover { background-color:#b275ef!important} .tema_4f9b1505333878234 .dropdown-navbar > li.nav-header, .tema_4f9b1505333878234 .flaty-nav .dropdown-toggle:hover, .tema_4f9b1505333878234 .flaty-nav .dropdown-toggle:hover > [class*='fa-'], .tema_4f9b1505333878234 .flaty-nav > .open > .dropdown-toggle, .tema_4f9b1505333878234 .flaty-nav > .open > .dropdown-toggle > [class*='fa-'], .tema_4f9b1505333878234 .flaty-nav > li > a:hover > [class*='fa-'], .tema_4f9b1505333878234 .flaty-nav > li > a:focus > [class*='fa-'], .tema_4f9b1505333878234 .flaty-nav > li.active > a > [class*='fa-'] { color:#ffffff!important} .tema_4f9b1505333878234 #main-content { background:none!important} .tema_4f9b1505333878234 .nav-list > li.active > a:after { border-right-color:none!important} .tema_4f9b1505333878234 .page-title > div h1 { color:#393939!important} .tema_4f9b1505333878234 .page-title > div h4 { color:#999999!important} .tema_4f9b1505333878234 .breadcrumb, .tema_4f9b1505333878234 #main-content > footer{ background-color:#ffffff!important} .tema_4f9b1505333878234 .breadcrumb a, .tema_4f9b1505333878234 #main-content > footer a { color:#999999!important} .tema_4f9b1505333878234 .breadcrumb, .tema_4f9b1505333878234 .breadcrumb li.active, .tema_4f9b1505333878234 #main-content > footer, .tema_4f9b1505333878234 #main-content > footer *:not(a) { color:#999999!important} .tema_4f9b1505333878234 .box > .box-title { background:none!important} .tema_4f9b1505333878234 .box > .box-title h3, .tema_4f9b1505333878234 .box > .box-title h4, .tema_4f9b1505333878234 .box > .box-title h5, .tema_4f9b1505333878234 .box > .box-title .box-tool > a { color:#333333!important} .tema_4f9b1505333878234 #abas-canais .box > .box-title h3, .tema_4f9b1505333878234 #abas-canais .box > .box-title h4, .tema_4f9b1505333878234 #abas-canais .box > .box-title h5, .tema_4f9b1505333878234 #abas-canais .box > .box-title .box-tool > a { color:#ffffff!important }.tema_4f9b1505333878234 .box > .box-title { text-shadow: none!important} .tema_4f9b1505333878234 #abas-canais .box > .box-title { text-shadow: none!important }.tema_4f9b1505333878234 #sidebar:before, .tema_4f9b1505333878234 .nav-list .search-form, .tema_4f9b1505333878234 .nav-list .search-pan input, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li > a, .tema_4f9b1505333878234 .nav-list > li > a { background-color:#a858fa!important} .tema_4f9b1505333878234 .nav-list > li > a, .tema_4f9b1505333878234 .nav-list > li > a .arrow { color:#ffffff!important} .tema_4f9b1505333878234 .nav-list .search-form:hover, .tema_4f9b1505333878234 .nav-list .search-form:hover .search-pan input, .tema_4f9b1505333878234 .nav-list > li.open > a, .tema_4f9b1505333878234 .nav-list > li.active > a, .tema_4f9b1505333878234 .nav-list > li.active > a:hover, .tema_4f9b1505333878234 .nav-list > li.active > a:focus, .tema_4f9b1505333878234 .nav-list > li.active > a:active, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li > a:hover, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li > a:focus, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li.open > a, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li.active > a, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li.active > a:hover, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li.active > a:focus, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li.active > a:active, .tema_4f9b1505333878234 #sidebar-collapse > [class*='fa-']:hover, .tema_4f9b1505333878234 .sidebar-collapsed .nav-list > li:hover > a, .tema_4f9b1505333878234 .sidebar-collapsed .nav-list .search-pan input, .tema_4f9b1505333878234 .sidebar-collapsed .nav-list > li > a > span { background-color:#8440c9!important} .tema_4f9b1505333878234 .nav-list > li > a:focus, .tema_4f9b1505333878234 .nav-list > li > a:hover { background-color:#8440c9!important} .tema_4f9b1505333878234 .nav-list > li.open > a, .tema_4f9b1505333878234 .nav-list > li > a:hover, .tema_4f9b1505333878234 .nav-list > li > a:focus, .tema_4f9b1505333878234 .nav-list > li.active > a, .tema_4f9b1505333878234 .nav-list > li > a:hover .arrow, .tema_4f9b1505333878234 .nav-list > li.active > a .arrow, .tema_4f9b1505333878234 .nav-list > li.open > a .arrow, .tema_4f9b1505333878234 .nav-list > li > a:focus .arrow, .tema_4f9b1505333878234 .sidebar-collapsed .nav-list > li:hover > a { color:#ffffff!important} .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-menu, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover, .tema_4f9b1505333878234 .nav-list > li .submenu { background-color:#b36ff8!important} .tema_4f9b1505333878234 .nav-list > li .submenu > li > a, .tema_4f9b1505333878234 .nav-list > li .submenu > li > span, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li > a { color:#ffffff!important} .tema_4f9b1505333878234 .nav-list > li .submenu > li:before, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li:before, .tema_4f9b1505333878234 .nav-list > li .submenu > li:after, .tema_4f9b1505333878234 .nav-list > li .submenu > li:after {border-color: #ffffff!important}.tema_4f9b1505333878234 #sidebar-collapse > [class*='fa-'], .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li > a:focus, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li > a:hover, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li.active > a, .tema_4f9b1505333878234 .nav-list > li .submenu > li > a:focus, .tema_4f9b1505333878234 .nav-list > li .submenu > li > a:hover, .tema_4f9b1505333878234 .nav-list > li .submenu > li.active > a { background-color:#ab61f6!important} .tema_4f9b1505333878234 #sidebar-collapse > [class*='fa-'], .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_4f9b1505333878234 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li > a:focus, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li > a:hover, .tema_4f9b1505333878234 .nav-list > li .submenu > li > ul > li.active > a, .tema_4f9b1505333878234 .nav-list > li .submenu > li > a:focus, .tema_4f9b1505333878234 .nav-list > li .submenu > li > a:hover, .tema_4f9b1505333878234 .nav-list > li .submenu > li.active > a { color:#ffffff!important} .tema_4f9b1505333878234 .nav-list > li .submenu > li:hover:before, .tema_4f9b1505333878234 .nav-list > li .submenu > li:hover:after, .tema_4f9b1505333878234 .nav-list > li .submenu > li.active:before, .tema_4f9b1505333878234 .nav-list > li .submenu > li.active:after { border-color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-primary { background-color:#0090ff!important} .tema_4f9b1505333878234 .btn.btn-primary { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-primary:hover, .tema_4f9b1505333878234 .btn.btn-primary.active, .tema_4f9b1505333878234 .btn.btn-primary:active { background-color:#017cdb!important} .tema_4f9b1505333878234 .btn.btn-primary:hover, .tema_4f9b1505333878234 .btn.btn-primary.active, .tema_4f9b1505333878234 .btn.btn-primary:active { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-info { background-color:#5ab4da!important} .tema_4f9b1505333878234 .btn.btn-info { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-info:hover, .tema_4f9b1505333878234 .btn.btn-info.active, .tema_4f9b1505333878234 .btn.btn-info:active { background-color:#50a1c3!important} .tema_4f9b1505333878234 .btn.btn-info:hover, .tema_4f9b1505333878234 .btn.btn-info.active, .tema_4f9b1505333878234 .btn.btn-info:active { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-warning { background-color:#ff863d!important} .tema_4f9b1505333878234 .btn.btn-warning { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-warning:hover, .tema_4f9b1505333878234 .btn.btn-warning.active, .tema_4f9b1505333878234 .btn.btn-warning:active { background-color:#fe6c14!important} .tema_4f9b1505333878234 .btn.btn-warning:hover, .tema_4f9b1505333878234 .btn.btn-warning.active, .tema_4f9b1505333878234 .btn.btn-warning:active { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-danger { background-color:#d64d4d!important} .tema_4f9b1505333878234 .btn.btn-danger { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-danger:hover, .tema_4f9b1505333878234 .btn.btn-danger.active, .tema_4f9b1505333878234 .btn.btn-danger:active { background-color:#b03e3e!important} .tema_4f9b1505333878234 .btn.btn-danger:hover, .tema_4f9b1505333878234 .btn.btn-danger.active, .tema_4f9b1505333878234 .btn.btn-danger:active { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-inverse { background-color:#595959!important} .tema_4f9b1505333878234 .btn.btn-inverse { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-inverse:hover, .tema_4f9b1505333878234 .btn.btn-inverse.active, .tema_4f9b1505333878234 .btn.btn-inverse:active { background-color:#444444!important} .tema_4f9b1505333878234 .btn.btn-inverse:hover, .tema_4f9b1505333878234 .btn.btn-inverse.active, .tema_4f9b1505333878234 .btn.btn-inverse:active { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-success { background-color:#15b74e!important} .tema_4f9b1505333878234 .btn.btn-success { color:#ffffff!important} .tema_4f9b1505333878234 .btn.btn-success:hover, .tema_4f9b1505333878234 .btn.btn-success.active, .tema_4f9b1505333878234 .btn.btn-success:active { background-color:#11943f!important} .tema_4f9b1505333878234 .btn.btn-success:hover, .tema_4f9b1505333878234 .btn.btn-success.active, .tema_4f9b1505333878234 .btn.btn-success:active { color:#ffffff!important} .tema_4f9b1505333878234 .btn-tema, .tema_4f9b1505333878234 .btn.btn-tema, .tema_4f9b1505333878234 .label-tema { border-color:#017cdb!important; background-color:#017cdb!important} .tema_4f9b1505333878234 .btn-to-tema:hover, .tema_4f9b1505333878234 .btn.btn-to-tema:hover { border-color:#017cdb!important; background-color:#017cdb!important} .tema_4f9b1505333878234 .dropdown-tema li a:hover, .tema_4f9b1505333878234 .dropdown-tema li:hover {background-color:#017cdb!important; color:#fff!important} .tema_4f9b1505333878234 .btn-tema, .tema_4f9b1505333878234 .btn.btn-tema, .tema_4f9b1505333878234 .label-tema { color:#ffffff!important} .tema_4f9b1505333878234 .btn-to-tema:hover, .tema_4f9b1505333878234 .btn.btn-tema:hover { color:#ffffff!important} .tema_4f9b1505333878234 .btn-tema:hover, .tema_4f9b1505333878234 .btn.btn-tema:hover, .tema_4f9b1505333878234 .btn.btn-tema.active, .tema_4f9b1505333878234 .btn.btn-tema:active { background-color:#0090ff!important} .tema_4f9b1505333878234 .btn-tema:hover,.tema_4f9b1505333878234 .btn.btn-tema:hover, .tema_4f9b1505333878234 .btn.btn-tema.active { color:#ffffff!important} .tema_4f9b1505333878234.login-page .box-login, .tema_4f9b1505333878234.login-page #form-login, .tema_4f9b1505333878234.login-page #form-forgot { background-color:#731a8a!important} .tema_4f9b1505333878234.login-page #form-login .input-icon i, .tema_4f9b1505333878234.login-page #form-forgot .input-icon i, .tema_4f9b1505333878234.login-page #form-login button:hover, .tema_4f9b1505333878234.login-page #form-login button:active, .tema_4f9b1505333878234.login-page #form-login button:visited, .tema_4f9b1505333878234.login-page #form-login button:focus, .tema_4f9b1505333878234.login-page #form-forgot button:hover, .tema_4f9b1505333878234.login-page #form-forgot button:active, .tema_4f9b1505333878234.login-page #form-forgot button:visited, .tema_4f9b1505333878234.login-page #form-forgot button:focus {color:#731a8a!important} /********************************** PRINCIPAL **********************************/ @font-face { font-family: 'Bion Sans'; font-weight: 100; src: url("../../fonts/clientes/padrao/bionsans/bionsans-extralight.otf") format("opentype"); } @font-face { font-family: 'Bion Sans'; font-weight: 200; src: url("../../fonts/clientes/padrao/bionsans/bionsans-light.otf") format("opentype"); } @font-face { font-family: 'Bion Sans'; font-style: normal; font-weight: 300; src: url("../../fonts/clientes/padrao/bionsans/bionsans-regular.otf") format("opentype"); } @font-face { font-family: 'Bion Sans'; font-weight: 400; src: url("../../fonts/clientes/padrao/bionsans/bionsans-semibold.otf") format("opentype"); } @font-face { font-family: 'Bion Sans'; font-weight: 700; src: url("../../fonts/clientes/padrao/bionsans/bionsans-bold.otf") format("opentype"); } @font-face { font-family: 'Bion Sans'; font-weight: 900; src: url("../../fonts/clientes/padrao/bionsans/bionsans-extrabold.otf") format("opentype"); } .tema_4f9b1505333878234 .painel_chat .btn-padrao { letter-spacing: 1px; line-height:1.42857; padding:10px 20px!important; text-transform: uppercase; margin: 5px auto; font-family: "Bion Sans", Cursive; font-weight: 100; font-size:1.2em; } .tema_4f9b1505333878234 .painel_chat .modal-content { font-family:"Bion Sans", Cursive; font-weight:300; } .tema_4f9b1505333878234 .painel_chat .modal-content *:not(i) { font-family:"Bion Sans", Cursive; font-weight:300; } /********************************** BOXES **********************************/ .tema_4f9b1505333878234 .painel_chat .box-title { display: block; margin-top:0px; padding:0!important } .tema_4f9b1505333878234 .painel_chat .box-title h3 { font-family:"Bion Sans", Cursive!important; font-weight:300!important; letter-spacing:2px; margin-bottom: 2px!important; margin-left:5px!important; font-size:1.2em!important; text-transform: uppercase!important; } .tema_4f9b1505333878234 .painel_chat .box-title i { font-size:1.5em; top:-5px!important; position:relative; } .tema_4f9b1505333878234 .painel_chat div:not(.div-pesquisa) > .box-title i { transform: scale(-1,1); } .tema_4f9b1505333878234 .painel_chat .box-content { background: rgba(0, 0, 0, .075); } /********************************** ALERTAS **********************************/ .tema_4f9b1505333878234 .painel_chat .alert { font-family: "Bion Sans", Cursive!important; font-weight:200; font-size:1em; } .tema_4f9b1505333878234 .painel_chat .well { background-color:#fff!important; font-family: "Bion Sans", Cursive!important; font-weight:300; margin-bottom:5px; border:0!important; font-size:1em; } /********************************** TOPO **********************************/ .tema_4f9b1505333878234 .painel_chat .row-topo > div { padding:0 10px; } .tema_4f9b1505333878234 .painel_chat .logochat { padding-bottom:2px; } /********************************** LOGIN **********************************/ .tema_4f9b1505333878234 .painel_chat .div-login input { font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 200; font-size: 1.15em; color: #333; padding-top:8px; } .tema_4f9b1505333878234 .painel_chat .div-login select { font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 200; font-size: 1.15em; color: #333; padding-top:8px; } .tema_4f9b1505333878234 .painel_chat .div-login label { font-family: "Bion Sans", Cursive; font-size:1.15em; font-weight: 300; letter-spacing: 1px; padding-bottom: 0px; margin-bottom:5px; } .tema_4f9b1505333878234 .painel_chat .div-login label:not(.error) { text-transform: uppercase; } .tema_4f9b1505333878234 .painel_chat .div-login .well-alert { font-size:1.1em; font-weight:200; letter-spacing: 1px; } .tema_4f9b1505333878234 .painel_chat .div-login .well-alert-error { background-color: #fb535a; color: #fff; font-weight:200!important; } /********************************** RODAPE **********************************/ .tema_4f9b1505333878234 .painel_chat .rodape { font-family:"Bion Sans", Cursive; font-weight:300; text-transform: uppercase; font-size:1em; letter-spacing:2px; color:#333; } /********************************** ATENDIMENTO **********************************/ .tema_4f9b1505333878234 .painel_chat .fila p { font-size:1.2em } .tema_4f9b1505333878234 .painel_chat .name, .name * { font-family:"Bion Sans", Cursive; font-weight:300; } .tema_4f9b1505333878234 .painel_chat .nom-contato { color:#428bca; } .tema_4f9b1505333878234 .painel_chat .messages { padding:4px!important; } .tema_4f9b1505333878234 .painel_chat .messages-input-form .buttons .btn { height: 60px !important; margin-right: 0px !important; margin-top: 0px !important; } .tema_4f9b1505333878234 .painel_chat .messages-input-form { background-color:#fff; } .tema_4f9b1505333878234 .painel_chat .messages-input-form .input { margin-right: 0; } .tema_4f9b1505333878234 .painel_chat .messages-input-form .buttons { top:15px; } .tema_4f9b1505333878234 .painel_chat .messages-input-form .buttons a { margin:10px; } .tema_4f9b1505333878234 .painel_chat .messages-input-form .buttons a i { font-size: 1.5em; color:#333; } .tema_4f9b1505333878234 .painel_chat .faketextbox { font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 200; font-size:1.2em; color:#333; background-color:#fff } .tema_4f9b1505333878234 .painel_chat .messages > li > div { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .tema_4f9b1505333878234 .painel_chat .messages > li > div > span > #icone { color:#000; } .tema_4f9b1505333878234 .painel_chat .messages > li:not(.stripped-right) > div:before { left:-9px; } .tema_4f9b1505333878234 .painel_chat .messages li:not(.li-fila) { font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 200; font-size:1.15em; letter-spacing: 0.2px; } .tema_4f9b1505333878234 .painel_chat .messages li:not(.li-fila) p .btn-tema { font-family:"Bion Sans", Cursive!important; font-weight:200!important; font-size: 1em; } .tema_4f9b1505333878234 .painel_chat .messages > li > div .time { color: #333333; font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 300; font-size:0.9em; } .tema_4f9b1505333878234 .painel_chat .messages > li:not(.li-fila) > div > div { display: block; } .tema_4f9b1505333878234 .painel_chat .messages > li:not(.li-fila) p { font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 200; margin-top:5px; font-size:1.15em; letter-spacing: 0.2px; display: block; } /********************************** CONTADOR REGRESSIVO **********************************/ .tema_4f9b1505333878234 .painel_chat .tempo { font-size:1.2em; text-align: center; margin-bottom:0 } .tema_4f9b1505333878234 .painel_chat .tempo i { font-size:1.2em!important; } .tema_4f9b1505333878234 .painel_chat #tempoExpiracao .msgTempo { margin-bottom:0; text-align:center } .tema_4f9b1505333878234 .painel_chat #tempoExpiracao { padding:1px; font-family: "Bion Sans", Cursive; font-weight: 200; } .tema_4f9b1505333878234 .painel_chat #tempoExpiracao *:not(i) { font-family: "Bion Sans", Cursive; font-weight: 200; } .tema_4f9b1505333878234 .painel_chat .cronometro { font-size: 1.5em; padding-left:5px; } /********************************** DIGITANDO**********************************/ .tema_4f9b1505333878234 .painel_chat .typing { padding:10px; padding-top:0; } .tema_4f9b1505333878234 .painel_chat .typing img { border-radius: 100%; } .tema_4f9b1505333878234 .painel_chat .typing > div { margin-left:80px !important; padding: 10px; padding-top:1px; background-color: #f7f8f9; padding: 10px; position: relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .tema_4f9b1505333878234 .painel_chat .typing > div:before { content: ""; position: absolute; width: 0; height: 0; left: -9px; top: 19px; border-right: 10px solid #f7f8f9; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .tema_4f9b1505333878234 .painel_chat .typing h5 { font-weight: bold; display: inline-block; } .tema_4f9b1505333878234 .painel_chat .typing .time { float: right!important; color: #333333; font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 300; font-size: 1em; } .tema_4f9b1505333878234 .painel_chat .typing p { font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 200; margin-top: 5px; font-size: 1.25em; letter-spacing: 0.2px; } /********************************** ROBO **********************************/ .tema_4f9b1505333878234 #faqLstPerguntasRobo li a { font-family:"Bion Sans", Cursive;font-weight:400; background-color:#fff; } .tema_4f9b1505333878234 #lstPerguntasRobo li a { font-family:"Bion Sans", Cursive; font-weight:400; font-size:1em; text-transform: uppercase; background-color:#fff; } /********************************** PESQUISA**********************************/ .tema_4f9b1505333878234 .painel_chat .div-pesquisa .badge { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .tema_4f9b1505333878234 .painel_chat .textarea-pesquisa { font-family: "Bion Sans", Cursive; text-rendering: geometricPrecision; font-weight: 200; font-size: 1.2em; color: #333; } .tema_4f9b1505333878234 .painel_chat .textarea-pesquisa:focus { border:1px solid #7AA3CC; } .tema_4f9b1505333878234 .painel_chat div.div-pesquisa > .box-title i { font-size:2em; transform: rotate(25deg); } /********************************** DISPOSITIVOS **********************************/ @media (max-width:719px) { .tema_4f9b1505333878234 .painel_chat #lstPerguntasRobo li a { padding: 5px; } } @media (min-width:720px) { .tema_4f9b1505333878234 .painel_chat #lstPerguntasRobo li a { padding: 10px; } } @media (max-width:640px) { .tema_4f9b1505333878234 #main-content > .row > .col-md-12 { padding-left: 0px; padding-right:0px; } .tema_4f9b1505333878234 #faqLstPerguntasRobo li { padding:0; } .tema_4f9b1505333878234 #faqLstPerguntasRobo li { margin:2px; } .tema_4f9b1505333878234 .messages > li:not(.li-fila) p { font-size:1em; font-weight:200; } .tema_4f9b1505333878234 #faq-robo { right:-5px; } .tema_4f9b1505333878234 .messages .name { display:inline-block; } .tema_4f9b1505333878234 .typing .name { display:block!important; } .tema_4f9b1505333878234 .messages .time, .typing .time { font-size: 0.75em!important; float:none!important; } .tema_4f9b1505333878234 .messages p { display:block; } .tema_4f9b1505333878234 .div-atendimento > .box-content { padding:8px!important; } .tema_4f9b1505333878234 .typing p { font-size:1.15em; } .tema_4f9b1505333878234 #lstPerguntasRobo li a { font-size:0.95em; } } /********************************** DISPOSITIVOS **********************************/ .tema_4f9b1505333878234 .messages .stripped-right > div { background-color: #d9dee3; } .tema_4f9b1505333878234 .messages .stripped-right > div:before { border-left-color: #d9dee3; } .tema_4f9b1505333878234 .messages .stripped-right > div > div > div > .time { background-color: #d9dee3; }.tema_4f9b1505333878234 .header-dashboards .header { background: linear-gradient(135deg, #a858fa 0%, #c48aff 100%) !important} .tema_4f9b1505333878234 .header-dashboards .tab.active { background: linear-gradient(135deg, #a858fa 0%, #c48aff 100%) !important} .tema_4f9b1505333878234 .header-dashboards .filter-toggle-btn:hover { border-color: #a858fa !important} .tema_4f9b1505333878234 .header-dashboards .filter-input:focus, .tema_4f9b1505333878234 .header-dashboards .filter-select:focus { border-color: #a858fa !important} .tema_4f9b1505333878234 .header-dashboards .card h3 i { color: #a858fa !important} /************************************* SMARTISP *************************************/ .tema_74f21553027810766 .navbar { background-color:#f2a636!important} .tema_74f21553027810766 .navbar .nav > li > a, .tema_74f21553027810766 .navbar .nav > li > a:hover, .tema_74f21553027810766 .navbar .nav > li > a:focus, .tema_74f21553027810766 .flaty-nav > li > a > [class*='fa-'], .tema_74f21553027810766 .navbar .navbar-brand { color:#3d3434!important} .tema_74f21553027810766 .flaty-nav > li > a > .badge { border-color:#f0cd9a!important} .tema_74f21553027810766 .flaty-nav > li.open > a > .badge, .tema_74f21553027810766 .flaty-nav > li:hover > a > .badge { border-color:#d48209!important} .tema_74f21553027810766 .navbar-btn, .tema_74f21553027810766 .navbar-btn:hover, .tema_74f21553027810766 .navbar-btn:focus, .tema_74f21553027810766 .navbar-btn.collapsed:hover, .tema_74f21553027810766 .navbar-btn.collapsed:focus, .tema_74f21553027810766 .flaty-nav > li.open, .tema_74f21553027810766 .flaty-nav > li.active, .tema_74f21553027810766 .flaty-nav > li:hover, .tema_74f21553027810766 .dropdown-navbar > li.nav-header, .tema_74f21553027810766 .dropdown-navbar > li.nav-header:hover { background-color:#f0c485!important} .tema_74f21553027810766 .dropdown-navbar > li.nav-header:hover { background-color:#f0c485!important} .tema_74f21553027810766 .dropdown-navbar > li.nav-header, .tema_74f21553027810766 .flaty-nav .dropdown-toggle:hover, .tema_74f21553027810766 .flaty-nav .dropdown-toggle:hover > [class*='fa-'], .tema_74f21553027810766 .flaty-nav > .open > .dropdown-toggle, .tema_74f21553027810766 .flaty-nav > .open > .dropdown-toggle > [class*='fa-'], .tema_74f21553027810766 .flaty-nav > li > a:hover > [class*='fa-'], .tema_74f21553027810766 .flaty-nav > li > a:focus > [class*='fa-'], .tema_74f21553027810766 .flaty-nav > li.active > a > [class*='fa-'] { color:#3d3434!important} .tema_74f21553027810766 #main-content { background-color:#e9f0f9!important} .tema_74f21553027810766 .nav-list > li.active > a:after { border-right-color:#e9f0f9!important} .tema_74f21553027810766 .page-title > div h1 { color:#3d3434!important} .tema_74f21553027810766 .page-title > div h4 { color:#878686!important} .tema_74f21553027810766 .breadcrumb, .tema_74f21553027810766 #main-content > footer{ background-color:#ffffff!important} .tema_74f21553027810766 .breadcrumb a, .tema_74f21553027810766 #main-content > footer a { color:#0950d9!important} .tema_74f21553027810766 .breadcrumb, .tema_74f21553027810766 .breadcrumb li.active, .tema_74f21553027810766 #main-content > footer, .tema_74f21553027810766 #main-content > footer *:not(a) { color:#878686!important} .tema_74f21553027810766 .box > .box-title { background-color:#f0cd9a!important} .tema_74f21553027810766 .box > .box-title h3, .tema_74f21553027810766 .box > .box-title h4, .tema_74f21553027810766 .box > .box-title h5, .tema_74f21553027810766 .box > .box-title .box-tool > a { color:#3d3434!important} .tema_74f21553027810766 #abas-canais .box > .box-title h3, .tema_74f21553027810766 #abas-canais .box > .box-title h4, .tema_74f21553027810766 #abas-canais .box > .box-title h5, .tema_74f21553027810766 #abas-canais .box > .box-title .box-tool > a { color:#ffffff!important }.tema_74f21553027810766 .box > .box-title { text-shadow: 0 1px 0 #878686!important} .tema_74f21553027810766 #abas-canais .box > .box-title { text-shadow: none!important }.tema_74f21553027810766 #sidebar:before, .tema_74f21553027810766 .nav-list .search-form, .tema_74f21553027810766 .nav-list .search-pan input, .tema_74f21553027810766 #nav-horizontal.nav-xs > li > a, .tema_74f21553027810766 .nav-list > li > a { background-color:#f0cd9a!important} .tema_74f21553027810766 .nav-list > li > a, .tema_74f21553027810766 .nav-list > li > a .arrow { color:#3d3434!important} .tema_74f21553027810766 .nav-list .search-form:hover, .tema_74f21553027810766 .nav-list .search-form:hover .search-pan input, .tema_74f21553027810766 .nav-list > li.open > a, .tema_74f21553027810766 .nav-list > li.active > a, .tema_74f21553027810766 .nav-list > li.active > a:hover, .tema_74f21553027810766 .nav-list > li.active > a:focus, .tema_74f21553027810766 .nav-list > li.active > a:active, .tema_74f21553027810766 #nav-horizontal.nav-xs > li > a:hover, .tema_74f21553027810766 #nav-horizontal.nav-xs > li > a:focus, .tema_74f21553027810766 #nav-horizontal.nav-xs > li.open > a, .tema_74f21553027810766 #nav-horizontal.nav-xs > li.active > a, .tema_74f21553027810766 #nav-horizontal.nav-xs > li.active > a:hover, .tema_74f21553027810766 #nav-horizontal.nav-xs > li.active > a:focus, .tema_74f21553027810766 #nav-horizontal.nav-xs > li.active > a:active, .tema_74f21553027810766 #sidebar-collapse > [class*='fa-']:hover, .tema_74f21553027810766 .sidebar-collapsed .nav-list > li:hover > a, .tema_74f21553027810766 .sidebar-collapsed .nav-list .search-pan input, .tema_74f21553027810766 .sidebar-collapsed .nav-list > li > a > span { background-color:#e0a144!important} .tema_74f21553027810766 .nav-list > li > a:focus, .tema_74f21553027810766 .nav-list > li > a:hover { background-color:#e0a144!important} .tema_74f21553027810766 .nav-list > li.open > a, .tema_74f21553027810766 .nav-list > li > a:hover, .tema_74f21553027810766 .nav-list > li > a:focus, .tema_74f21553027810766 .nav-list > li.active > a, .tema_74f21553027810766 .nav-list > li > a:hover .arrow, .tema_74f21553027810766 .nav-list > li.active > a .arrow, .tema_74f21553027810766 .nav-list > li.open > a .arrow, .tema_74f21553027810766 .nav-list > li > a:focus .arrow, .tema_74f21553027810766 .sidebar-collapsed .nav-list > li:hover > a { color:#3d3434!important} .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-menu, .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover, .tema_74f21553027810766 .nav-list > li .submenu { background-color:#f0cd9a!important} .tema_74f21553027810766 .nav-list > li .submenu > li > a, .tema_74f21553027810766 .nav-list > li .submenu > li > span, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li > a { color:#3d3434!important} .tema_74f21553027810766 .nav-list > li .submenu > li:before, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li:before, .tema_74f21553027810766 .nav-list > li .submenu > li:after, .tema_74f21553027810766 .nav-list > li .submenu > li:after {border-color: #3d3434!important}.tema_74f21553027810766 #sidebar-collapse > [class*='fa-'], .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li > a:focus, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li > a:hover, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li.active > a, .tema_74f21553027810766 .nav-list > li .submenu > li > a:focus, .tema_74f21553027810766 .nav-list > li .submenu > li > a:hover, .tema_74f21553027810766 .nav-list > li .submenu > li.active > a { background-color:#f0c485!important} .tema_74f21553027810766 #sidebar-collapse > [class*='fa-'], .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_74f21553027810766 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li > a:focus, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li > a:hover, .tema_74f21553027810766 .nav-list > li .submenu > li > ul > li.active > a, .tema_74f21553027810766 .nav-list > li .submenu > li > a:focus, .tema_74f21553027810766 .nav-list > li .submenu > li > a:hover, .tema_74f21553027810766 .nav-list > li .submenu > li.active > a { color:#3d3434!important} .tema_74f21553027810766 .nav-list > li .submenu > li:hover:before, .tema_74f21553027810766 .nav-list > li .submenu > li:hover:after, .tema_74f21553027810766 .nav-list > li .submenu > li.active:before, .tema_74f21553027810766 .nav-list > li .submenu > li.active:after { border-color:#3d3434!important} .tema_74f21553027810766 .btn.btn-primary { background-color:#f2a636!important} .tema_74f21553027810766 .btn.btn-primary { color:#3d3434!important} .tema_74f21553027810766 .btn.btn-primary:hover, .tema_74f21553027810766 .btn.btn-primary.active, .tema_74f21553027810766 .btn.btn-primary:active { background-color:#cf820f!important} .tema_74f21553027810766 .btn.btn-primary:hover, .tema_74f21553027810766 .btn.btn-primary.active, .tema_74f21553027810766 .btn.btn-primary:active { color:#ffffff!important} .tema_74f21553027810766 .btn.btn-info { background-color:#f2a636!important} .tema_74f21553027810766 .btn.btn-info { color:#3d3434!important} .tema_74f21553027810766 .btn.btn-info:hover, .tema_74f21553027810766 .btn.btn-info.active, .tema_74f21553027810766 .btn.btn-info:active { background-color:#cf820f!important} .tema_74f21553027810766 .btn.btn-info:hover, .tema_74f21553027810766 .btn.btn-info.active, .tema_74f21553027810766 .btn.btn-info:active { color:#ffffff!important} .tema_74f21553027810766 .btn.btn-warning { background-color:#f0cd9a!important} .tema_74f21553027810766 .btn.btn-warning { color:#fb3838!important} .tema_74f21553027810766 .btn.btn-warning:hover, .tema_74f21553027810766 .btn.btn-warning.active, .tema_74f21553027810766 .btn.btn-warning:active { background-color:#f0cd9a!important} .tema_74f21553027810766 .btn.btn-warning:hover, .tema_74f21553027810766 .btn.btn-warning.active, .tema_74f21553027810766 .btn.btn-warning:active { color:#fb3838!important} .tema_74f21553027810766 .btn.btn-danger { background-color:#f0cd9a!important} .tema_74f21553027810766 .btn.btn-danger { color:#fb3838!important} .tema_74f21553027810766 .btn.btn-danger:hover, .tema_74f21553027810766 .btn.btn-danger.active, .tema_74f21553027810766 .btn.btn-danger:active { background-color:#f0cd9a!important} .tema_74f21553027810766 .btn.btn-danger:hover, .tema_74f21553027810766 .btn.btn-danger.active, .tema_74f21553027810766 .btn.btn-danger:active { color:#fb3838!important} .tema_74f21553027810766 .btn.btn-inverse { background-color:#878686!important} .tema_74f21553027810766 .btn.btn-inverse { color:#ffffff!important} .tema_74f21553027810766 .btn.btn-inverse:hover, .tema_74f21553027810766 .btn.btn-inverse.active, .tema_74f21553027810766 .btn.btn-inverse:active { background-color:#878686!important} .tema_74f21553027810766 .btn.btn-inverse:hover, .tema_74f21553027810766 .btn.btn-inverse.active, .tema_74f21553027810766 .btn.btn-inverse:active { color:#ffffff!important} .tema_74f21553027810766 .btn.btn-success { background-color:#f0cd9a!important} .tema_74f21553027810766 .btn.btn-success { color:#066e2a!important} .tema_74f21553027810766 .btn.btn-success:hover, .tema_74f21553027810766 .btn.btn-success.active, .tema_74f21553027810766 .btn.btn-success:active { background-color:#f0cd9a!important} .tema_74f21553027810766 .btn.btn-success:hover, .tema_74f21553027810766 .btn.btn-success.active, .tema_74f21553027810766 .btn.btn-success:active { color:#11943f!important} .tema_74f21553027810766 .btn-tema, .tema_74f21553027810766 .btn.btn-tema, .tema_74f21553027810766 .label-tema { border-color:#f27d35!important; background-color:#f27d35!important} .tema_74f21553027810766 .btn-to-tema:hover, .tema_74f21553027810766 .btn.btn-to-tema:hover { border-color:#f27d35!important; background-color:#f27d35!important} .tema_74f21553027810766 .dropdown-tema li a:hover, .tema_74f21553027810766 .dropdown-tema li:hover {background-color:#f27d35!important; color:#fff!important} .tema_74f21553027810766 .btn-tema, .tema_74f21553027810766 .btn.btn-tema, .tema_74f21553027810766 .label-tema { color:#3d3434!important} .tema_74f21553027810766 .btn-to-tema:hover, .tema_74f21553027810766 .btn.btn-tema:hover { color:#3d3434!important} .tema_74f21553027810766 .btn-tema:hover, .tema_74f21553027810766 .btn.btn-tema:hover, .tema_74f21553027810766 .btn.btn-tema.active, .tema_74f21553027810766 .btn.btn-tema:active { background-color:#ff873f!important} .tema_74f21553027810766 .btn-tema:hover,.tema_74f21553027810766 .btn.btn-tema:hover, .tema_74f21553027810766 .btn.btn-tema.active { color:#3d3434!important} .tema_74f21553027810766.login-page .box-login, .tema_74f21553027810766.login-page #form-login, .tema_74f21553027810766.login-page #form-forgot { background-color:#f2a737!important} .tema_74f21553027810766.login-page #form-login .input-icon i, .tema_74f21553027810766.login-page #form-forgot .input-icon i, .tema_74f21553027810766.login-page #form-login button:hover, .tema_74f21553027810766.login-page #form-login button:active, .tema_74f21553027810766.login-page #form-login button:visited, .tema_74f21553027810766.login-page #form-login button:focus, .tema_74f21553027810766.login-page #form-forgot button:hover, .tema_74f21553027810766.login-page #form-forgot button:active, .tema_74f21553027810766.login-page #form-forgot button:visited, .tema_74f21553027810766.login-page #form-forgot button:focus {color:#f2a737!important} .tema_74f21553027810766 .panel-primary { border-color: #f0cd9a!important; } .tema_74f21553027810766 .panel-primary .panel-heading { background-color:#f0cd9a!important; border-color:#f0cd9a!important; } .tema_74f21553027810766 #tblBody .btn-success { background-color: #11943f!important; color: white!important; } .tema_74f21553027810766 #tblBody .btn-primary { background-color: #0090ff!important; color: white!important; } .tema_74f21553027810766 @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700'); .tema_74f21553027810766 body, .tema_74f21553027810766 #content { .tema_74f21553027810766 padding: 0; .tema_74f21553027810766 margin: 0; .tema_74f21553027810766 font-family: 'Montserrat', sans-serif !important; .tema_74f21553027810766 font-weight: 300; .tema_74f21553027810766 line-height: 1.42857143; } .tema_74f21553027810766 #content { .tema_74f21553027810766 top: 0 !important; .tema_74f21553027810766 border-top: 1px solid #e6e6e6; .tema_74f21553027810766 border-bottom: none; .tema_74f21553027810766 background-color: #f6f6f6; .tema_74f21553027810766 overflow-x: inherit; } .tema_74f21553027810766 #content .box-content { .tema_74f21553027810766 background-color: #f6f6f6; } .tema_74f21553027810766 #content .div-login .box-content { .tema_74f21553027810766 padding: 28px 20px 20px; } .tema_74f21553027810766 #content #tempoExpiracao { .tema_74f21553027810766 padding-left: 0; } .tema_74f21553027810766 .header-chat { .tema_74f21553027810766 background: #fff !important; .tema_74f21553027810766 height: 0 !important; .tema_74f21553027810766 padding: 0 !important; .tema_74f21553027810766 overflow: hidden !important; } .tema_74f21553027810766 header > .row { .tema_74f21553027810766 height: 0 !important; } .tema_74f21553027810766 header .col-xs-3, .tema_74f21553027810766 header .col-xs-7 { .tema_74f21553027810766 display: none; } .tema_74f21553027810766 header .col-xs-1:last-of-type { .tema_74f21553027810766 width: 100% !important; } .tema_74f21553027810766 header .btn-logout { .tema_74f21553027810766 position: absolute !important; .tema_74f21553027810766 z-index: 20 !important; .tema_74f21553027810766 right: 8px !important; .tema_74f21553027810766 top: 8px !important; } .tema_74f21553027810766 .btn-logout.finalizacao_cliente { .tema_74f21553027810766 display: block; .tema_74f21553027810766 right: 0 !important; .tema_74f21553027810766 top: 0 !important; .tema_74f21553027810766 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); } .tema_74f21553027810766 .logochat, .tema_74f21553027810766 .logochat img, .tema_74f21553027810766 .img-responsive { .tema_74f21553027810766 display: none !important; } .tema_74f21553027810766 .form-control, .tema_74f21553027810766 input[type='text'], .tema_74f21553027810766 input[type='email'] { .tema_74f21553027810766 height: 40px !important; .tema_74f21553027810766 padding: 8px 12px !important; .tema_74f21553027810766 border: 1px solid #ddd !important; .tema_74f21553027810766 border-radius: 8px !important; .tema_74f21553027810766 background-color: #fff !important; .tema_74f21553027810766 font-family: 'Montserrat', sans-serif !important; .tema_74f21553027810766 font-size: 14px !important; .tema_74f21553027810766 font-weight: 400 !important; .tema_74f21553027810766 color: #333 !important; } .tema_74f21553027810766 .form-group { .tema_74f21553027810766 margin-bottom: 14px; } .tema_74f21553027810766 .btn.btn-tema, .tema_74f21553027810766 .btn.btn-success { .tema_74f21553027810766 display: flex !important; .tema_74f21553027810766 align-items: center !important; .tema_74f21553027810766 justify-content: center !important; .tema_74f21553027810766 width: 100%; .tema_74f21553027810766 padding: 12px 20px !important; .tema_74f21553027810766 border: 0 !important; .tema_74f21553027810766 border-radius: 8px !important; .tema_74f21553027810766 background-color: #1f4d72 !important; .tema_74f21553027810766 color: #fff !important; .tema_74f21553027810766 font-family: 'Montserrat', sans-serif !important; .tema_74f21553027810766 font-size: 14px !important; .tema_74f21553027810766 font-weight: 500 !important; .tema_74f21553027810766 letter-spacing: 0.3px; .tema_74f21553027810766 text-transform: none; } .tema_74f21553027810766 .btn.btn-tema:hover, .tema_74f21553027810766 .btn.btn-tema:focus, .tema_74f21553027810766 .btn.btn-tema:active, .tema_74f21553027810766 .btn.btn-success:hover { .tema_74f21553027810766 background-color: #5d8aad !important; .tema_74f21553027810766 color: #fff !important; } .tema_74f21553027810766 .btn.btn-danger, .tema_74f21553027810766 .btn.btn-default { .tema_74f21553027810766 padding: 10px 20px !important; .tema_74f21553027810766 border-radius: 8px !important; .tema_74f21553027810766 background-color: #fff !important; .tema_74f21553027810766 color: #1f4d72 !important; } .tema_74f21553027810766 .btn.btn-danger:hover { .tema_74f21553027810766 color: #1f4d72 !important; .tema_74f21553027810766 background-color: #fff !important; } .tema_74f21553027810766 .footer-chat.tela-login .btn.btn-tema { .tema_74f21553027810766 display: none !important; } .tema_74f21553027810766 #btnIniciarAtendimento .fa.fa-keyboard { .tema_74f21553027810766 margin-right: 6px !important; } .tema_74f21553027810766 #btnIniciarChamada { .tema_74f21553027810766 display: none !important; } .tema_74f21553027810766 .fone-left { .tema_74f21553027810766 display: none; } .tema_74f21553027810766 .fone-right { .tema_74f21553027810766 width: 100% !important; } .tema_74f21553027810766 #content .messages > li > div { .tema_74f21553027810766 padding: 12px 14px; .tema_74f21553027810766 border-radius: 12px; .tema_74f21553027810766 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); } .tema_74f21553027810766 #content .messages > li > div .time { .tema_74f21553027810766 font-size: 11px; .tema_74f21553027810766 padding: 4px 0; } .tema_74f21553027810766 #content .messages > li > div > div > h5, .tema_74f21553027810766 #content .messages > li .nom-contato { .tema_74f21553027810766 font-family: 'Montserrat', sans-serif !important; .tema_74f21553027810766 font-size: 12px !important; .tema_74f21553027810766 font-weight: 600 !important; .tema_74f21553027810766 letter-spacing: 0.4px; .tema_74f21553027810766 text-transform: uppercase !important; .tema_74f21553027810766 color: #1f4d72 !important; } .tema_74f21553027810766 #content .messages > li .name { .tema_74f21553027810766 color: #666 !important; } .tema_74f21553027810766 .messages > li > div { .tema_74f21553027810766 margin-left: 50px !important; } .tema_74f21553027810766 #content .messages > li img, .tema_74f21553027810766 #content .typing img { .tema_74f21553027810766 width: 40px !important; .tema_74f21553027810766 height: 40px !important; .tema_74f21553027810766 border-radius: 50%; } .tema_74f21553027810766 #content .typing > div { .tema_74f21553027810766 margin-left: 50px !important; } .tema_74f21553027810766 footer, .tema_74f21553027810766 footer.footer-chat.tela-geral, .tema_74f21553027810766 footer.footer-chat.tela-login { .tema_74f21553027810766 background: #f6f6f6; .tema_74f21553027810766 border: 1px solid #e6e6e6 !important; .tema_74f21553027810766 border-top: 0 !important; .tema_74f21553027810766 border-radius: 0 0 12px 12px !important; .tema_74f21553027810766 box-shadow: none !important; } .tema_74f21553027810766 footer .messages-input-form { .tema_74f21553027810766 width: 88%; .tema_74f21553027810766 height: 40px; .tema_74f21553027810766 border: 1px solid #ddd; .tema_74f21553027810766 border-radius: 8px; .tema_74f21553027810766 background-color: #fff; .tema_74f21553027810766 font-family: 'Montserrat', sans-serif; .tema_74f21553027810766 font-size: 14px; } .tema_74f21553027810766 footer .messages-input-form .input { .tema_74f21553027810766 margin-right: 40px !important; } .tema_74f21553027810766 footer .faketextbox { .tema_74f21553027810766 padding: 10px 0 0 12px; } .tema_74f21553027810766 footer .btn-enviar { .tema_74f21553027810766 height: 40px; .tema_74f21553027810766 padding: 0 !important; } .tema_74f21553027810766 footer > div { .tema_74f21553027810766 height: auto; } .tema_74f21553027810766 footer .texto-rodape { .tema_74f21553027810766 width: auto; .tema_74f21553027810766 height: 20px; .tema_74f21553027810766 margin-right: 15px; .tema_74f21553027810766 float: right; } .tema_74f21553027810766 /* Estilo novo do chat */ .tema_74f21553027810766 .btn-tema { .tema_74f21553027810766 background-color: #48a55c !important; }.tema_74f21553027810766 .header-dashboards .header { background: linear-gradient(135deg, #f0cd9a 0%, #f2a636 100%) !important} .tema_74f21553027810766 .header-dashboards .tab.active { background: linear-gradient(135deg, #f0cd9a 0%, #f2a636 100%) !important} .tema_74f21553027810766 .header-dashboards .filter-toggle-btn:hover { border-color: #f0cd9a !important} .tema_74f21553027810766 .header-dashboards .filter-input:focus, .tema_74f21553027810766 .header-dashboards .filter-select:focus { border-color: #f0cd9a !important} .tema_74f21553027810766 .header-dashboards .card h3 i { color: #f0cd9a !important} /************************************* Matrix *************************************/ .tema_73141682601176189 .navbar { background-color:#f2a636!important} .tema_73141682601176189 .navbar .nav > li > a, .tema_73141682601176189 .navbar .nav > li > a:hover, .tema_73141682601176189 .navbar .nav > li > a:focus, .tema_73141682601176189 .flaty-nav > li > a > [class*='fa-'], .tema_73141682601176189 .navbar .navbar-brand { color:#3d3434!important} .tema_73141682601176189 .flaty-nav > li > a > .badge { border-color:#f0cd9a!important} .tema_73141682601176189 .flaty-nav > li.open > a > .badge, .tema_73141682601176189 .flaty-nav > li:hover > a > .badge { border-color:#f0c485!important} .tema_73141682601176189 .navbar-btn, .tema_73141682601176189 .navbar-btn:hover, .tema_73141682601176189 .navbar-btn:focus, .tema_73141682601176189 .navbar-btn.collapsed:hover, .tema_73141682601176189 .navbar-btn.collapsed:focus, .tema_73141682601176189 .flaty-nav > li.open, .tema_73141682601176189 .flaty-nav > li.active, .tema_73141682601176189 .flaty-nav > li:hover, .tema_73141682601176189 .dropdown-navbar > li.nav-header, .tema_73141682601176189 .dropdown-navbar > li.nav-header:hover { background-color:#f0c485!important} .tema_73141682601176189 .dropdown-navbar > li.nav-header:hover { background-color:#f0c485!important} .tema_73141682601176189 .dropdown-navbar > li.nav-header, .tema_73141682601176189 .flaty-nav .dropdown-toggle:hover, .tema_73141682601176189 .flaty-nav .dropdown-toggle:hover > [class*='fa-'], .tema_73141682601176189 .flaty-nav > .open > .dropdown-toggle, .tema_73141682601176189 .flaty-nav > .open > .dropdown-toggle > [class*='fa-'], .tema_73141682601176189 .flaty-nav > li > a:hover > [class*='fa-'], .tema_73141682601176189 .flaty-nav > li > a:focus > [class*='fa-'], .tema_73141682601176189 .flaty-nav > li.active > a > [class*='fa-'] { color:#3d3434!important} .tema_73141682601176189 #main-content { background-color:#e9f0f9!important} .tema_73141682601176189 .nav-list > li.active > a:after { border-right-color:#e9f0f9!important} .tema_73141682601176189 .page-title > div h1 { color:#393939!important} .tema_73141682601176189 .page-title > div h4 { color:#878686!important} .tema_73141682601176189 .breadcrumb, .tema_73141682601176189 #main-content > footer{ background-color:#ffffff!important} .tema_73141682601176189 .breadcrumb a, .tema_73141682601176189 #main-content > footer a { color:#0950d9!important} .tema_73141682601176189 .breadcrumb, .tema_73141682601176189 .breadcrumb li.active, .tema_73141682601176189 #main-content > footer, .tema_73141682601176189 #main-content > footer *:not(a) { color:#878686!important} .tema_73141682601176189 .box > .box-title { background-color:#f0cd9a!important} .tema_73141682601176189 .box > .box-title h3, .tema_73141682601176189 .box > .box-title h4, .tema_73141682601176189 .box > .box-title h5, .tema_73141682601176189 .box > .box-title .box-tool > a { color:#3d3434!important} .tema_73141682601176189 #abas-canais .box > .box-title h3, .tema_73141682601176189 #abas-canais .box > .box-title h4, .tema_73141682601176189 #abas-canais .box > .box-title h5, .tema_73141682601176189 #abas-canais .box > .box-title .box-tool > a { color:#ffffff!important }.tema_73141682601176189 .box > .box-title { text-shadow: 0 1px 0 #878686!important} .tema_73141682601176189 #abas-canais .box > .box-title { text-shadow: none!important }.tema_73141682601176189 #sidebar:before, .tema_73141682601176189 .nav-list .search-form, .tema_73141682601176189 .nav-list .search-pan input, .tema_73141682601176189 #nav-horizontal.nav-xs > li > a, .tema_73141682601176189 .nav-list > li > a { background-color:#f0cd9a!important} .tema_73141682601176189 .nav-list > li > a, .tema_73141682601176189 .nav-list > li > a .arrow { color:#3d3434!important} .tema_73141682601176189 .nav-list .search-form:hover, .tema_73141682601176189 .nav-list .search-form:hover .search-pan input, .tema_73141682601176189 .nav-list > li.open > a, .tema_73141682601176189 .nav-list > li.active > a, .tema_73141682601176189 .nav-list > li.active > a:hover, .tema_73141682601176189 .nav-list > li.active > a:focus, .tema_73141682601176189 .nav-list > li.active > a:active, .tema_73141682601176189 #nav-horizontal.nav-xs > li > a:hover, .tema_73141682601176189 #nav-horizontal.nav-xs > li > a:focus, .tema_73141682601176189 #nav-horizontal.nav-xs > li.open > a, .tema_73141682601176189 #nav-horizontal.nav-xs > li.active > a, .tema_73141682601176189 #nav-horizontal.nav-xs > li.active > a:hover, .tema_73141682601176189 #nav-horizontal.nav-xs > li.active > a:focus, .tema_73141682601176189 #nav-horizontal.nav-xs > li.active > a:active, .tema_73141682601176189 #sidebar-collapse > [class*='fa-']:hover, .tema_73141682601176189 .sidebar-collapsed .nav-list > li:hover > a, .tema_73141682601176189 .sidebar-collapsed .nav-list .search-pan input, .tema_73141682601176189 .sidebar-collapsed .nav-list > li > a > span { background-color:#e0a144!important} .tema_73141682601176189 .nav-list > li > a:focus, .tema_73141682601176189 .nav-list > li > a:hover { background-color:#e0a144!important} .tema_73141682601176189 .nav-list > li.open > a, .tema_73141682601176189 .nav-list > li > a:hover, .tema_73141682601176189 .nav-list > li > a:focus, .tema_73141682601176189 .nav-list > li.active > a, .tema_73141682601176189 .nav-list > li > a:hover .arrow, .tema_73141682601176189 .nav-list > li.active > a .arrow, .tema_73141682601176189 .nav-list > li.open > a .arrow, .tema_73141682601176189 .nav-list > li > a:focus .arrow, .tema_73141682601176189 .sidebar-collapsed .nav-list > li:hover > a { color:#3d3434!important} .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-menu, .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover, .tema_73141682601176189 .nav-list > li .submenu { background-color:#f0cd9a!important} .tema_73141682601176189 .nav-list > li .submenu > li > a, .tema_73141682601176189 .nav-list > li .submenu > li > span, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li > a { color:#3d3434!important} .tema_73141682601176189 .nav-list > li .submenu > li:before, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li:before, .tema_73141682601176189 .nav-list > li .submenu > li:after, .tema_73141682601176189 .nav-list > li .submenu > li:after {border-color: #3d3434!important}.tema_73141682601176189 #sidebar-collapse > [class*='fa-'], .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li > a:focus, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li > a:hover, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li.active > a, .tema_73141682601176189 .nav-list > li .submenu > li > a:focus, .tema_73141682601176189 .nav-list > li .submenu > li > a:hover, .tema_73141682601176189 .nav-list > li .submenu > li.active > a { background-color:#f0c485!important} .tema_73141682601176189 #sidebar-collapse > [class*='fa-'], .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_73141682601176189 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li > a:focus, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li > a:hover, .tema_73141682601176189 .nav-list > li .submenu > li > ul > li.active > a, .tema_73141682601176189 .nav-list > li .submenu > li > a:focus, .tema_73141682601176189 .nav-list > li .submenu > li > a:hover, .tema_73141682601176189 .nav-list > li .submenu > li.active > a { color:#3d3434!important} .tema_73141682601176189 .nav-list > li .submenu > li:hover:before, .tema_73141682601176189 .nav-list > li .submenu > li:hover:after, .tema_73141682601176189 .nav-list > li .submenu > li.active:before, .tema_73141682601176189 .nav-list > li .submenu > li.active:after { border-color:#3d3434!important} .tema_73141682601176189 .btn.btn-primary { background-color:#f2a636!important} .tema_73141682601176189 .btn.btn-primary { color:#3d3434!important} .tema_73141682601176189 .btn.btn-primary:hover, .tema_73141682601176189 .btn.btn-primary.active, .tema_73141682601176189 .btn.btn-primary:active { background-color:#cf820f!important} .tema_73141682601176189 .btn.btn-primary:hover, .tema_73141682601176189 .btn.btn-primary.active, .tema_73141682601176189 .btn.btn-primary:active { color:#ffffff!important} .tema_73141682601176189 .btn.btn-info { background-color:#f2a636!important} .tema_73141682601176189 .btn.btn-info { color:#3d3434!important} .tema_73141682601176189 .btn.btn-info:hover, .tema_73141682601176189 .btn.btn-info.active, .tema_73141682601176189 .btn.btn-info:active { background-color:#cf820f!important} .tema_73141682601176189 .btn.btn-info:hover, .tema_73141682601176189 .btn.btn-info.active, .tema_73141682601176189 .btn.btn-info:active { color:#ffffff!important} .tema_73141682601176189 .btn.btn-warning { background-color:#f0cd9a!important} .tema_73141682601176189 .btn.btn-warning { color:#fb3838!important} .tema_73141682601176189 .btn.btn-warning:hover, .tema_73141682601176189 .btn.btn-warning.active, .tema_73141682601176189 .btn.btn-warning:active { background-color:#f0cd9a!important} .tema_73141682601176189 .btn.btn-warning:hover, .tema_73141682601176189 .btn.btn-warning.active, .tema_73141682601176189 .btn.btn-warning:active { color:#fb3838!important} .tema_73141682601176189 .btn.btn-danger { background-color:#f0cd9a!important} .tema_73141682601176189 .btn.btn-danger { color:#fb3838!important} .tema_73141682601176189 .btn.btn-danger:hover, .tema_73141682601176189 .btn.btn-danger.active, .tema_73141682601176189 .btn.btn-danger:active { background-color:#f0cd9a!important} .tema_73141682601176189 .btn.btn-danger:hover, .tema_73141682601176189 .btn.btn-danger.active, .tema_73141682601176189 .btn.btn-danger:active { color:#fb3838!important} .tema_73141682601176189 .btn.btn-inverse { background-color:#878686!important} .tema_73141682601176189 .btn.btn-inverse { color:#ffffff!important} .tema_73141682601176189 .btn.btn-inverse:hover, .tema_73141682601176189 .btn.btn-inverse.active, .tema_73141682601176189 .btn.btn-inverse:active { background-color:#878686!important} .tema_73141682601176189 .btn.btn-inverse:hover, .tema_73141682601176189 .btn.btn-inverse.active, .tema_73141682601176189 .btn.btn-inverse:active { color:#ffffff!important} .tema_73141682601176189 .btn.btn-success { background-color:#f0cd9a!important} .tema_73141682601176189 .btn.btn-success { color:#066e2a!important} .tema_73141682601176189 .btn.btn-success:hover, .tema_73141682601176189 .btn.btn-success.active, .tema_73141682601176189 .btn.btn-success:active { background-color:#f0cd9a!important} .tema_73141682601176189 .btn.btn-success:hover, .tema_73141682601176189 .btn.btn-success.active, .tema_73141682601176189 .btn.btn-success:active { color:#11943f!important} .tema_73141682601176189 .btn-tema, .tema_73141682601176189 .btn.btn-tema, .tema_73141682601176189 .label-tema { border-color:#f27d35!important; background-color:#f27d35!important} .tema_73141682601176189 .btn-to-tema:hover, .tema_73141682601176189 .btn.btn-to-tema:hover { border-color:#f27d35!important; background-color:#f27d35!important} .tema_73141682601176189 .dropdown-tema li a:hover, .tema_73141682601176189 .dropdown-tema li:hover {background-color:#f27d35!important; color:#fff!important} .tema_73141682601176189 .btn-tema, .tema_73141682601176189 .btn.btn-tema, .tema_73141682601176189 .label-tema { color:#3d3434!important} .tema_73141682601176189 .btn-to-tema:hover, .tema_73141682601176189 .btn.btn-tema:hover { color:#3d3434!important} .tema_73141682601176189 .btn-tema:hover, .tema_73141682601176189 .btn.btn-tema:hover, .tema_73141682601176189 .btn.btn-tema.active, .tema_73141682601176189 .btn.btn-tema:active { background-color:#ff873f!important} .tema_73141682601176189 .btn-tema:hover,.tema_73141682601176189 .btn.btn-tema:hover, .tema_73141682601176189 .btn.btn-tema.active { color:#3d3434!important} .tema_73141682601176189.login-page .box-login, .tema_73141682601176189.login-page #form-login, .tema_73141682601176189.login-page #form-forgot { background-color:#731a8a!important} .tema_73141682601176189.login-page #form-login .input-icon i, .tema_73141682601176189.login-page #form-forgot .input-icon i, .tema_73141682601176189.login-page #form-login button:hover, .tema_73141682601176189.login-page #form-login button:active, .tema_73141682601176189.login-page #form-login button:visited, .tema_73141682601176189.login-page #form-login button:focus, .tema_73141682601176189.login-page #form-forgot button:hover, .tema_73141682601176189.login-page #form-forgot button:active, .tema_73141682601176189.login-page #form-forgot button:visited, .tema_73141682601176189.login-page #form-forgot button:focus {color:#731a8a!important} .tema_73141682601176189 body { padding:0; margin:0; font-family: 'Montserrat', sans-serif!important; font-weight: 200; line-height: 1.42857143; } .tema_73141682601176189 #content { font-family: 'Montserrat', sans-serif!important; font-weight: 200; line-height: 1.42857143; } /******************* DIV PRINCIPAL ******************/ .tema_73141682601176189 #chatBot { position:fixed; width:460px; height:540px; box-shadow:0 0px 18px rgba(0,0,0,0.2), 0 2px 5px rgba(0,0,0,0.2); border-radius:15px; bottom:25px; } /******************* BOTAO ABRIR CHAT ******************/ .tema_73141682601176189 #btnChatFlt { right:0; /*bottom:30%; width:54px; height:335px;*/ background-color:transparent!important; border:none; outline:none; padding: 1px 6px; text-align: inherit; vertical-align:unset; font-size:inherit; font-family:inherit; letter-spacing: normal; white-space: normal; } .tema_73141682601176189 .input-group-addon{} .tema_73141682601176189 #btnChatFlt > img { width: 70px; height: 70px; vertical-align: unset; border:0; /*padding:10px;*/ } .tema_73141682601176189 #divBtnChtflt.skin-magenta #btnChatFlt { background-color:#CCC!important; } .tema_73141682601176189 .chtflt-box-title { background-color:#fff!important; padding:inherit!important; } .tema_73141682601176189 #abaChatBot .chtflt-box-title .chtflt-box-tool a { margin:7px 7px 0 0; color:#000; } .tema_73141682601176189 .chtflt-fechar { font-size:13px; } /******************* IFRAME ******************/ .tema_73141682601176189 #iframeChatBot { border-radius:0 0 15px 15px; border:1px solid #fff; } /******************* CHAT INTERNO ******************/ .tema_73141682601176189 #content { border-top:1px solid #e6e6e6; border-bottom:none; } .tema_73141682601176189 footer { border:inherit; } .tema_73141682601176189 .form-control { background-color:#FFF; border-color:#CCC; } .tema_73141682601176189 input[type="text"] { background-color:#FFF; border-color:#CCC; border-radius:10px; } .tema_73141682601176189 input[type="email"] { background-color:#FFF; border-color:#CCC; border-radius:10px; } .tema_73141682601176189 .form-group { margin-bottom:15px; } .tema_73141682601176189 .btn.btn-tema { border-radius:10px!important; background-color:#666!important; padding:5px 20px 5px 20px; } .tema_73141682601176189 .btn.btn-success { border-radius:10px!important; background-color:#666!important; padding:5px 20px 5px 20px; } .tema_73141682601176189 .btn.btn-tema:hover { border-radius:10px; background-color:#b9b8b8!important; color: #FFF; } .tema_73141682601176189 .btn.btn-success:hover { border-radius:10px; background-color:#b9b8b8!important; color: #FFF; } .tema_73141682601176189 .btn.btn-tema:active { border-radius:10px; background-color:#b9b8b8!important; color: #FFF; } .tema_73141682601176189 .btn.btn-tema:focus { border-radius:10px; background-color:#b9b8b8!important; color: #FFF; } .tema_73141682601176189 .btn.btn-danger { border-radius:10px!important; padding:5px 20px 5px 20px; color: #666!important; background-color:#fff!important; } .tema_73141682601176189 .btn.btn-default { border-radius:10px!important; padding:5px 20px 5px 20px; color: #666!important; background-color:#fff!important; } .tema_73141682601176189 .btn.btn-danger:hover { color: #666!important; background-color:#fff!important; } .tema_73141682601176189 .header-chat { background:#fff!important; height:100px!important; } .tema_73141682601176189 header > .row { height:0!important; } .tema_73141682601176189 header .col-xs-3 { display:none; } .tema_73141682601176189 header .col-xs-7 {display:none; } .tema_73141682601176189 header .col-xs-1:last-of-type { width:100%!important; } .tema_73141682601176189 header .btn-logout { position: absolute!important; z-index: 999999999!important; right: -30px!important; top: 60px!important; } .tema_73141682601176189 header h2 { font-family: 'Montserrat', sans-serif; } .tema_73141682601176189 header h3 { font-family: 'Montserrat', sans-serif; } /***************** CONTENT ***************/ .tema_73141682601176189 #content { /*bottom:0;*/ background-color:#f6f6f6; overflow-x: inherit; top:100px!important; } .tema_73141682601176189 #content .box-content { background-color:#f6f6f6; } .tema_73141682601176189 #content .div-login .box-content { padding:40px 20px 20px 20px; } .tema_73141682601176189 #content #tempoExpiracao { padding-left:0; } .tema_73141682601176189 #content .messages .img-right { /*display:none;*/ } .tema_73141682601176189 #content .messages > li > div { padding:15px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.15); } .tema_73141682601176189 #content .messages > li > div .time { font-size:10px; padding:5px 0; } .tema_73141682601176189 #content .messages > li > div > div > h5 { font-family: 'Montserrat', sans-serif!important; text-transform:uppercase!important; font-weight:bold!important; font-size:13px!important; } .tema_73141682601176189 #content .messages > li .name { color:#666!important; } .tema_73141682601176189 #content .messages > li .nom-contato { color:#000!important; font-family: 'Montserrat', sans-serif!important; text-transform:uppercase!important; font-weight:bold!important; font-size:13px!important; } .tema_73141682601176189 #content .messages > li img { border-radius:50%; } /**************************************** FOOTER ****************************************/ .tema_73141682601176189 footer { /*height:auto;*/background:#f6f6f6; /*border-radius:15px;*/ } .tema_73141682601176189 footer .messages-input-form { border-radius:10px; border-color:#ddd; height:34px; font-size:14px; font-family:'Montserrat', sans-serif; background-color:#fff; width:88%; } .tema_73141682601176189 footer .messages-input-form .input { margin-right:40px!important; } .tema_73141682601176189 footer .faketextbox { padding:7px 0 0 12px; } .tema_73141682601176189 footer .btn-enviar { height:34px; padding:unset!important; } .tema_73141682601176189 footer .div-rodape { /*display:none;*/ } .tema_73141682601176189 #bodyIframe:after { /*background:url("http://localhost/SACMessenger/Chat/public/imagens/clientes/Matrix/smartisp-branca_90x8.png") top right no-repeat; float:right; width:100%; height:11px; content:attr(onClick); margin:8px 8px 0 0;*/ } .tema_73141682601176189 footer > div { height:auto; } .tema_73141682601176189 footer .texto-rodape { width:auto; float:right; height: 20px; margin-right:15px; } /***CUSTOM***/ .tema_73141682601176189 .logochat img:after{ content: ''; } .tema_73141682601176189 .header-chat { padding: 0px !important; } .tema_73141682601176189 .logochat { margin-top: 0px !important; padding-right: 0px !important; padding-left: 0px !important; } .tema_73141682601176189 .img-responsive { height: 100px !important; } .tema_73141682601176189 #content { top: 0px !important; } .tema_73141682601176189 .chtflt-box-title { display: flex; flex-direction: row-reverse; align-items: center; } .tema_73141682601176189 .chtflt-box-title { height: 70px !important; background-image: url(https://brasilnettelecom.matrixdobrasil.ai/Chat/../public/imagens/uploads/chat/chat_topo_20230529114659.png); background-repeat: no-repeat; background-size: cover; } .tema_73141682601176189 .chtflt-fechar { color: white; } .tema_73141682601176189 .chtflt-box-tool { padding-right: 10px !important; } .tema_73141682601176189 .btn-logout.finalizacao_cliente { display: block; right: 0px !important; top: 0px !important; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); } .tema_73141682601176189 .messages > li > div { margin-left: 50px !important; } .tema_73141682601176189 #content .messages > li img { width: 40px !important; height: 40px !important; } .tema_73141682601176189 #content .typing > div { margin-left: 50px !important; } .tema_73141682601176189 #content .typing img { width: 40px !important; height: 40px !important; } .tema_73141682601176189 #btnChatFlt { bottom: 4px !important; right: 30px !important; } .tema_73141682601176189 #closeChatBot { padding: 0px !important; margin-bottom: 0px !important; } .tema_73141682601176189 .fone-left { display: none; } .tema_73141682601176189 .fone-right { width: 100% !important; } .tema_73141682601176189 .btn.btn-tema { display: flex !important; justify-content: center !important; align-items: center !important; border-radius: 2px!important; background-color: #1f4d72!important; padding: 12px !important; color: #fff !important; } .tema_73141682601176189 .btn.btn-tema:hover { background-color: #5d8aad!important; color: #FFF !important; } .tema_73141682601176189 #btnIniciarChamada { display: none !important; } .tema_73141682601176189 footer .messages-input-form { border-radius: 2px; border-color: #ddd; height: 34px; font-size: 14px; font-family: 'Montserrat', sans-serif; background-color: #fff; width: 88%; } .tema_73141682601176189 .footer-chat.tela-login .btn.btn-tema { display: none !important; } .tema_73141682601176189 #btnIniciarAtendimento .fa.fa-keyboard { margin-right: 5px !important; } .tema_73141682601176189 input[type="text"] { border-radius: 2px !important; border-color: #ddd !important; height: 34px !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif !important; background-color: #fff !important; } .tema_73141682601176189 footer.footer-chat.tela-geral { border-top: 0px !important; border-right: 1px solid !important; border-left: 1px solid !important; border-bottom: 1px solid !important; border-radius: 0 0 12px 12px !important; border-color: #e6e6e6 !important; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15) !important; } .tema_73141682601176189 footer.footer-chat.tela-login{ border-top: 0px !important; border-right: 1px solid !important; border-left: 1px solid !important; border-bottom: 1px solid !important; border-radius: 0 0 12px 12px !important; border-color: #e6e6e6 !important; }.tema_73141682601176189 .header-dashboards .header { background: linear-gradient(135deg, #f0cd9a 0%, #f2a636 100%) !important} .tema_73141682601176189 .header-dashboards .tab.active { background: linear-gradient(135deg, #f0cd9a 0%, #f2a636 100%) !important} .tema_73141682601176189 .header-dashboards .filter-toggle-btn:hover { border-color: #f0cd9a !important} .tema_73141682601176189 .header-dashboards .filter-input:focus, .tema_73141682601176189 .header-dashboards .filter-select:focus { border-color: #f0cd9a !important} .tema_73141682601176189 .header-dashboards .card h3 i { color: #f0cd9a !important} /************************************* Matrix Go *************************************/ .tema_99971703774663610 .navbar { background-color:#414141!important} .tema_99971703774663610 .navbar .nav > li > a, .tema_99971703774663610 .navbar .nav > li > a:hover, .tema_99971703774663610 .navbar .nav > li > a:focus, .tema_99971703774663610 .flaty-nav > li > a > [class*='fa-'], .tema_99971703774663610 .navbar .navbar-brand { color:#ffffff!important} .tema_99971703774663610 .flaty-nav > li > a > .badge { border-color:#414141!important} .tema_99971703774663610 .flaty-nav > li.open > a > .badge, .tema_99971703774663610 .flaty-nav > li:hover > a > .badge { border-color:#802678!important} .tema_99971703774663610 .navbar-btn, .tema_99971703774663610 .navbar-btn:hover, .tema_99971703774663610 .navbar-btn:focus, .tema_99971703774663610 .navbar-btn.collapsed:hover, .tema_99971703774663610 .navbar-btn.collapsed:focus, .tema_99971703774663610 .flaty-nav > li.open, .tema_99971703774663610 .flaty-nav > li.active, .tema_99971703774663610 .flaty-nav > li:hover, .tema_99971703774663610 .dropdown-navbar > li.nav-header, .tema_99971703774663610 .dropdown-navbar > li.nav-header:hover { background-color:#802678!important} .tema_99971703774663610 .dropdown-navbar > li.nav-header:hover { background-color:#802678!important} .tema_99971703774663610 .dropdown-navbar > li.nav-header, .tema_99971703774663610 .flaty-nav .dropdown-toggle:hover, .tema_99971703774663610 .flaty-nav .dropdown-toggle:hover > [class*='fa-'], .tema_99971703774663610 .flaty-nav > .open > .dropdown-toggle, .tema_99971703774663610 .flaty-nav > .open > .dropdown-toggle > [class*='fa-'], .tema_99971703774663610 .flaty-nav > li > a:hover > [class*='fa-'], .tema_99971703774663610 .flaty-nav > li > a:focus > [class*='fa-'], .tema_99971703774663610 .flaty-nav > li.active > a > [class*='fa-'] { color:#ffffff!important} .tema_99971703774663610 #main-content { background-color:#ffffff!important} .tema_99971703774663610 .nav-list > li.active > a:after { border-right-color:#ffffff!important} .tema_99971703774663610 .page-title > div h1 { color:#3d3434!important} .tema_99971703774663610 .page-title > div h4 { color:#878686!important} .tema_99971703774663610 .breadcrumb, .tema_99971703774663610 #main-content > footer{ background-color:#ffffff!important} .tema_99971703774663610 .breadcrumb a, .tema_99971703774663610 #main-content > footer a { color:#3c60a7!important} .tema_99971703774663610 .breadcrumb, .tema_99971703774663610 .breadcrumb li.active, .tema_99971703774663610 #main-content > footer, .tema_99971703774663610 #main-content > footer *:not(a) { color:#878686!important} .tema_99971703774663610 .box > .box-title { background-color:#414141!important} .tema_99971703774663610 .box > .box-title h3, .tema_99971703774663610 .box > .box-title h4, .tema_99971703774663610 .box > .box-title h5, .tema_99971703774663610 .box > .box-title .box-tool > a { color:#ffffff!important} .tema_99971703774663610 #abas-canais .box > .box-title h3, .tema_99971703774663610 #abas-canais .box > .box-title h4, .tema_99971703774663610 #abas-canais .box > .box-title h5, .tema_99971703774663610 #abas-canais .box > .box-title .box-tool > a { color:#ffffff!important }.tema_99971703774663610 .box > .box-title { text-shadow: 0 1px 0 #878686!important} .tema_99971703774663610 #abas-canais .box > .box-title { text-shadow: none!important }.tema_99971703774663610 #sidebar:before, .tema_99971703774663610 .nav-list .search-form, .tema_99971703774663610 .nav-list .search-pan input, .tema_99971703774663610 #nav-horizontal.nav-xs > li > a, .tema_99971703774663610 .nav-list > li > a { background-color:#d2d2d2!important} .tema_99971703774663610 .nav-list > li > a, .tema_99971703774663610 .nav-list > li > a .arrow { color:#3d3434!important} .tema_99971703774663610 .nav-list .search-form:hover, .tema_99971703774663610 .nav-list .search-form:hover .search-pan input, .tema_99971703774663610 .nav-list > li.open > a, .tema_99971703774663610 .nav-list > li.active > a, .tema_99971703774663610 .nav-list > li.active > a:hover, .tema_99971703774663610 .nav-list > li.active > a:focus, .tema_99971703774663610 .nav-list > li.active > a:active, .tema_99971703774663610 #nav-horizontal.nav-xs > li > a:hover, .tema_99971703774663610 #nav-horizontal.nav-xs > li > a:focus, .tema_99971703774663610 #nav-horizontal.nav-xs > li.open > a, .tema_99971703774663610 #nav-horizontal.nav-xs > li.active > a, .tema_99971703774663610 #nav-horizontal.nav-xs > li.active > a:hover, .tema_99971703774663610 #nav-horizontal.nav-xs > li.active > a:focus, .tema_99971703774663610 #nav-horizontal.nav-xs > li.active > a:active, .tema_99971703774663610 #sidebar-collapse > [class*='fa-']:hover, .tema_99971703774663610 .sidebar-collapsed .nav-list > li:hover > a, .tema_99971703774663610 .sidebar-collapsed .nav-list .search-pan input, .tema_99971703774663610 .sidebar-collapsed .nav-list > li > a > span { background-color:#802678!important} .tema_99971703774663610 .nav-list > li > a:focus, .tema_99971703774663610 .nav-list > li > a:hover { background-color:#802678!important} .tema_99971703774663610 .nav-list > li.open > a, .tema_99971703774663610 .nav-list > li > a:hover, .tema_99971703774663610 .nav-list > li > a:focus, .tema_99971703774663610 .nav-list > li.active > a, .tema_99971703774663610 .nav-list > li > a:hover .arrow, .tema_99971703774663610 .nav-list > li.active > a .arrow, .tema_99971703774663610 .nav-list > li.open > a .arrow, .tema_99971703774663610 .nav-list > li > a:focus .arrow, .tema_99971703774663610 .sidebar-collapsed .nav-list > li:hover > a { color:#ffffff!important} .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-menu, .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover, .tema_99971703774663610 .nav-list > li .submenu { background-color:#ece3e3!important} .tema_99971703774663610 .nav-list > li .submenu > li > a, .tema_99971703774663610 .nav-list > li .submenu > li > span, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li > a { color:#3d3434!important} .tema_99971703774663610 .nav-list > li .submenu > li:before, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li:before, .tema_99971703774663610 .nav-list > li .submenu > li:after, .tema_99971703774663610 .nav-list > li .submenu > li:after {border-color: #3d3434!important}.tema_99971703774663610 #sidebar-collapse > [class*='fa-'], .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li > a:focus, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li > a:hover, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li.active > a, .tema_99971703774663610 .nav-list > li .submenu > li > a:focus, .tema_99971703774663610 .nav-list > li .submenu > li > a:hover, .tema_99971703774663610 .nav-list > li .submenu > li.active > a { background-color:#414141!important} .tema_99971703774663610 #sidebar-collapse > [class*='fa-'], .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_99971703774663610 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li > a:focus, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li > a:hover, .tema_99971703774663610 .nav-list > li .submenu > li > ul > li.active > a, .tema_99971703774663610 .nav-list > li .submenu > li > a:focus, .tema_99971703774663610 .nav-list > li .submenu > li > a:hover, .tema_99971703774663610 .nav-list > li .submenu > li.active > a { color:#ffffff!important} .tema_99971703774663610 .nav-list > li .submenu > li:hover:before, .tema_99971703774663610 .nav-list > li .submenu > li:hover:after, .tema_99971703774663610 .nav-list > li .submenu > li.active:before, .tema_99971703774663610 .nav-list > li .submenu > li.active:after { border-color:#ffffff!important} .tema_99971703774663610 .btn.btn-primary { background-color:#3c60a7!important} .tema_99971703774663610 .btn.btn-primary { color:#ffffff!important} .tema_99971703774663610 .btn.btn-primary:hover, .tema_99971703774663610 .btn.btn-primary.active, .tema_99971703774663610 .btn.btn-primary:active { background-color:#df8209!important} .tema_99971703774663610 .btn.btn-primary:hover, .tema_99971703774663610 .btn.btn-primary.active, .tema_99971703774663610 .btn.btn-primary:active { color:#ffffff!important} .tema_99971703774663610 .btn.btn-info { background-color:#3c60a7!important} .tema_99971703774663610 .btn.btn-info { color:#ffffff!important} .tema_99971703774663610 .btn.btn-info:hover, .tema_99971703774663610 .btn.btn-info.active, .tema_99971703774663610 .btn.btn-info:active { background-color:#df8209!important} .tema_99971703774663610 .btn.btn-info:hover, .tema_99971703774663610 .btn.btn-info.active, .tema_99971703774663610 .btn.btn-info:active { color:#ffffff!important} .tema_99971703774663610 .btn.btn-warning { background-color:#d11317!important} .tema_99971703774663610 .btn.btn-warning { color:#ffffff!important} .tema_99971703774663610 .btn.btn-warning:hover, .tema_99971703774663610 .btn.btn-warning.active, .tema_99971703774663610 .btn.btn-warning:active { background-color:#be4e50!important} .tema_99971703774663610 .btn.btn-warning:hover, .tema_99971703774663610 .btn.btn-warning.active, .tema_99971703774663610 .btn.btn-warning:active { color:#ffffff!important} .tema_99971703774663610 .btn.btn-danger { background-color:#d11317!important} .tema_99971703774663610 .btn.btn-danger { color:#ffffff!important} .tema_99971703774663610 .btn.btn-danger:hover, .tema_99971703774663610 .btn.btn-danger.active, .tema_99971703774663610 .btn.btn-danger:active { background-color:#be4e50!important} .tema_99971703774663610 .btn.btn-danger:hover, .tema_99971703774663610 .btn.btn-danger.active, .tema_99971703774663610 .btn.btn-danger:active { color:#ffffff!important} .tema_99971703774663610 .btn.btn-inverse { background-color:#878686!important} .tema_99971703774663610 .btn.btn-inverse { color:#ffffff!important} .tema_99971703774663610 .btn.btn-inverse:hover, .tema_99971703774663610 .btn.btn-inverse.active, .tema_99971703774663610 .btn.btn-inverse:active { background-color:#878686!important} .tema_99971703774663610 .btn.btn-inverse:hover, .tema_99971703774663610 .btn.btn-inverse.active, .tema_99971703774663610 .btn.btn-inverse:active { color:#ffffff!important} .tema_99971703774663610 .btn.btn-success { background-color:#3c60a7!important} .tema_99971703774663610 .btn.btn-success { color:#ffffff!important} .tema_99971703774663610 .btn.btn-success:hover, .tema_99971703774663610 .btn.btn-success.active, .tema_99971703774663610 .btn.btn-success:active { background-color:#df8209!important} .tema_99971703774663610 .btn.btn-success:hover, .tema_99971703774663610 .btn.btn-success.active, .tema_99971703774663610 .btn.btn-success:active { color:#ffffff!important} .tema_99971703774663610 .btn-tema, .tema_99971703774663610 .btn.btn-tema, .tema_99971703774663610 .label-tema { border-color:#df8209!important; background-color:#df8209!important} .tema_99971703774663610 .btn-to-tema:hover, .tema_99971703774663610 .btn.btn-to-tema:hover { border-color:#df8209!important; background-color:#df8209!important} .tema_99971703774663610 .dropdown-tema li a:hover, .tema_99971703774663610 .dropdown-tema li:hover {background-color:#df8209!important; color:#fff!important} .tema_99971703774663610 .btn-tema, .tema_99971703774663610 .btn.btn-tema, .tema_99971703774663610 .label-tema { color:#ffffff!important} .tema_99971703774663610 .btn-to-tema:hover, .tema_99971703774663610 .btn.btn-tema:hover { color:#ffffff!important} .tema_99971703774663610 .btn-tema:hover, .tema_99971703774663610 .btn.btn-tema:hover, .tema_99971703774663610 .btn.btn-tema.active, .tema_99971703774663610 .btn.btn-tema:active { background-color:#df8209!important} .tema_99971703774663610 .btn-tema:hover,.tema_99971703774663610 .btn.btn-tema:hover, .tema_99971703774663610 .btn.btn-tema.active { color:#ffffff!important} .tema_99971703774663610.login-page .box-login, .tema_99971703774663610.login-page #form-login, .tema_99971703774663610.login-page #form-forgot { background-color:#414141!important} .tema_99971703774663610.login-page #form-login .input-icon i, .tema_99971703774663610.login-page #form-forgot .input-icon i, .tema_99971703774663610.login-page #form-login button:hover, .tema_99971703774663610.login-page #form-login button:active, .tema_99971703774663610.login-page #form-login button:visited, .tema_99971703774663610.login-page #form-login button:focus, .tema_99971703774663610.login-page #form-forgot button:hover, .tema_99971703774663610.login-page #form-forgot button:active, .tema_99971703774663610.login-page #form-forgot button:visited, .tema_99971703774663610.login-page #form-forgot button:focus {color:#414141!important} .tema_99971703774663610 .panel-primary{border-color:#414141!important;} .tema_99971703774663610 .panel-primary.panel-heading{background-color:#414141!important;border-color:#414141!important;} .tema_99971703774663610 #mdNotificacaoAsc.alert{background-color:#414141;border-radius:8px;color:#fff;margin-top:5px;}.tema_99971703774663610 .header-dashboards .header { background: linear-gradient(135deg, #d2d2d2 0%, #414141 100%) !important} .tema_99971703774663610 .header-dashboards .tab.active { background: linear-gradient(135deg, #d2d2d2 0%, #414141 100%) !important} .tema_99971703774663610 .header-dashboards .filter-toggle-btn:hover { border-color: #d2d2d2 !important} .tema_99971703774663610 .header-dashboards .filter-input:focus, .tema_99971703774663610 .header-dashboards .filter-select:focus { border-color: #d2d2d2 !important} .tema_99971703774663610 .header-dashboards .card h3 i { color: #d2d2d2 !important} /************************************* Teste *************************************/ .tema_816c1792694523583 .navbar { background-color:#f2a636!important} .tema_816c1792694523583 .navbar .nav > li > a, .tema_816c1792694523583 .navbar .nav > li > a:hover, .tema_816c1792694523583 .navbar .nav > li > a:focus, .tema_816c1792694523583 .flaty-nav > li > a > [class*='fa-'], .tema_816c1792694523583 .navbar .navbar-brand { color:#3d3434!important} .tema_816c1792694523583 .flaty-nav > li > a > .badge { border-color:#f0cd9a!important} .tema_816c1792694523583 .flaty-nav > li.open > a > .badge, .tema_816c1792694523583 .flaty-nav > li:hover > a > .badge { border-color:#f0c485!important} .tema_816c1792694523583 .navbar-btn, .tema_816c1792694523583 .navbar-btn:hover, .tema_816c1792694523583 .navbar-btn:focus, .tema_816c1792694523583 .navbar-btn.collapsed:hover, .tema_816c1792694523583 .navbar-btn.collapsed:focus, .tema_816c1792694523583 .flaty-nav > li.open, .tema_816c1792694523583 .flaty-nav > li.active, .tema_816c1792694523583 .flaty-nav > li:hover, .tema_816c1792694523583 .dropdown-navbar > li.nav-header, .tema_816c1792694523583 .dropdown-navbar > li.nav-header:hover { background-color:#f0c485!important} .tema_816c1792694523583 .dropdown-navbar > li.nav-header:hover { background-color:#f0c485!important} .tema_816c1792694523583 .dropdown-navbar > li.nav-header, .tema_816c1792694523583 .flaty-nav .dropdown-toggle:hover, .tema_816c1792694523583 .flaty-nav .dropdown-toggle:hover > [class*='fa-'], .tema_816c1792694523583 .flaty-nav > .open > .dropdown-toggle, .tema_816c1792694523583 .flaty-nav > .open > .dropdown-toggle > [class*='fa-'], .tema_816c1792694523583 .flaty-nav > li > a:hover > [class*='fa-'], .tema_816c1792694523583 .flaty-nav > li > a:focus > [class*='fa-'], .tema_816c1792694523583 .flaty-nav > li.active > a > [class*='fa-'] { color:#3d3434!important} .tema_816c1792694523583 #main-content { background-color:#e9f0f9!important} .tema_816c1792694523583 .nav-list > li.active > a:after { border-right-color:#e9f0f9!important} .tema_816c1792694523583 .page-title > div h1 { color:#393939!important} .tema_816c1792694523583 .page-title > div h4 { color:#878686!important} .tema_816c1792694523583 .breadcrumb, .tema_816c1792694523583 #main-content > footer{ background-color:#ffffff!important} .tema_816c1792694523583 .breadcrumb a, .tema_816c1792694523583 #main-content > footer a { color:#0950d9!important} .tema_816c1792694523583 .breadcrumb, .tema_816c1792694523583 .breadcrumb li.active, .tema_816c1792694523583 #main-content > footer, .tema_816c1792694523583 #main-content > footer *:not(a) { color:#878686!important} .tema_816c1792694523583 .box > .box-title { background-color:#f0cd9a!important} .tema_816c1792694523583 .box > .box-title h3, .tema_816c1792694523583 .box > .box-title h4, .tema_816c1792694523583 .box > .box-title h5, .tema_816c1792694523583 .box > .box-title .box-tool > a { color:#3d3434!important} .tema_816c1792694523583 #abas-canais .box > .box-title h3, .tema_816c1792694523583 #abas-canais .box > .box-title h4, .tema_816c1792694523583 #abas-canais .box > .box-title h5, .tema_816c1792694523583 #abas-canais .box > .box-title .box-tool > a { color:#ffffff!important }.tema_816c1792694523583 .box > .box-title { text-shadow: 0 1px 0 #878686!important} .tema_816c1792694523583 #abas-canais .box > .box-title { text-shadow: none!important }.tema_816c1792694523583 #sidebar:before, .tema_816c1792694523583 .nav-list .search-form, .tema_816c1792694523583 .nav-list .search-pan input, .tema_816c1792694523583 #nav-horizontal.nav-xs > li > a, .tema_816c1792694523583 .nav-list > li > a { background-color:#f0cd9a!important} .tema_816c1792694523583 .nav-list > li > a, .tema_816c1792694523583 .nav-list > li > a .arrow { color:#3d3434!important} .tema_816c1792694523583 .nav-list .search-form:hover, .tema_816c1792694523583 .nav-list .search-form:hover .search-pan input, .tema_816c1792694523583 .nav-list > li.open > a, .tema_816c1792694523583 .nav-list > li.active > a, .tema_816c1792694523583 .nav-list > li.active > a:hover, .tema_816c1792694523583 .nav-list > li.active > a:focus, .tema_816c1792694523583 .nav-list > li.active > a:active, .tema_816c1792694523583 #nav-horizontal.nav-xs > li > a:hover, .tema_816c1792694523583 #nav-horizontal.nav-xs > li > a:focus, .tema_816c1792694523583 #nav-horizontal.nav-xs > li.open > a, .tema_816c1792694523583 #nav-horizontal.nav-xs > li.active > a, .tema_816c1792694523583 #nav-horizontal.nav-xs > li.active > a:hover, .tema_816c1792694523583 #nav-horizontal.nav-xs > li.active > a:focus, .tema_816c1792694523583 #nav-horizontal.nav-xs > li.active > a:active, .tema_816c1792694523583 #sidebar-collapse > [class*='fa-']:hover, .tema_816c1792694523583 .sidebar-collapsed .nav-list > li:hover > a, .tema_816c1792694523583 .sidebar-collapsed .nav-list .search-pan input, .tema_816c1792694523583 .sidebar-collapsed .nav-list > li > a > span { background-color:#e0a144!important} .tema_816c1792694523583 .nav-list > li > a:focus, .tema_816c1792694523583 .nav-list > li > a:hover { background-color:#e0a144!important} .tema_816c1792694523583 .nav-list > li.open > a, .tema_816c1792694523583 .nav-list > li > a:hover, .tema_816c1792694523583 .nav-list > li > a:focus, .tema_816c1792694523583 .nav-list > li.active > a, .tema_816c1792694523583 .nav-list > li > a:hover .arrow, .tema_816c1792694523583 .nav-list > li.active > a .arrow, .tema_816c1792694523583 .nav-list > li.open > a .arrow, .tema_816c1792694523583 .nav-list > li > a:focus .arrow, .tema_816c1792694523583 .sidebar-collapsed .nav-list > li:hover > a { color:#3d3434!important} .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-menu, .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover, .tema_816c1792694523583 .nav-list > li .submenu { background-color:#f0cd9a!important} .tema_816c1792694523583 .nav-list > li .submenu > li > a, .tema_816c1792694523583 .nav-list > li .submenu > li > span, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li > a { color:#3d3434!important} .tema_816c1792694523583 .nav-list > li .submenu > li:before, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li:before, .tema_816c1792694523583 .nav-list > li .submenu > li:after, .tema_816c1792694523583 .nav-list > li .submenu > li:after {border-color: #3d3434!important}.tema_816c1792694523583 #sidebar-collapse > [class*='fa-'], .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li > a:focus, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li > a:hover, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li.active > a, .tema_816c1792694523583 .nav-list > li .submenu > li > a:focus, .tema_816c1792694523583 .nav-list > li .submenu > li > a:hover, .tema_816c1792694523583 .nav-list > li .submenu > li.active > a { background-color:#f0c485!important} .tema_816c1792694523583 #sidebar-collapse > [class*='fa-'], .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus, .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover, .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a, .tema_816c1792694523583 #nav-horizontal.nav-xs > li .dropdown-navbar > li.active, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li > a:focus, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li > a:hover, .tema_816c1792694523583 .nav-list > li .submenu > li > ul > li.active > a, .tema_816c1792694523583 .nav-list > li .submenu > li > a:focus, .tema_816c1792694523583 .nav-list > li .submenu > li > a:hover, .tema_816c1792694523583 .nav-list > li .submenu > li.active > a { color:#3d3434!important} .tema_816c1792694523583 .nav-list > li .submenu > li:hover:before, .tema_816c1792694523583 .nav-list > li .submenu > li:hover:after, .tema_816c1792694523583 .nav-list > li .submenu > li.active:before, .tema_816c1792694523583 .nav-list > li .submenu > li.active:after { border-color:#3d3434!important} .tema_816c1792694523583 .btn.btn-primary { background-color:#f2a636!important} .tema_816c1792694523583 .btn.btn-primary { color:#3d3434!important} .tema_816c1792694523583 .btn.btn-primary:hover, .tema_816c1792694523583 .btn.btn-primary.active, .tema_816c1792694523583 .btn.btn-primary:active { background-color:#cf820f!important} .tema_816c1792694523583 .btn.btn-primary:hover, .tema_816c1792694523583 .btn.btn-primary.active, .tema_816c1792694523583 .btn.btn-primary:active { color:#ffffff!important} .tema_816c1792694523583 .btn.btn-info { background-color:#f2a636!important} .tema_816c1792694523583 .btn.btn-info { color:#3d3434!important} .tema_816c1792694523583 .btn.btn-info:hover, .tema_816c1792694523583 .btn.btn-info.active, .tema_816c1792694523583 .btn.btn-info:active { background-color:#cf820f!important} .tema_816c1792694523583 .btn.btn-info:hover, .tema_816c1792694523583 .btn.btn-info.active, .tema_816c1792694523583 .btn.btn-info:active { color:#ffffff!important} .tema_816c1792694523583 .btn.btn-warning { background-color:#f0cd9a!important} .tema_816c1792694523583 .btn.btn-warning { color:#fb3838!important} .tema_816c1792694523583 .btn.btn-warning:hover, .tema_816c1792694523583 .btn.btn-warning.active, .tema_816c1792694523583 .btn.btn-warning:active { background-color:#f0cd9a!important} .tema_816c1792694523583 .btn.btn-warning:hover, .tema_816c1792694523583 .btn.btn-warning.active, .tema_816c1792694523583 .btn.btn-warning:active { color:#fb3838!important} .tema_816c1792694523583 .btn.btn-danger { background-color:#f0cd9a!important} .tema_816c1792694523583 .btn.btn-danger { color:#fb3838!important} .tema_816c1792694523583 .btn.btn-danger:hover, .tema_816c1792694523583 .btn.btn-danger.active, .tema_816c1792694523583 .btn.btn-danger:active { background-color:#f0cd9a!important} .tema_816c1792694523583 .btn.btn-danger:hover, .tema_816c1792694523583 .btn.btn-danger.active, .tema_816c1792694523583 .btn.btn-danger:active { color:#fb3838!important} .tema_816c1792694523583 .btn.btn-inverse { background-color:#878686!important} .tema_816c1792694523583 .btn.btn-inverse { color:#ffffff!important} .tema_816c1792694523583 .btn.btn-inverse:hover, .tema_816c1792694523583 .btn.btn-inverse.active, .tema_816c1792694523583 .btn.btn-inverse:active { background-color:#878686!important} .tema_816c1792694523583 .btn.btn-inverse:hover, .tema_816c1792694523583 .btn.btn-inverse.active, .tema_816c1792694523583 .btn.btn-inverse:active { color:#ffffff!important} .tema_816c1792694523583 .btn.btn-success { background-color:#f0cd9a!important} .tema_816c1792694523583 .btn.btn-success { color:#066e2a!important} .tema_816c1792694523583 .btn.btn-success:hover, .tema_816c1792694523583 .btn.btn-success.active, .tema_816c1792694523583 .btn.btn-success:active { background-color:#f0cd9a!important} .tema_816c1792694523583 .btn.btn-success:hover, .tema_816c1792694523583 .btn.btn-success.active, .tema_816c1792694523583 .btn.btn-success:active { color:#11943f!important} .tema_816c1792694523583 .btn-tema, .tema_816c1792694523583 .btn.btn-tema, .tema_816c1792694523583 .label-tema { border-color:#f27d35!important; background-color:#f27d35!important} .tema_816c1792694523583 .btn-to-tema:hover, .tema_816c1792694523583 .btn.btn-to-tema:hover { border-color:#f27d35!important; background-color:#f27d35!important} .tema_816c1792694523583 .dropdown-tema li a:hover, .tema_816c1792694523583 .dropdown-tema li:hover {background-color:#f27d35!important; color:#fff!important} .tema_816c1792694523583 .btn-tema, .tema_816c1792694523583 .btn.btn-tema, .tema_816c1792694523583 .label-tema { color:#3d3434!important} .tema_816c1792694523583 .btn-to-tema:hover, .tema_816c1792694523583 .btn.btn-tema:hover { color:#3d3434!important} .tema_816c1792694523583 .btn-tema:hover, .tema_816c1792694523583 .btn.btn-tema:hover, .tema_816c1792694523583 .btn.btn-tema.active, .tema_816c1792694523583 .btn.btn-tema:active { background-color:#ff873f!important} .tema_816c1792694523583 .btn-tema:hover,.tema_816c1792694523583 .btn.btn-tema:hover, .tema_816c1792694523583 .btn.btn-tema.active { color:#3d3434!important} .tema_816c1792694523583.login-page .box-login, .tema_816c1792694523583.login-page #form-login, .tema_816c1792694523583.login-page #form-forgot { background-color:#731a8a!important} .tema_816c1792694523583.login-page #form-login .input-icon i, .tema_816c1792694523583.login-page #form-forgot .input-icon i, .tema_816c1792694523583.login-page #form-login button:hover, .tema_816c1792694523583.login-page #form-login button:active, .tema_816c1792694523583.login-page #form-login button:visited, .tema_816c1792694523583.login-page #form-login button:focus, .tema_816c1792694523583.login-page #form-forgot button:hover, .tema_816c1792694523583.login-page #form-forgot button:active, .tema_816c1792694523583.login-page #form-forgot button:visited, .tema_816c1792694523583.login-page #form-forgot button:focus {color:#731a8a!important} .tema_816c1792694523583 .painel_chat { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; font-family: Arial, Helvetica, sans-serif !important; color: #24364c !important; } .tema_816c1792694523583 .painel_chat #main-content { width: 100% !important; max-width: 100% !important; padding: 0 !important; background-color: #e7edf5 !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #main-content > .row { width: 100% !important; margin: 0 !important; } .tema_816c1792694523583 .painel_chat #main-content > .row > .col-md-12 { width: 100% !important; padding: 0 !important; } .tema_816c1792694523583 .painel_chat #chat { position: relative !important; width: 100% !important; max-width: 960px !important; margin: 0 auto !important; border: 0 !important; border-radius: 14px !important; background: #e7edf5 !important; box-shadow: none !important; overflow: hidden !important; } .tema_816c1792694523583 .painel_chat #chat > .box-title { display: none !important; } .tema_816c1792694523583 .painel_chat #chat > .box-content { float: none !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 14px !important; background: #e7edf5 !important; box-shadow: none !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #chat #main { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #chat #divChat { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #chat #divChat .messages { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 58px clamp(8px, 3vw, 18px) 14px !important; list-style: none !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li:not(.li-fila) { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 12px !important; clear: both !important; align-items: flex-start !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li:not(.li-fila):not(.stripped-right) { justify-content: flex-start !important; padding-left: 44px !important; background-image: none !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li:not(.li-fila):not(.stripped-right)::before { content: "" !important; position: absolute !important; top: 2px !important; left: 0 !important; display: block !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background-image: url("https://brasilnettelecom.matrixdobrasil.ai/public/uploads/imagem_usuario/120x120_87aa016bf9ea1c9c9c5a9e668e86b7d7.jpg") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; box-shadow: none !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li.stripped-right { justify-content: flex-end !important; padding-left: 0 !important; background-image: none !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li.li-fila { padding-left: 0 !important; background-image: none !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li:not(.li-fila) > div { display: block !important; width: fit-content !important; min-width: 0 !important; max-width: min(78%, 660px) !important; margin: 0 auto 0 0 !important; padding: 10px 13px !important; border: 1px solid #dde6f0 !important; border-radius: 5px 15px 15px 15px !important; background: #ffffff !important; box-shadow: none !important; box-sizing: border-box !important; overflow-wrap: anywhere !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li.stripped-right > div { margin-left: auto !important; margin-right: 0 !important; border-color: #bed6f7 !important; border-radius: 15px 5px 15px 15px !important; background: #cfe3ff !important; } .tema_816c1792694523583 .painel_chat #divChat .messages > li:not(.li-fila) > div::before { display: none !important; } .tema_816c1792694523583 .painel_chat #divChat .messages p { margin: 6px 0 4px !important; color: #24364c !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.48 !important; letter-spacing: 0 !important; overflow-wrap: anywhere !important; } .tema_816c1792694523583 .painel_chat #divChat .messages p:last-child { margin-bottom: 0 !important; } .tema_816c1792694523583 .painel_chat #divChat .messages .name { margin: 0 !important; color: #155bc4 !important; font-size: 12px !important; font-weight: 600 !important; } .tema_816c1792694523583 .painel_chat #divChat .messages .nom-contato { color: #155bc4 !important; font-weight: 600 !important; } .tema_816c1792694523583 .painel_chat #divChat .messages .time { color: #71839a !important; font-size: 10px !important; font-weight: 400 !important; } .tema_816c1792694523583 .painel_chat #divChat .messages a.linkified { color: #104798 !important; overflow-wrap: anywhere !important; } .tema_816c1792694523583 .painel_chat #divChat .messages a.btn-ura { display: inline-flex !important; width: auto !important; min-width: 76px !important; max-width: 100% !important; min-height: 36px !important; margin: 5px 6px 2px 0 !important; padding: 8px 14px !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; white-space: normal !important; border: 1px solid #155bc4 !important; border-radius: 9px !important; background: #155bc4 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; box-shadow: none !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #divChat .messages a.btn-ura:hover { border-color: #104798 !important; background: #104798 !important; color: #ffffff !important; } .tema_816c1792694523583 .painel_chat #divChat .messages a.btn-ura:focus { border-color: #104798 !important; background: #104798 !important; color: #ffffff !important; outline: 2px solid rgba(21, 91, 196, .25) !important; outline-offset: 2px !important; } .tema_816c1792694523583 .painel_chat #divChat .messages a.btn-ura[disabled] { opacity: .55 !important; cursor: not-allowed !important; } .tema_816c1792694523583 .painel_chat .typing { width: 100% !important; padding: 0 clamp(8px, 3vw, 18px) !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .typing > div { width: fit-content !important; max-width: min(78%, 660px) !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: none !important; } .tema_816c1792694523583 .painel_chat .messages-input-form { width: calc(100% - 24px) !important; max-width: none !important; margin: 10px 12px 12px !important; padding: 0 !important; border: 1px solid #d4dfec !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: none !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .messages-input-form form { display: flex !important; width: 100% !important; align-items: center !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .messages-input-form .input { flex: 1 1 auto !important; min-width: 0 !important; } .tema_816c1792694523583 .painel_chat .messages-input-form .faketextbox { width: 100% !important; min-height: 44px !important; margin: 0 !important; padding: 11px 12px !important; border: 0 !important; border-radius: 14px !important; background: #ffffff !important; color: #24364c !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.45 !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .messages-input-form .char-counter { padding: 0 12px 6px !important; color: #71839a !important; font-size: 11px !important; } .tema_816c1792694523583 .painel_chat .messages-input-form .buttons { flex: 0 0 auto !important; } .tema_816c1792694523583 .painel_chat .messages-input-form a[rel="upChat"] { color: #155bc4 !important; } .tema_816c1792694523583 .painel_chat #chat .div-logout { position: static !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } .tema_816c1792694523583 .painel_chat #chat #btnSair { position: absolute !important; top: 10px !important; right: 12px !important; left: auto !important; bottom: auto !important; z-index: 30 !important; display: inline-flex !important; width: auto !important; height: 34px !important; margin: 0 !important; padding: 7px 14px !important; align-items: center !important; justify-content: center !important; border: 1px solid #d99999 !important; border-radius: 18px !important; background: #ffffff !important; color: #a62232 !important; box-shadow: none !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat #chat #btnSair:hover { border-color: #c97575 !important; background: #fff1f1 !important; color: #8c1826 !important; } .tema_816c1792694523583 .painel_chat #chat #btnEnviar { position: static !important; width: auto !important; margin: 8px auto 12px !important; padding: 9px 20px !important; border: 1px solid #155bc4 !important; border-radius: 9px !important; background: #155bc4 !important; color: #ffffff !important; box-shadow: none !important; } .tema_816c1792694523583 .painel_chat #chat #btnEnviar:hover { border-color: #104798 !important; background: #104798 !important; color: #ffffff !important; } .tema_816c1792694523583 .painel_chat #faq_robo { max-width: 100% !important; } .tema_816c1792694523583 .painel_chat #lstPerguntasRobo li a { border-radius: 9px !important; color: #155bc4 !important; box-shadow: none !important; } .tema_816c1792694523583 .painel_chat .well { box-shadow: none !important; } .tema_816c1792694523583 .painel_chat .modal-content { box-shadow: none !important; } .tema_816c1792694523583 .painel_chat:has(.div-login) { min-height: 100vh !important; background: #e7edf5 !important; } .tema_816c1792694523583 .painel_chat #main-content:has(.div-login) { min-height: 100vh !important; padding: clamp(16px, 4vw, 48px) 12px !important; background: #e7edf5 !important; } .tema_816c1792694523583 .painel_chat .div-login { width: 100% !important; max-width: 440px !important; margin: 0 auto !important; border: 0 !important; border-top: 5px solid #155bc4 !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .div-login > .box-content { padding: clamp(20px, 5vw, 32px) !important; border: 0 !important; background: #ffffff !important; box-shadow: none !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login { width: 100% !important; margin: 0 !important; color: #24364c !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login::before { content: "Bem-vindo ao chat BrasilNET" !important; display: block !important; margin: 0 0 24px !important; color: #104798 !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.25 !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login > .col-md-6 { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .col-lg-12 { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .form-group { width: 100% !important; margin: 0 0 20px !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .control-label { float: none !important; display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; color: #24364c !important; font-size: 14px !important; font-weight: 600 !important; text-align: left !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .controls { float: none !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .controls:has(.fone-left) { display: flex !important; gap: 10px !important; align-items: flex-start !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .fone-left { flex: 0 0 112px !important; width: 112px !important; min-width: 0 !important; padding: 0 !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .fone-right { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; padding: 0 !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .input-group { width: 100% !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .input-group-addon { border: 1px solid #cbd8e8 !important; border-left: 0 !important; border-radius: 0 10px 10px 0 !important; background: #f4f7fb !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .form-control { width: 100% !important; height: 44px !important; border: 1px solid #cbd8e8 !important; border-radius: 10px !important; background: #ffffff !important; color: #24364c !important; font-size: 15px !important; box-shadow: none !important; box-sizing: border-box !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login #ddi { padding-left: 8px !important; padding-right: 6px !important; border-radius: 10px 0 0 10px !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login .form-control:focus { border-color: #155bc4 !important; box-shadow: 0 0 0 3px rgba(21, 91, 196, .14) !important; outline: 0 !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login #btnIniciarAtendimento { display: inline-flex !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 11px 16px !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 1px solid #155bc4 !important; border-radius: 10px !important; background: #155bc4 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: none !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login #btnIniciarAtendimento:hover { border-color: #104798 !important; background: #104798 !important; color: #ffffff !important; } .tema_816c1792694523583 .painel_chat .div-login #form-login #btnIniciarAtendimento:focus { outline: 2px solid #104798 !important; outline-offset: 2px !important; }.tema_816c1792694523583 .header-dashboards .header { background: linear-gradient(135deg, #f0cd9a 0%, #f2a636 100%) !important} .tema_816c1792694523583 .header-dashboards .tab.active { background: linear-gradient(135deg, #f0cd9a 0%, #f2a636 100%) !important} .tema_816c1792694523583 .header-dashboards .filter-toggle-btn:hover { border-color: #f0cd9a !important} .tema_816c1792694523583 .header-dashboards .filter-input:focus, .tema_816c1792694523583 .header-dashboards .filter-select:focus { border-color: #f0cd9a !important} .tema_816c1792694523583 .header-dashboards .card h3 i { color: #f0cd9a !important}