@charset "utf-8";

#ecovidapay { float: left; width: 100%; margin: 10px 0;}
#ecovidapay .titulo { float: left; width: 100%; padding: 15px 0 13px; border: 1px solid rgb(100, 100, 100, 60%); text-transform: uppercase; text-align: center; color: rgb(80, 80, 80); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#ecovidapay .titulo.esse:hover { background-color: rgb(100, 100, 100, 5%);}
#ecovidapay .meios { float: left; width: 100%; margin: 0 0 10px;}
#ecovidapay .acao { float: left; width: 100%; margin: 10px 0 0;}
#ecovidapay .fim { float: left; width: 100%;}

#ecovidapay .qrcode { float: left; width: 100%; margin: 10px 0; text-align: center;}
#ecovidapay .qrcode img { width: 200px; padding: 5px; border: 1px solid rgb(100, 100, 100, 20%); background-color: rgb(255, 255, 255);}
#ecovidapay .copiaecola { float: left; width: 100%; margin: 20px 0 40px; text-align: center;}
#ecovidapay .copiaecola b { padding: 16px 40px 15px; background-color: rgb(0, 171, 199, 30%); background-position: 10px 50%; background-repeat: no-repeat; font-weight: normal; font-size: 1.1em; color: rgb(0, 0, 0, 70%);}
#ecovidapay .copiaecola b:hover { background-color: rgb(0, 171, 199, 40%);}
#ecovidapay .copiaecola b.ok { background-color: rgb(127, 193, 51, 40%); background-image: url('https://www.portalecovida.com.br/imagens/copiaecola.png');}
#ecovidapay .escanear { float: left; width: 100%;}
#ecovidapay .escanear h3 { float: left; width: 100%; text-align: center; font-size: 1.2em; color: rgb(100, 100, 100);}
#ecovidapay .barras { float: left; width: 100%; margin: 20px 0; text-align: center;}
#ecovidapay .pdf { float: left; width: 50%; padding: 17px 0 15px; margin: 0 25%; background-color: rgb(25, 141, 77); text-align: center; font-weight: bold; font-size: 1.1em; color: rgb(255, 255, 255);}
#ecovidapay .pdf:hover { background-color: rgb(20, 124, 67);}
#ecovidapay .enquanto { float: left; width: 100%; padding: 20px 0; margin: 20px 0; border-top: 1px solid rgb(100, 100, 100, 60%);}
#ecovidapay .enquanto h3 { float: left; width: 100%; text-align: center; font-size: 1.2em; color: rgb(100, 100, 100);}
#ecovidapay .enquanto h3 a { color: rgb(33, 101, 128);}
#ecovidapay .enquanto h3 a:hover { text-decoration: underline;}

#ecovidapay .dados { float: left; width: 100%;}
#ecovidapay .titular { float: left; width: 100%;}
#ecovidapay .titular .oque { float: left; width: 100%; padding: 5px 0; margin: 10px 0; border-bottom: 1px solid rgb(100, 100, 100, 60%); font-weight: bold; color: rgb(100, 100, 100);}
#ecovidapay .titular .atual { float: left; width: 100%; padding: 3px 0; font-size: 1em; color: rgb(100, 100, 100);}
#ecovidapay .titular .alterar { float: left; padding: 10px; margin: 10px 0 0; background-color: rgb(220, 220, 220); color: rgb(80, 80, 80);}
#ecovidapay .titular .alterar:hover { text-decoration: underline;}
#ecovidapay .parcela { float: left; width: 100%;}

#ecovidapay .digite { float: left; width: 100%;}
#ecovidapay .digite .c1 { float: left; width: 100%; position: relative;}
#ecovidapay .digite .nomecampo { float: left; width: 100%; margin: 30px 0 2px; font-size: 1.2em; color: rgb(150, 150, 150);}
#ecovidapay .digite .nomecampo em { font-style: normal; color: rgb(195, 92, 92);}
#ecovidapay .digite .campo { float: left; width: 98%; height: 60px; padding: 0 1%; border: 1px solid rgb(100, 100, 100, 60%); color: rgb(150, 150, 150);}
#ecovidapay .digite .campo.mes { width: 80px;}
#ecovidapay .digite .campo.ano { width: 150px; margin: 0 0 0 10px;}
#ecovidapay .digite .campo.cvv { width: 150px;}
#ecovidapay .digite .escolha { float: left; width: 98%; height: 60px; padding: 0 1%; border: 1px solid rgb(100, 100, 100, 60%); color: rgb(150, 150, 150);}
#ecovidapay .digite .bandeira { position: absolute; width: 40px; bottom: 15px; right: 5px;}
#ecovidapay .digite .submit { float: left; padding: 20px 30px; margin: 20px 0 0; background-color: rgb(25, 141, 77); font-size: 1.5em; color: rgb(255, 255, 255); cursor: pointer;}
#ecovidapay .digite .submit:hover { background-color: rgb(20, 124, 67);}

#ecovidapay .proximo { float: left; padding: 20px 30px; margin: 20px 0 0; background-color: rgb(25, 141, 77); text-align: center; font-weight: bold; font-size: 1.4em; color: rgb(255, 255, 255);}
#ecovidapay .proximo:hover { background-color: rgb(20, 124, 67);}
#ecovidapay .proximo.disabled { background-color: rgb(200, 200, 200); color: rgb(140, 140, 140); cursor: inherit;}
#ecovidapay .proximo.disabled:hover { background-color: rgb(200, 200, 200); color: rgb(140, 140, 140);}

#ecovidapay .status { float: left; width: 100%;}
#ecovidapay .status h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em;}
#ecovidapay .status h3 { float: left; width: 100%; text-align: center; font-size: 1.1em; color: rgb(100, 100, 100);}