html { background-repeat: no-repeat; color: #000000; font-family: Verdana,avenir, helvetica, arial, sans-serif; letter-spacing: 0.15em; height: 100%;} body {text-align: center; color: #000000; font-family: avenir, helvetica, arial, sans-serif; letter-spacing: 0.15em;background-repeat: no-repeat; background-color: #eaeaea} hr { background-color: #eee; border: 0 none; color: #eee; height: 1px; } .btn, .btn:link, .btn:visited {border-radius: 0.3em;border-style: solid;border-width: 1px;color: #3a3a3a;display: inline-block;font-family: avenir, helvetica, arial, sans-serif;letter-spacing: 0.15em;margin-bottom: 0.5em;padding: 1em 0.75em;text-decoration: none;text-transform: uppercase;-webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;transition: color 0.4s, background-color 0.4s, border 0.4s;} .btn:hover, .btn:focus {color: #d26464;border: 1px solid #d26464;-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;transition: background-color 0.3s, color 0.3s, border 0.3s;} .btn:active {color: #d95151;border: 1px solid #d95151;-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;transition: background-color 0.3s, color 0.3s, border 0.3s;} /*.btn--s{font-size: 12px;}*/ .btn--m {font-size: 14px;} /*.btn--l {font-size: 20px; border-radius: 0.25em !important;}*/ /*.btn--full, .btn--full:link {border-radius: 0.25em;display: block;margin-left: auto;margin-right: auto;text-align: center;width: 100%;}*/ .btn--red:link, .btn--red:visited {color: #fff;background-color: #d95151;} .btn--red:hover, .btn--red:focus {color: #fff !important;background-color: #d26464;border-color: #d26464;} .btn--red:active {color: #fff;background-color: #001F3F; border-color: #001F3F;} @media screen and (min-width: 32em) {.btn--full {max-width: 16em !important;}} a:link{text-decoration:none;} *{margin:0;} .footer {position:absolute;bottom:30px;width:100%;color: #3a3a3a;text-align: center;font-weight: bold;font-size: 90%;font-family: "helvetica";} .c2 {width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;} .c3 {width: 30%;} .c1 {width: 100%;position: relative;margin-left:0%;} .nova{width:100%;float: right;} /*.container-center{margin:auto;position:relative;top: 20px;text-align: center;}*/ #td{padding: 20px; padding-left: 50px; padding-right: 50px;} #user input{border-radius: 5px; padding: 3px;} .logo{position: relative;top:2px;right:90px;width: 45px;height: 45px; background: url(data:image/png;base64,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) no-repeat;background-size:contain;margin-right:1.5%; float: right;} .frase{position: relative;right:90px;top:20px;font-size: 90%; color: #ffff; font-weight: bold; background-color: transparent;text-align: right;} .box1{left:90px;position:fixed;width: 100vw;height: 50px;background-color: #3a3a3a} .box2{position:fixed;font-size:150%;top:50px;width: 100vw;height: 30px;background: #d95151} .voltar{text-align: left;background-color: #3a3a3a;height:50px;position:fixed;} .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black;} .tooltip .tooltiptext { visibility: hidden; width: 180px; background-color: #fff; color: #000; text-align: center; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -90px;} .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;} .tooltip:hover .tooltiptext { visibility: visible;} #tabela { font-family: Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; /*width: 50%;*/ margin-left: auto; margin-right: auto; } #tabela td, #tabela th { border: 1px solid #ddd; padding: 8px; } #tabela tr:nth-child(even){background-color: #d0d0d0;} #tabela tr:hover {background-color: #04AA6D;} //* Estilo iOS */ .switch__container {padding-left: 10px; margin: 30px auto; width: 120px;} .switch { visibility: hidden; position: absolute; margin-left: -9999px; } .switch + label { display: block; position: relative; cursor: pointer; outline: none; user-select: none;} .switch--shadow + label { padding: 1px; width: 120px; height: 60px; background-color: #dddddd; border-radius: 60px; } .switch--shadow + label:before, .switch--shadow + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: "";} .switch--shadow + label:before { right: 1px; background-color: #fcf9f9; border-radius: 60px; transition: background 0.4s;} .switch--shadow + label:after { width: 62px; background-color: #fff; border-radius: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: all 0.4s;} .switch--shadow:checked + label:before { background-color: #d95151;} .switch--shadow:checked + label:after {transform: translateX(60px); } .switch--flat + label { padding: 1px; width: 120px; height: 60px; background-color: #dddddd; border-radius: 60px;} .switch--flat + label:before, .switch--flat + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: "";} .switch--flat + label:before { right: 1px; background-color: #f1f1f1; border-radius: 60px; transition: background 0.4s;} .switch--flat + label:after {width: 62px;background-color: #fff;border-radius: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);transition: all 0.4s;} .switch--flat:checked + label:before {background-color: #d95151;} .switch--flat:checked + label:after {transform: translateX(60px);}