/* Empresa: Valid Certificadora Projeto: Skin Manager -------------- PADROES DE CODIGO - Frameworks Valid Certificadora v1.0 -------------- Nossos projetos sao desenvolvidos de acordo com um padrao de escrita. -------------- PALETA DE CORES -------------- #000000 - Textos #1b859f - Topo Varia��o Principal #0066A6 - Topo Varia��o Secundario #C4D6D8 - Topo Varia��o Terciario #EDEDED - Background Complemento #E2E1DD - Background Complemento 2 #8f8f8f - Textos e Titulos #61162D - Botoes #637D7A - Box e Titulos #047994 - Textos e titulos internos #0066A6 - Botão Geral */ /* -------------- ELEMENTOS e CLASSES -------------- */ @backgroundBodyColor: #ffffff; /* Background do sistema cor */ @backgroundContentImage:url("./images/pattern-1.png"); /* Background do sistema imagem*/ @backgroundCentralContent:url("./images/body-fundoDefault.png"); @backgroundCentralContentColor:#f4f4f4; @backgroundHeaderColor:#007A94; /* Background do Cabe�alho Cor ff6600 laranja */ @fontcolorHeader:#fff ; /* Altera��o da cor do cabe�alho */ @fontcolorHeaderlogin:#fff; /* Altera��o da cor da fonte do cabe�alho */ @alturaHeader: 145px ; /* Altera��o da altura do cabe�alho */ @alturaHeaderFraude: 30px ; /* Altera��o da altura do cabe�alho */ @backgroundFooterColor:#666; /* Altera��o da cor do rodap� */ @backgroundFooterImage:url("./images/pattern-1.png"); /* Altera��o da imagem do rodap� */ @LogoFooterImage:url("./images/logoAcct2_.png"); /* Alterao do Logo do rodap */ /* Alterao da cor da fonte do rodap */ @fontcolorLabel:#34495E; /* Altera��o da cor do label*/ @menufullColor:#C4D6D8; @menufullImagem:none ; /* Altera��o da cor da barra do menu */ @alturaFooter: 50px; @alturaFooterFraude: 30px; @fontcolorFooter: #fff; @backgroundHeaderImage:url("./images/_headerfulltopDefaultoriginal.png"); /* Background do Cabe�alho imagem */ @LogoHeaderImage:url("./images/logo200_57.png"); @LogoHeaderImageSmall:url("./images/logo.png"); @LogoHeaderImageFraude:url("./images/IconeLogo_.png"); @colortoolTipContent:#FFF; @colortoolTipText:#1B859F; @colortoolTipBorder:#1B859F; @fontcolorHeaderUser:#FFF; /* ------- ELEMENTOS ------- */ /* reset */ body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, menu, form, fieldset, legend, figure, section, summary { margin: 0; padding: 0; } article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } button, fieldset, iframe, img { border: 0; } html { font: 100% tahoma; color: #666; height: 100% !important; position:relative; } body { font-size: .75em; margin: 0; padding: 0; height: 100% !important; } /* tamanho da fonte: 12px */ /* formulario */ form ol, form ul { list-style: none; } form ul, form > p, .ie6 form p { } form ol li { margin-bottom: 10px; } .ie6 form ol p { margin-left: 0; } form ol label, form ol p, form ol ol li:first-child label { float: left; width: 70px; padding: 0 10px; text-align: right; } form ol li li { display: inline; } form ol li li label { float: none; width: auto; } form button { margin-left: 0px; } form { } /* ------- CLASSES DE LAYOUT ------- */ .limites { width: 980px; margin: 0 auto; } /* alinhamentos */ .direita { float: right !important; } .esquerda { float: left !important; } p.direita, p.esquerda { float: none; } p.direita { text-align: right; } p.esquerda { text-align: left; } .centro { text-align: center; } .centralizado{ margin: 0 auto !important; } /* paginacao */ .paginacao li { display: inline-block; } .paginacao li a[rel="prev"], .paginacao li a[rel="next"] { } .paginacao li a[rel="prev"]:hover, .paginacao li a[rel="next"]:hover { } /* popup */ .popup { display: none; position: absolute; z-index: 10; } .popup a.fechar { } .pelicula { position: absolute; z-index: 9; } /* botoes */ a.botao, a.botao strong { display: inline-block; background: url(images/botao.png) no-repeat; line-height: 25px; text-decoration: none; } a.botao { padding-left: 10px; } a.botao strong { padding-right: 10px; background-position: right 0; font-weight: normal; } a.botao:hover { background-position: 0 0; } a.botao:hover strong { background-position: right 0; } /* -------------- ESTRUTURA -------------- */ /* ------- GERAL ------- */ html, body {height:100%; } #wrap {overflow:hidden; padding-bottom:@alturaFooter; position:relative; min-height: 100%; background-color: @backgroundBodyColor; background-image: @backgroundContentImage; } * html #wrap {height: 100%; width: 100%; background-color: #fff; margin: 0 auto; /* IE7 */ } .headerhomolog{ width: 100%; background-color: #F0DE7D; height: 25px; display:block; text-align: center; font-weight: bold; color:#FF0000; font-size: 20px; } div.contentMaster{ width: 1030px; padding-bottom: @alturaFooter; margin:0 auto !important; padding-top:0px; background-image: @backgroundCentralContent; background-position: center; background-repeat: repeat-y; min-height: 618px; background-color:@backgroundCentralContentColor; } div.contentMasterFraude{ width: 100%; min-width:1400px; /*padding-bottom: @alturaFooter;*/ margin:0 auto !important; padding-top:0px; background-position: center; background-repeat: repeat-y; min-height: 680px; background-color:transparent; height: 100%; } div.contentMasterSoliciacao{ width:1030px; padding-bottom: @alturaFooter; background-image: @backgroundCentralContent; background-position: center; background-repeat: repeat-y; min-height: 580px; overflow: hidden; background-color:@backgroundCentralContentColor; } div.contentMasterValidacao{ width: 1030px; padding-bottom: @alturaFooter; background-image: @backgroundCentralContent; background-position: center; background-repeat: repeat-y; min-height: 580px; overflow: hidden; background-color:@backgroundCentralContentColor; } div.contentMasterVerificacao{ width: 1030px; padding-bottom: @alturaFooter; margin:0 auto; background-image:@backgroundCentralContent; background-position: center; background-repeat: repeat-y; min-height: 580px; overflow: hidden; background-color:@backgroundCentralContentColor; } div.contentMasterEmissao{ width: 1030px; padding-bottom: @alturaFooter; margin-top:0px !important; border:none; margin:0 auto ; background-image: @backgroundCentralContent; background-position: center; background-repeat: repeat-y; min-height: 580px; overflow: hidden; background-color:@backgroundCentralContentColor; } #ocultoMsg { background-color: #fff; width: 202px; height:97px; display:none; padding:0; border:solid 2px #BDD0DD; z-index: 999 !important; zoom:1 !important; position:absolute; top:85%; left:70%; text-align: center; text-decoration: none !important; } #ocultoMsg a { text-decoration: none !important; } /* ------- TOPO ------- */ div.header { width: 100% !important; min-height: 100px !important; height: @alturaHeader; background-image: @backgroundHeaderImage; background-repeat: repeat; background-position:0px 0px; background-color: @backgroundHeaderColor; display:table; position:relative; overflow: hidden; } div.headerAngular { width: 100% !important; min-height: 100px !important; height: 50px; background-image: @backgroundHeaderImage; background-repeat: repeat; background-position:0px 0px; background-color: @backgroundHeaderColor; display:table; position:relative; overflow: hidden; } div.headerfraud { width: 100% !important; min-height: 30px !important; height: @alturaHeaderFraude; background-image: @backgroundHeaderImage; background-repeat: repeat; background-position:0px 0px; background-color: @backgroundHeaderColor; display:table; position:relative; overflow: hidden; } div.headerfull{ width: 100%; height: 50px; vertical-align: middle !important; position: absolute; top: 30%; display:table-cell; } div.headerfullFraud{ width: 100%; height: 50px; vertical-align: middle !important; position: absolute; top: 5%; display:table-cell; } div.headerfullFraud div.header2 { width: 1004px; height: 30px; margin: 0 auto; } div.headerfullFraud div.header2 div.logo_header{ width: 250px; height:60px; display: inline-block; position: relative; float: left; } div.headerfullFraud div.header2 div.logo_header div.logo175{ width: 300px; height:30px; display:block ; margin-left:20px !important; margin-top:0px; background-image: @LogoHeaderImageFraude; background-repeat: no-repeat; background-color: transparent !important; background-position:0px 0px; } div.headerfullFraud div.header2 h2.subti_pagInternas{ font-family: 'Univers57CondensedRegular'; font-size: 13px; font-weight: 400; color: @fontcolorHeader; text-align: center; padding-top: 5px !important ; text-transform: uppercase; float: left; z-index:999; } div.headerfull div.header2 { width: 1004px; height: 50px; margin: 0 auto; } div.headerfull div.header2 div.logo_header{ width: 250px; height:60px; display: inline-block; position: relative; float: left; } div.headerfull div.header2 div.logo_header div.logo175{ width: 300px; height: 80px; display: block; margin-left: 20px !important; margin-top: 0px; background-image: @LogoHeaderImage; background-repeat: no-repeat; background-color: transparent !important; background-position: 0px 0px; } div.headerfull div.header2 div.logo_header div.logo100{ width: 100%; height: 100%; display: block; margin-left: 20px !important; margin-top: 0px; background-image: @LogoHeaderImageSmall; background-repeat: no-repeat; background-color: transparent !important; background-position: 0px 0px; } div.headerfull div.headerResponce { width: 100%; height: 50px; } div.headerfull div.headerResponce div.logo_header{ width: 250px; height:60px; display: inline-block; position: relative; float: left; } div.headerfull div.headerResponce div.logo_header div.logo175{ width: 100%; height:100%; display:block ; margin-left:20% !important; margin-top:0px; background-image: url("./images/logoicoVc.png") !important; background-repeat: no-repeat; background-color: transparent !important; background-position:0px 0px; background-size:24%; } div.logofraud{ width: 300px; height:80px; display:block ; margin-left:20px !important; margin-top:0px; background-image: @LogoHeaderImage; background-repeat: no-repeat; background-color: transparent !important; background-position:0px 0px; } div.headerfull div.header2 h2.subti_pagInternas{ font-family: 'Univers57CondensedRegular'; font-size: 17px; font-weight: 400; color: @fontcolorHeader; text-align: center; padding-top: 15px !important ; text-transform: uppercase; float: left; width: 400px; z-index:999; } div.headerfull div.header2 div.users { width: 206px; height: 14px; display: block; float:right; margin-right:0; text-align: right; font-family: 'Univers67BoldCondensed'; font-size: 11px; padding-right: 5px; color:@fontcolorHeader; padding-top: 0px !important ; } div.headerfull div.header2 div.users2 { width: 206px; height: 20px; display: block; float:right; margin-right:5px; text-align: right; font-family: "Univers67BoldCondensed"; font-size: 12px; padding-right: 2px; color: #fff; padding-top: 0px !important ; margin-top:-35px; } div.headerfull div.header2 div.users p.users { width:203px; font-family: "Univers67BoldCondensed"; font-size: 12px; padding-right: 2px; color: @fontcolorHeader; padding-top: 0px !important ; float: left; margin-left: 0; } div.headerfull div.header2 div.users span.users { width:171px; font-family: "Univers67BoldCondensed"; font-size: 12px; padding-right: 2px; font-weight: 400; color: @fontcolorHeader; padding-top: 5px !important ; float: left; margin-left: 0; display: block; } div.headerfull div.header2 div.users span.usersSub { font-family: 'Univers57CondensedRegular'; font-size:10px; font-weight: 400; color:@fontcolorHeader; text-align:left; padding-top: 0px !important ; padding-right:2px; } div.headerfull div.header2 div.users div.usersSub { font-family: "Univers57CondensedRegular"; font-size:10px; height:20px; font-weight: 400; color: @fontcolorHeader; text-align:left; padding-top: 0px !important ; padding-right:0px; } div.headerfull div.header2 div.users img { border: none; padding: 1px; float: right; margin-top: 5px; margin-right: -5px !important; z-index: 1000; position: absolute; } div.headerfull div.header2 div.users #oculto img { border: none; padding: 1px; float: right; margin-top: 5px; margin-right: 2px; } span.LinhaUser{ display: block; padding:0px 0px 0px 0px; margin-left: 0; width:auto; border-bottom: 1px solid @fontcolorHeader; margin-bottom: 2px; color:@fontcolorHeaderUser !important; } #oculto { background-color:transparent; background-image:url("./images/layout/bg_logoff.png"); background-position:0px 0px; background-repeat:no-repeat; width: 202px; height:97px; margin-top:2px; display:none; padding:0; z-index: 999 !important; zoom:1 !important; position: absolute; margin-right: -35px !important; } #oculto h2.subti_boxLogin{ width:95%; display:block; font-family: "Univers67BoldCondensed"; font-size: 14px; margin-left:8px; font-weight: 400; color: #fff; text-align: center; padding-top:35px !important ; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #oculto span.spa_addLogin{ width:100px; display:block; font-family: "Univers57CondensedRegular"; font-size: 11px; font-weight: 400; color: #fff; text-align: left; margin-top:8px !important ; margin-left:10px; text-transform: uppercase; } h2.subti_boxLogin{ width:99%; display:block; font-family: "Univers67BoldCondensed"; font-size: 14px; margin-top:0px; font-weight: 400; color: @fontcolorHeader; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.header div.navlogof { width: 100% !important; height:25px; background-color:#f2f2f2; text-align: right; margin-top: 0px; } div.breadCrumb{ width: 920px; height: 25px; background-image: url("./images/home2.png") !important; background-repeat: no-repeat; background-position: 04px 04px; padding-left: 15px; margin: 0 auto; display: block; margin-top: 0px; font-family: arial !important; font-size: 14px; color: @fontcolorLabel !important; text-transform: uppercase; list-style-type:none; } ul.breadCrumb { width:700px; float:left; color:#0080D5 !important; padding:0 0 0px; margin:0 0px 0px; z-index: -999 !important; margin-top: 3px; margin-left:5px; } ul.breadCrumb li { display:block; float:left; width:auto; height:12px; text-align:center; margin:0; padding:0px 0 0; margin-top:0px; font-family: arial; font-size:11px; color:@fontcolorLabel ; text-transform:uppercase; } ul.breadCrumb li.act1 { color:#fff; background-image:url("./images/bnt.png"); background-repeat:no-repeat; text-align: center; } ul.breadCrumb li.act2 { color:#fff; background-image: url(./images/bnt_2Ativo.png); text-align: center; } ul.breadCrumb li.act3 { color:#fff; background:url(./images/bnt_3Ativo.png) no-repeat 0 0 !important; text-align: center; } ul.breadCrumb li.act4 { color:#666; background:url(./images/bnt_4Ativo.png) no-repeat 0 0 !important; text-align: center; } /* ------- CONTEUDO ------- */ div.container { width: 100%; height: 100% !important; margin-top:0px; } div.menu{ width: 100%; background-color: @menufullColor !important; background-image: @menufullImagem !important; height: 30px; margin:0 auto; } div.container div.menu .ui-menubar { width: 150px; background-color: #f4f4f4; } div.menufull{ width: 1004px; height: 30px; margin: 0 auto; z-index: -200 !important; background-image: @menufullImagem !important; background-color: @menufullColor !important; } /* colunaCentral */ div.container div.colCentral{ width: 100%; display:table; min-height: 700px !important; } div.container div.headerContainer{ display: block; width: 935px; margin: 0 auto; height: 26px; margin-top:0px; border-bottom: 1px solid @fontcolorLabel; background-color: transparent; padding-top: 0px; z-index: -999 !important; } div.container div.headerContainerValidacao{ display: block; width: 935px; margin: 0 auto; height: 26px; margin-top:10px; background-color: transparent; padding-top: 0px; z-index: -999 !important; } div.container div.colFraude{ display:inline-block !important; } div.container div.colCentral div.colInternasform{ width: 1004px; margin: 0 auto; display:block; height: auto !important; background-color: transparent; } div.container div.colCentral div.colInternasformOperator{ width: 1004px; margin: 0 auto; display:block ; height: auto !important; } div.ColDetalheCentral, #detailDialog{ width: 950px; display: table; } /* Copia identica ao bloco anterior com exce��o do height SEM o !important*/ /* Aroldo/Matheus 12/01/15 */ /*--------------------------- inicio colCentralDynamic ------------------*/ div.container div.colCentralDynamic{ width: 100%; display:table; height: 400px; } div.container div.colCentralDynamic div.colInternasform{ width: 1004px; margin: 0 auto; display:block; height: auto !important; background-color: transparent; } div.container div.colCentralDynamic div.colInternasformOperator{ width: 1004px; margin: 0 auto; display:block ; height: auto !important; } /*--------------------------- fim colCentralDynamic ------------------*/ /* coluna2 */ #conteudo #coluna2 { } /* ------- FOOTER ------- */ div.footer { position:absolute; margin-top: -@alturaFooter; height: @alturaFooter; clear: both; background-color: @backgroundFooterColor; width: 100%; text-align:left; background-image: @backgroundFooterImage; background-repeat: repeat; background-position:0px 0px; } div.footer p { width:904px; font-family: tahoma, verdana; font-size: 11px; font-weight: 400; color: @fontcolorFooter; padding-top: 05px; margin-left:20px; margin: 0 auto; } div.footerFraude { position:absolute; margin-top: -@alturaFooterFraude; height: @alturaFooterFraude; clear: both; background-color: @backgroundFooterColor; width: 100%; text-align:left; background-image: @backgroundFooterImage; background-repeat: repeat; background-position:0px 0px; } div.footerFraude p { width:100%; font-family: tahoma, verdana; font-size: 11px; font-weight: 400; color: @fontcolorFooter; padding-top: 0px; margin-left:20px; text-align:right; } div.footerDnaFraude{ width:1004px; margin: 0 auto; top: 30%; left: 50%; margin-top: 0px; margin-left: -380px; position: relative; } div.footerDna{ width:1004px; margin: 0 auto; top: 30%; left: 50%; margin-top: 0px; margin-left: -502px; position: relative; } div.imgLogofooter{ width: 80px; height:35px; display:block ; margin-left:65px !important; float:left; z-index:6666 !important; background-image: @LogoHeaderImage; background-repeat: no-repeat; background-color: transparent !important; background-position:0px 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 100%; } span.footerText{ font-family: 'Univers57CondensedRegular'; font-size: 11px; color: @fontcolorFooter; margin-left: 05px; text-align: left !important; margin-top: 5px; padding-top: 5px !important; } img.footerIco{ margin-left:30px; padding-top:9px; vertical-align: middle !important; float: left; } span.footerText{ font-family: 'tahoma'; font-size: 11px; color: @fontcolorFooter; margin-left: 10px; text-align: left !important; margin-top: 5px; padding-top: 5px !important; } span.footertext{ font-family: Arial, Helvetica, sans-serif !important; font-size: 10px; color: @fontcolorFooter; margin-left: 5px; text-align: left !important; margin-top: 5px; padding-top: 5px !important; letter-spacing:1px; } span.footertextR{ font-family: 'tahoma'; font-size: 10px; display: inline; margin-right: 15px; color: @fontcolorFooter; text-align: right !important; margin-top: -10px; padding-top: 5px !important; float: right; } label.footertextR{ font-family: 'tahoma'; font-size: 10px; display: inline; margin-right: 15px; color: @fontcolorFooter; text-align: right !important; margin-top: -10px; padding-top: 5px !important; float: left; } /* ------- TOOL TIP ------- */ .qtip { padding: 0px; left: -28000px; top: -28000px; line-height: 12px; font-size: 10.5px; display: none; position: absolute; direction: ltr; min-width: auto; max-width: auto; box-shadow: none; color: @colortoolTipText !important; } .qtip .qtip-valid { left: 157px; top: 662px; width: auto; display: none; position: absolute; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; color: @colortoolTipText !important; } .qtip-wrapper { width: auto; text-align: left; overflow: hidden; position: relative; zoom: 1; color: @colortoolTipText !important; } .qtip .qtip-valid .qtip-active { left: 97px; top: 5319px; width: auto; display: none; position: absolute; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; color: @colortoolTipText !important; } .qtip-contentWrapper { overflow: hidden; border: 1px solid @colortoolTipBorder !important; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: @colortoolTipContent; color: @colortoolTipText !important; } .qtip-content-valid { text-align: left; color: @colortoolTipText !important; overflow: hidden; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; cursor: pointer; zoom: 1; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: @colortoolTipContent !important; min-height: 0px; max-width: 300px; } .qtip-valid .qtip-content-valid .qtip-title { background-color: @colortoolTipContent; color: @colortoolTipText !important; } .qtip-tip{ border-color: @colortoolTipBorder !important; left: -1px; width: 14px; height: 14px; bottom: 1px; line-height: 0.1px; font-size: 1px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block; position: absolute; dir:ltr; rel:leftBottom; color: @colortoolTipText !important; } .qtip-tip canvas{ width:0px; height:0px; border: 8px solid transparent !important; border-top-color: @colortoolTipBorder !important; border-left-color:transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; zoom:0 !important; z-index: 999 !important; margin-top: 2px !important; margin-left: 1px !important; color: @colortoolTipText !important; } .qtip-tipButton canvas{ width:0px; height:0px; border: 8px solid transparent !important; border-top-color:transparent !important; border-left-color:transparent !important; border-right-color: transparent !important; border-bottom-color: @colortoolTipBorder !important; zoom:0 !important; z-index: 999 !important; margin-top: -1px !important; color: @colortoolTipText !important; } .qtip-tipButtonOpe canvas{ width:0px; height:0px; border: 8px solid transparent !important; border-top-color: @colortoolTipBorder !important; border-left-color:transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; z-index: 999 !important; margin-top: 2px !important; color: @colortoolTipText !important; } .qtip-tipLabel canvas{ width:0px; height:0px; border: 8px solid transparent !important; border-top-color: @colortoolTipBorder !important; border-left-color:transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; zoom:0 !important; z-index: 999 !important; margin-top: 2px !important; color: @colortoolTipText !important; } .qtip-tipSpan canvas{ width:0px; height:0px; border: 8px solid transparent !important; border-top-color:transparent !important; border-left-color:transparent !important; border-right-color: transparent !important; border-bottom-color: @colortoolTipBorder !important; zoom:0 !important; z-index: 999 !important; margin-top: 2px !important; color: @colortoolTipText !important; } .qtip-tipInput canvas{ width:0px; height:0px; border: 8px solid transparent !important; border-top-color: @colortoolTipBorder !important; border-left-color:transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; zoom:0 !important; z-index: 999 !important; margin-top: 2px !important; color: @colortoolTipText !important; } button.imgUploadvalidation{ background-color: transparent; width: 28px; height:28px; background-image: url('images/upload-na-nuvem_c.svg'); background-size: cover; color: transparent !important; font-size: 0px !important; cursor: pointer !important; } button.imgReenviarEmail{ background-color: transparent; width: 28px; height:28px; background-image: url('images/reenvioemail.svg'); background-size: cover; color: transparent !important; font-size: 0px !important; cursor: pointer !important; outline: transparent; } button.imgReenviarEmail:focus{ background-color: transparent; width: 28px; height:28px; background-image: url('images/reenvioemail.gif'); background-size: cover; color: transparent !important; font-size: 0px !important; cursor: pointer !important; outline: transparent; } button.imgReenviarEmail:hover path { fill: #fce57e; outline: transparent; } button.alinhaInput02{ display: block; float: right; margin: 14px 16px 7px 0px !important; } button.alinhaInputd02{ display: block; float: right; margin: 11px 16px 7px 0px !important; } button.alinhaInputd01{ display: block; float: right; margin: -48px 510px 7px 0px; } button.alinhaInput01 { display: block; float: right; margin: -48px 510px 2px 0px; } button.imgUploadvalidation:active{ border: none; background-color: transparent; width: 28px; height:28px; background-image: url('images/upload-na-nuvem.svg'); background-size: cover; color: transparent !important; font-size: 0px !important; border-radius: 0px !important; box-sizing: initial !important; outline: transparent; } button.imgUploadvalidation:hover{ border: none; background-color: transparent; width: 28px; height:28px; background-image: url('images/upload-na-nuvem.svg'); background-size: cover; color: transparent !important; font-size: 0px !important; border-radius: 0px !important; box-sizing: initial !important; outline: transparent; cursor: pointer; } button.imgUploadvalidation:focus{ border: none; background-color: transparent; width: 28px; height:28px; background-image: url('images/upload-na-nuvem.svg'); background-size: cover; color: transparent !important; font-size: 0px !important; border-radius: 0px !important; box-sizing: initial !important; outline: transparent; }